@charset "UTF-8";
/* CSS Document */
 
html { background: #D7D6CB url(../images/bg_repeat.gif) repeat-x top left fixed; margin: 0; padding: 0; }
body  {
	font: 100% Arial, Helvetica, sans-serif;
	font-size: 11px; 
	line-height: 150%;
	margin: 0; 
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container2 selector */
	color: #333333;
}

img { behavior: url(../cssandjs/iepngfix.htc); } /* Without this rule, PNG transparency fails big time in IE 6 or less */
img { border: none; }

.shadow { margin-top: 0px; margin-left:auto; margin-right: auto; width: 980px;  background: url(../images/shadowbody2.png) repeat-y center top; text-align: left; behavior: url(../cssandjs/iepngfix.htc); }
.topshadow { margin-top: 40px; margin-left:auto; margin-right: auto; width: 980px; height: 40px; background: url(../images/shadowtop2.png) left top; behavior: url(../cssandjs/iepngfix.htc);} /*set top margin here */
.lowshadow { margin-top: 0px; margin-left:auto; margin-right: auto; width: 980px; height: 40px; background: url(../images/shadowlow2.png) left top; behavior: url(../cssandjs/iepngfix.htc);}

.center { position: relative; top: 0px; left: 40px; width: 900px; background: #586a98 url(../images/industrybackground.jpg) no-repeat bottom left; } /*set the main body background color or image here */

.twoColFixLtHdr #container2 { 
	width: 900px; 
	background: url(../images/whitemenubar.png) repeat-y top left; /* set the menu bar here */
	behavior: url(../cssandjs/iepngfix.htc);
	margin: 0 auto 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.twoColFixLtHdr #header {  background: #FFFFFF url(../images/headerbackground.jpg) top left no-repeat; height:  115px;} 

#active a { color: #FF7F00; text-decoration: underline; }

/* Small links at top */
#utilitymenu { position: relative; width: 250px; left: 627px; top: 50px; height: 40px; font-size: 10px; letter-spacing: .5px; text-transform:uppercase; color:#FFFFFF;}
#utilitymenu li {display:inline; text-align: left; padding: 0 5px; border-left: solid 1px #fff;}
#utilitymenu li:first-child { border: none; } 
#utilitymenu a {color: #ffffff; text-decoration: none; }
#utilitymenu a:hover {color: orange; text-decoration: underline; }
#utilitymenu a:visited {color: #ffffff; text-decoration: none; }
#utilitymenu a:active {color: #FF7F00; text-decoration: underline; }
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* TYPOGRAPHY */
p, ul, ol {margin: 0 0 1.5em; }
h1 {
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #000066;
	margin-bottom: -0.1em;
}  /*change this one in content pages*/
h2 {	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #0071B9;
	line-height: 10px; } /*change this one in content pages*/
h3 {font-size: 14px; color: #cccc64; }
h4 {font-size: 13px; color: #cccc64; }
h5 {font-size: 105%}
h6 {font-size: 100%}


/* LINKS */
a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:underline;} 
a:link {color:#0c2e82;} 
a:visited {color:#0c2e82;} 
a:hover,a:active {color:#069;} 

#content #breadcrumb {margin-top:-5px;font-size:93%;font-weight:bold;}
#content #breadcrumb a:link, #content #breadcrumb a:visited {text-decoration:none;}
#content #breadcrumb a:hover, #content #breadcrumb a:active {text-decoration:underline;}


/*navigation - highlights active item */
#navigation {
	margin: 0px;
	/*padding:0.3em 10px;*/
	padding: 0;
	font-size: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	height: 28px;
	text-transform: uppercase;
	color: #FFFFFF;
	background: #998675 url(../images/bg_menubar.gif) repeat-x;
}

#nav, #nav ul { /* all lists */
	font-weight: normal;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	background-color: #efece6;
	background-image: url(../images/bg_menubar.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#nav a { /* all lists */
	display: block;
	width: 127px;
	/*height: 20px; this was added - take it out if height problems*/
	color: #FFFFFF;
	text-decoration: none;
	padding: 9px 0 9px 0;
}

#nav a:hover { background-color: #FF6633;
				color:#FFFFFF; }

#nav li { /* trying - just header list items */
	text-align: center;
	float: left;
	/*border-right: 1px solid #999999;  cause I didn't feel like it */
	width: 127px; /* width needed or else Opera goes nuts */
	border-left: dashed 1px #ffffff;}
	
#nav li:first-child { border: none;}


#nav li ul { /* second-level lists - z-index is not needed for menu function but to ensure menu items display over content */
	z-index: 100;
	position: absolute;
	line-height:14px;
	background: #006699;
	/* filter:alpha(opacity=80);opacity: .8;-moz-opacity: .8; */
	color:#006699;
	width: 127px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}


#nav li ul:hover {
	z-index: 100;
	background: #006699; 
	/* filter:alpha(opacity=80);opacity: .8;-moz-opacity: .8; */
}

#nav li ul li { border-bottom: 1px solid #ffffff;
				border-left: none;}
				
#nav li ul li:first-child { border-bottom: 1px solid #ffffff;}

#nav li ul ul { /* third-and-above-level lists */ margin: -1em 0 0 145px; }

#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em;}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */ left: auto;}

#nav #currentpage a {
	color: #e69415;
	width: 127px;
}