/* =INITIAL 
   v2.1, by Faruk Ates - www.kurafire.net
   Addendum by Robert Nyman - www.robertnyman.com */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
}
/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 0.5em 0;
	padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
   	margin-left: 1em;
}
a img, img a {
	border: none;
}
/* End Initial */
.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearboth {
	clear: both;
    overflow: hidden;
    width: 0;
    height: 0;
}

/*-------------------------------------------------------------------

Page layout

--------------------------------------------------------------------*/

body {
	background-color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #FFF;
	text-align: center;	
	line-height: 130%;
}
#page {
	text-align: left;
	padding: 0;
	margin: 0 auto;	
	position: relative;
	font-size: 80%;
	min-width: 640px;
}

a, a:link {
	color: #FFFFCC;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

/*-------------------------------------------------------------------

Header Block Styles

--------------------------------------------------------------------*/
#banner {
	height: 160px;
	background-image: url(../assets/xbanner.jpg);
	background-repeat: no-repeat;
	position: relative;
}
#title-slogan, #logo {
	position: absolute;
	top: 30px;
	left: 40px;
	font-weight: bold;
}
#title-slogan {
	text-indent: -5000px;
}
#logo {
	top: 40px;	
	font-size: 200%;
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 360px;
	height: 80px;
	cursor: pointer;
}
#logo span {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(../assets/logo.jpg);
	background-repeat: no-repeat;
}
#banner img {
	position: absolute;
	right: 0;
}
/*-------------------------------------------------------------------

Main Page content Styles

--------------------------------------------------------------------*/
#content {
	margin: 0 0px 0 240px;
	position: relative;
}
#main {	
	width: 100%;
	background-image: url(../assets/stripe_left.png);
	background-repeat: repeat-y;
}
#sidebar {
	width: 227px;
	position: absolute;
	top: 5px;
	left: -230px;
}
.pngimage {
	position: absolute;
	top: -16px;
}
.latestpng {
	position: absolute;
	bottom: -28px;
}
#mainhead {
	background-image: url(../assets/xblack_mainheadbg.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 140px;
}
#main h1 {
	margin: 0;
	background-image: url(../assets/xblack_mainheadbg.png);
	background-repeat: no-repeat;
	background-position: top right;
	font-size: 130%;
	font-weight: bold;
	padding: 15px 10px 10px 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	overflow: hidden;
}
#innermain {
	margin: 0;
	background-image: url(../assets/stripe_right.png);
	background-repeat: repeat-y;
	background-position: top right;
	padding: 10px 30px 20px 20px; 
	color: #FFF;
	min-height: 400px;
	background-color: #000;
	margin-left: 15px;
	margin-bottom: -10px;
}
#pixy-left, #pixy-right {
	background-image: url(../assets/pixy.png);
	background-repeat: no-repeat;
	background-position: bottom left; 
	height: 20px;
	margin: 0;
	padding: 0;
}
#pixy-right {
	background-position: bottom right;
	padding-right: 30px;
}
/*-------------------------------------------------------------------

Main menu Styles

--------------------------------------------------------------------*/
#nav, #latest {
	background-image: url(../assets/mainnavbg.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 0;
	margin: 0;
	padding-bottom: 24px;
	position: relative;
	left: -10px;
}
#nav {
	z-index: 2;
}
#nav ul, #latest-list {
	padding: 0;
	margin: 0;
	list-style: none;
	background-image: url(../assets/mainnavbg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 25px 13px 0px 14px;
}
#nav li {
	display: inline;
	padding: 0;
	margin: 0;
	width: 192px;
	background-color: #000;		
}
#nav ul a {
	color: #FFF;
	display: block;
	padding: 3px;
	padding-left: 5px;
	text-decoration: none;
	background-color: #000;
	background-image: url(../assets/listbg.jpg);
	background-repeat: repeat-x;
	border-bottom: 1px dotted #FFF;
	width: 192px;	
	text-transform: capitalize;
}
#nav ul li.first a {
	border-top: 1px dotted #FFF;
}
#nav ul span {
	display: block;
	background-image: url(../assets/navbullet.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding-left: 18px;
}
#nav ul a:hover {
	background-color: #CC0000;
	background-image: none;
}
#nav li ul {
	padding: 0;
	margin: 0;
	position: absolute;
	width: 200px;
	margin-left: 200px;
	margin-top: -28px;
	left: -999em;
	border: 1px solid #6A6260;
	z-index: 10;
}
#nav li ul a {
	border-bottom: 1px dotted #FFF;
	border-top: none;
}
#nav li ul li.first a {
	border-top: none;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	height: auto;
}
#nav li:hover, #nav li.sfhover {
	background-color: #CC0001;
}


/*-------------------------------------------------------------------

Sidebar Styles

--------------------------------------------------------------------*/
#latest {
	top: -10px;
	z-index: 1;
}
#latest-list {
	padding-top: 14px;
}
#latest a {
	color: #FFF;
	text-decoration: none;
}
#latest a:hover {
	text-decoration: underline;
}
#dlist-wrap {
	background-image: url(../assets/sidegrad.jpg);
	background-repeat: no-repeat;
	padding: 10px;
	padding-top: 22px;
	padding-bottom: 0;
	margin: 0;
}
#latest dt {
	float: left;
	margin-right: 10px;
	margin-top: 2px;
}
#latest dd {
	line-height: 120%;
}
dl.firstdl {
	background-image: url(../assets/hrbg.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	padding-bottom: 8px;
}


/*-------------------------------------------------------------------

Footer Styles

--------------------------------------------------------------------*/
#footer {
	clear: both;
	background-image: url(../assets/xfooterbg.jpg);
	background-repeat: repeat-x;
	background-position: bottom left;
	padding-bottom: 20px;
	position: relative;
	top: 10px;
}
span.divider {
	clear: both;
	height: 8px;
	background-image: url(../assets/footerdivider.gif);
	margin: 0px 13px;
	background-repeat: repeat-x;
	display: block;
}
#footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
	background-image: url(../assets/xfooterbg.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	padding-top: 20px;
	margin-bottom: 8px;
}
#footer li {
	list-style: none;
	display: inline;
	position: relative;
	left: 10px;
}
#footer li a {
	padding-right: 15px;
	border-right: 1px dashed #FFF;
	color: #FFF;
	text-decoration: none;
}
#footer li a:hover {
	color: #CC0001;
}
#copyright {
	padding-left: 24px;
}
#footerpix-top, #footerpix-bottom {
	background-image: url(../assets/footerbg.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	width: 13px;
	position: absolute;
	right: 0;
	height: 80px;
	overflow: hidden;
}
#footerpix-bottom {
	background-position: bottom right;
	bottom: 0px;
	height: 80px;
}
/*-------------------------------------------------------------------

Email form Styles

--------------------------------------------------------------------*/
#emailform input.text {
	width:236px;
	height:15px;
	color:#FFFFFF;
	background-image: url(../assets/textbox.gif);
	background-repeat: no-repeat;
	border-color: #000;
	border: none;
	padding:4px 8px;
	margin-top: 5px;
	font-size: 90%;
}
#emailform p.button input {
	margin-left: 145px;
}
#emailform input:focus, #emailform textarea:focus, #emailform .focus {
	
}
#emailform textarea {
	width:336px;
	height:174px;
	color:#FFFFFF;
	background-image: url(../assets/textarea.gif);
	background-repeat: no-repeat;
	border-color: #000;
	border:none;
	padding:4px 8px;
	margin-top: 5px;
	overflow: hidden;
}
#emailform label {
	width: 150px;
	text-align: right;
	float: left;
	color: #FFF;
	padding-right: 5px; 
	margin-bottom: 2px;
	margin-top: 5px;
}
span.required {
	color: #FFF;
	font-weight: bold;
}
#sendemail legend {
	display: none;
}
#sendemail fieldset {
	border: none;
	margin-left: 30px;
}
div.alert {
	font-weight: bold;
	color: #FF0000;
	width: 450px;
	padding: 10px;
	margin: 0 auto;
	background-color: #DDD;
	border: 1px solid #FF6501;
	margin-bottom: 10px;
} 
dt {
	color: #D20607;
	font-weight: bold;
}
#office {
	float: right;
}
/*-------------------------------------------------------------------

Flash Replacement (sIFR) Styles

--------------------------------------------------------------------*/
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #main h1 {
	visibility: hidden;
	overflow: hidden;
	font-size: 1px;
	line-height: 1;
	padding: 15px 0px 7px 150px;
	width: 435px;
}

/*-------------------------------------------------------------------

FAQ Page Styles

--------------------------------------------------------------------*/
.question {
	font-size: 110%;
}
.answer {
	font-size: 100%;
	padding-left: 20px;
	font-weight: normal;
}

/*-------------------------------------------------------------------

Other Styles

--------------------------------------------------------------------*/
#oddintro, #news, #headimg {
	display: none;
}
#home-sitelinks a {
	margin-right: 10px;
}
#mcafee-secure {
	position: relative;
	right: 280px;
	top: 10px;
}