@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; }

.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: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#FFFFCC;
	margin-bottom: -0.1em;
	font-style: italic;
}  /*change this one in content pages*/
h2 {
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #FFFFCC;
	line-height: 24px;
	text-align:center;
} /*change this one in content pages*/
h3 {
	font-size: 13px;
	color:#FFFFFF;
	line-height: 17px;
	font-weight: lighter;
}
h4 {font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #FFFFFF;
	line-height: 5px;
	text-align:center;}
	
h5 {margin: 0 0 0em;
	font-size: 10px;
	color: #003366

}
h6 {font-size: 100%;
	color:#333333;
	margin:30px;
	font-weight:300;	
	line-height:14pt;
	}

.headertext {font-size: 200%;
	color:#006699;
	margin-top:20px;
	margin-left:30px;
	font-weight:600;
	line-height:14pt}
	
.botmessage {font-size: 150%;
	color:#FFFFFF;
	display:block;
/*	width:190px; */
	text-align:left;
	margin-left:10px;
	margin-top:15px;
	font-weight:400;
	line-height:17pt}
	
.subhead {font-size: 120%;
	color:#FF6633;
	margin-left:30px;
	font-weight:500;
	font-style:italic;}
	


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

--> 

/* LINKS */
a,a:link,a:link,a:link,a:hover {background:transparent;} 
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;}



/* Begin header bar CSS */ 
/*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;
	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 {
	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;
}
/* End header bar CSS */ 



/* Begin sidebar CSS */ 

/*navigation - highlights active item in sidebar */
#navigationside {
	margin-top:: 10px;
	/*padding:0.3em 10px;*/
	vertical-align:top;
	font-size: 12px;
	height: 16px;
	/* text-transform: uppercase; */
	color: #333333; /* not working */
	/* background: #998675 url(../images/sidebar_menubg.png) repeat-y; wasn't working right */
}


	
#side, #side ul { /* sidebar lists */
	font-weight: normal;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	background-color: #efece6;
	color: #FFFFFF;
	
}

#side a { /* all lists */
	display: block;
	width: 149px;
	/*height: 20px; this was added - take it out if height problems*/
	color:#006699;
	background:url(../images/arrow.png); 
	background-position:left;
	background-repeat:no-repeat;
	text-decoration: none;
	padding: 5px 0 5px 0;
	
}

#side:first-child { /* to knock the menue bar down 30 px */
	margin-top:30px;
}

#side a:hover { background-color: #FFFFFF;
				color:#006699;
				 }

#side li { 
	text-align: left;
	text-indent:25px;
	float: left;
	/*border-right: 1px solid #999999;  cause I didn't feel like it */
	width: 149px; /* width needed or else Opera goes nuts */
	}

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

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

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

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

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

#side 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;}

#side #currentpage a {
	color: #e69415;
	width: 149px;
}




/* End sidebar CSS */