/* Styles taken from the General stylesheet for the FHWA website for the header, footer, and background of the site */


/* start - header styles **********************************************************************************/
#fhwaheader {background: #063472 url('../images/bg_headersm.png') left top repeat-x; padding: 5px 0px; text-align: left;}
#fhwaheader img.imgdotfhwalg {display: none;} /* hides large FHWA header */
#fhwaheader .socialbtns {border: #F00 0px solid; display: block; float: right; margin-top: 11px;} /* nav and social buttons position */
#fhwaheader .socialbtns img {margin-left: 2px;} /* left margin for social buttons */
#fhwaheader ul.dropdown {margin: 0px; padding: 0px; list-style: none;}
#fhwaheader ul.dropdown li {display: inline; margin: 0px; padding: 0px;}
#fhwaheader ul.dropdown .arrow {background:url('../images/imgarrow2.png') bottom center no-repeat;}
#fhwaheader ul.dropdown li a {float: left; color: #fff; margin: 0px; padding: 0px; text-decoration: none;}
#fhwaheader ul.dropdown li a span {display: block; font-weight: normal; float: none; padding: 2px 8px 6px 0px;}
#fhwaheader ul.dropdown li a span.adjleftmgn {padding-left: 3px;}
#fhwaheader ul.dropdown li a:hover, 
#fhwaheader ul.dropdown li a.active,
#about #fhwaheader ul.dropdown li.mnabout a span,
#divisions #fhwaheader ul.dropdown li.mnabout a span,
#programs #fhwaheader ul.dropdown li.mnprograms a span, 
.hep #fhwaheader ul.dropdown li.mnprograms a span, 
#resources #fhwaheader ul.dropdown li.mnresources a span, 
#briefingroom #fhwaheader ul.dropdown li.mnbriefing a span, 
#contact #fhwaheader ul.dropdown li.mncontact a span {color: #f60;}

#fhwaheader .mainnav {display: none;}
#fhwaheader ul.dropdown ul {border-top: #000 1px solid; width: 208px;}
#fhwaheader ul.dropdown ul li {border-right: 0px; text-align: left;}
#fhwaheader ul.dropdown ul li a { 
	background: #fff; 
	color: #000;
	border-bottom: #000 1px solid;
	border-left: #000 1px solid;
	border-right: #000 1px solid;
	font-size: 11px;
	font-weight: normal;
	padding-left: 3px;
	padding-right: 3px;
	text-transform: none;
	width: 200px;
}
#fhwaheader ul.dropdown ul li a:hover {background:#036; color:#f60;}
/* end - header styles ************************************************************************************/

/* start - navigation styles ******************************************************************************/
#fhwanavmenu {background: #000; clear: both; height: 36px; margin-bottom: 20px;}
#fhwanavmenu ul.dropdown {margin:0px; padding:0px; list-style:none;}
#fhwanavmenu ul.dropdown li {display: inline; margin: 0px; padding: 0px;}
#fhwanavmenu ul.dropdown .arrow {background: url('../images/imgarrow.png') bottom center no-repeat;}
#fhwanavmenu ul.dropdown li a {float: left; color: #fff; margin: 0px; padding: 0px; text-decoration: none;}
#fhwanavmenu ul.dropdown li a span {font-size: 0.95em; float: none; display: block; padding: 5px 10px 7px 10px;}
#fhwanavmenu ul.dropdown li a span.adjleftmgn {padding-left: 3px;}
#fhwanavmenu ul.dropdown li a:hover, 
#fhwanavmenu ul.dropdown li a.active,
#about #fhwanavmenu ul.dropdown li.mnabout a span, 
#programs #fhwanavmenu ul.dropdown li.mnprograms a span, 
#resources #fhwanavmenu ul.dropdown li.mnresources a span, 
#briefingroom #fhwanavmenu ul.dropdown li.mnbriefing a span, 
#contact #fhwanavmenu ul.dropdown li.mncontact a span {color: #9cf;}

#fhwanavmenu .mainnav {display: none;}
#fhwanavmenu ul.dropdown ul {width: 228px;}
#fhwanavmenu ul.dropdown ul li {border-right: 0px; text-align: left;}
#fhwanavmenu ul.dropdown ul li a { 
	background: #fff;
	color: #000;
	border-bottom: #000 1px solid;
	border-left: #000 1px solid;
	border-right: #000 1px solid;
	font-size: 0.8em;
	padding-left: 3px;
	padding-right: 3px;
	text-transform: none;
	width: 228px;
}
#fhwanavmenu ul.dropdown ul li a:hover {background: #000; color: #9cf;}
/* end - navigation styles ********************************************************************************/

/* start - content styles *********************************************************************************/
/* text headers */
/* h1 { font-size:1.6em }
h1, h1 a { color:#033; font-weight:normal }
h2 { font-size:1.4em }
h2, h2 a { color:#036; font-weight:normal }
h3 { font-size:1.3em }
h4 { font-size:1.2em }
h5 { font-size:1em } */

/*** sub navigation ***/
#fhwacontent .subnav {float: left; padding-right: 10px; width: 200px;}
.nosubnav #fhwacontent .subnav {display: none;} /* no subnaviagation */
#fhwacontent .subnav ul {margin: 0px; padding: 0px; list-style-type: none;}
#fhwacontent .subnav ul a {background: #036; border-bottom: 1px solid #eee; color: #fff; display: block; padding: 5px 12px; text-decoration: none;}
#fhwacontent .subnav a:hover {background: #003; color: #fff; text-decoration: none;}
#fhwacontent .subnav ul a.activesub {background: #003;}
#fhwacontent .subnav ul ul {width: 200px; border-top: #036 0px solid; border-bottom: #fff 1px solid;}
#fhwacontent .subnav ul ul li {text-align: left; border-right: 0px;}
#fhwacontent .subnav ul ul li a {
	background: #fff url('../images/imgarrowblkvrt.png') 12px 4px no-repeat;
	border-bottom: #036 1px solid;
	border-left: #036 1px solid;
	border-right: #036 1px solid;
	color: #000;
	font-size: 12px;
	padding: 2px 6px 2px 25px;
	text-transform: none;
}
#fhwacontent .subnav ul ul li a:hover, #fhwacontent .subnav ul ul li a.activesub {
	background: #CCC url('../images/imgarrowblkvrt.png') 12px 4px no-repeat;
	color: #000;
}

/* default links */
a, a:active {color: #0175fb; text-decoration: none; font-weight: bold;}
a:visited {color: #0175fb;}
a:hover {color: #019afb; text-decoration: none;}

/* end - content styles ***********************************************************************************/

/* start - footer styles **********************************************************************************/
#hepfoot *,
.ofcheadlnx * { color: #000; }
#hepfoot a, #hepfoot a:visited,
.ofcheadlnx a,
.ofcheadlnx a:visited {
	display: inline-block;
	margin: 2px 0;
	padding: 4px 10px;
	border-left: 1px solid #000;
	}
#hepfoot a:first-child,
.ofcheadlnx a:first-child { border: none; }
.ofclink {font-size: 100%!important;}

#hepfoot {
	background:  #ededc4 url('../images/bg_hepfoot.png');
	background-color: #ededc4;
	height: 2em;
	color: #fff;
	background-position: top;
	text-align: center;
	padding: 0 0 5px 0;
	z-index: 50;
	margin-top: 0;
	font-size: 12px;
	
	}
#fhwafooter {
	clear: both;
	color: #fff;
	font-size: 12px;
	padding-bottom: 20px;
	padding-left: 10px;
	text-align: left;
	margin-bottom: 15px;
}
#fhwafooter .fhwasign {
	background: url('../images/imgfhwalogo.png') left no-repeat;
	border-right: #fff 1px solid;
	float: left;
	margin-right: 10px;
	height: 70px;
	width: 162px;
}
#fhwafooter .foottext {margin-top: 2px;}
#fhwafooter a {color: #fff; font-size: 11px;}
#fhwafooter a:hover {color: #9CF;}
/* end - footer styles ************************************************************************************/