@charset "utf-8";
/*
Theme Name: Federal Highway Administration
Theme URI: https://www.fhwa.dot.gov
Author: FHWA IT Web Support <FHWAWEB2@dot.gov>
Description: Custom stylesheet for the FHWA website homepage
Created: 9/10/2012 
Last Updated: see update notes below
*/

/* update notes - used to keep track of significant addition or changes
***********************************************************************************
2/15/2013 (DT) - added IE8 hack for display box height for careers, planning a trip
9/10/2013 (DT) - updated #fhwahome #fhwaheader .socialbtns class display (li
***********************************************************************************
*/

/* start - header ************************************************************************************/
/* displays large header */
#fhwahome #fhwaheader {
	background:#063472 url(/images/fhwa2/bg/bg_headerlg.png) left top repeat-x;
	border:#0F0 0px solid;
	padding:0; /* added for eclipse */
}
#fhwaheader .logo { padding:5px 0; } /* added for eclipse */

#fhwahome #fhwaheader img.imgdotfhwalg { display:block } /* displays large FHWA header */
#fhwahome #fhwaheader img.imgdotfhwasm { display:none } /* hides small FHWA header */
#fhwahome #fhwaheader .socialbtns { float:right; width:auto; margin-top:25px } /* social button position placement */
/* #fhwahome #fhwaheader .socialbtns ul { display:none; } */
#fhwaheader .dropdown { display:none; overflow:hidden; } /* hides header navigation */

/* esclipse */
#fhwahome #fhwaheader .eclipse {
	background:url(/images/fhwa2/V5-ECLIPSE-ANIMATION-2.gif) top no-repeat;
	border:#F00 0px solid;
	height:72px;
	float:left;
	margin-left:25%;
	width:150px;
}

/* end -  header ************************************************************************************/

/* start - main nav ************************************************************************************/
/* displays manin on homepage */
#fhwahome #fhwanavmenu .mainnav { display:block }
/* end - main nav **************************************************************************************/

/* start - breadcrumbs ************************************************************************************/
#fhwahome #fhwabreadcrumbs { display:none } /* hides breadcrumbs */
/* end - breadcrumbs ************************************************************************************/

/* start - content styles ************************************************************************************/
#fhwahome #fhwacontent { background:none; padding:0px } /* removes background color and padding */
#fhwahome #fhwacontent.fhwacontainer { width:960px }
#fhwahome #fhwacontent #pagedates { display:none } /* hides page dates */

/* display boxes */
#fhwahome #fhwacontent .txtboxsmall p.footnote, #fhwahome #fhwacontent .txtboxlarge p.footnote { font-size:0.7em } /* footnote size */ 
#fhwahome #fhwacontent .txtboxsmall { width:306px }
#fhwahome #fhwacontent .txtboxmedium { width:460px }
#fhwahome #fhwacontent .txtboxlarge { width:634px }

/* display boxes - core highway topics areas */
#fhwahome #fhwacontent .coretopics ul {	float:left; margin:10px 0px 0px 20px; padding:0px; list-style-type:none }
#fhwahome #fhwacontent .coretopics ul li { background:#000; border:#000 2px solid; display:inline; float:left; font-size:0.95em; height:105px; margin:0px 20px 15px 0px; text-align:center; }
#fhwahome #fhwacontent .coretopics ul li.nomarginbottom { margin-bottom:0px }
#fhwahome #fhwacontent .coretopics ul li.nomarginright { margin-right:0px }
#fhwahome #fhwacontent .coretopics ul li a, #fhwahome #fhwacontent .coretopics ul li a:hover { color:#FFF; text-decoration:none }
#fhwahome #fhwacontent .coretopics ul li a span { display:block; height:30px; padding-top:75px; width:98px }
/* display boxes - core highway topics areas - background images */
#fhwahome #fhwacontent .coretopics ul li a span.accelerating { background:url(/images/fhwa2/coretopics/accelerating.png) top no-repeat }
#fhwahome #fhwacontent .coretopics ul li a span.environment { background:url(/images/fhwa2/coretopics/environment.png) top no-repeat }
#fhwahome #fhwacontent .coretopics ul li a span.flh { background:url(/images/fhwa2/coretopics/flh.png) top no-repeat }
#fhwahome #fhwacontent .coretopics ul li a span.funding { background:url(/images/fhwa2/coretopics/funding.png) top no-repeat }
#fhwahome #fhwacontent .coretopics ul li a span.international { background:url(/images/fhwa2/coretopics/international.png) top no-repeat }
#fhwahome #fhwacontent .coretopics ul li a span.research { background:url(/images/fhwa2/coretopics/research.png) top no-repeat }
#fhwahome #fhwacontent .coretopics ul li a span.congestion { background:url(/images/fhwa2/coretopics/congestion.png) top no-repeat }
#fhwahome #fhwacontent .coretopics ul li a span.bridge { background:url(/images/fhwa2/coretopics/bridge.png) top no-repeat }
#fhwahome #fhwacontent .coretopics ul li a span.roadusers { background:url(/images/fhwa2/coretopics/roadusers.png) top no-repeat }
#fhwahome #fhwacontent .coretopics ul li a span.safety { background:url(/images/fhwa2/coretopics/safety.png) top no-repeat }
#fhwahome #fhwacontent .coretopics .padtop { height:23px; padding-top:82px } /* custom padding for single line core title */

/* display boxes - careers */
#fhwahome #fhwacontent .careers { margin:0px 20px auto 20px } /* #e0e0e4 custom margin for careers box and align bottom flush */
#fhwahome #fhwacontent .careers ul { margin-left:30px } /* adds left margin to careers box unordered list */

/* display boxes - planning a trip */
#fhwahome #fhwacontent .plantrip p.ntrci { border-bottom:#ccc 0px solid; margin-bottom:0px; padding-bottom:25px }
#fhwahome #fhwacontent .plantrip p.ab { margin-top:15px; padding-top:10px; }
#fhwahome #fhwacontent .plantrip p.ntrci img, #fhwahome #fhwacontent .plantrip p.ab img { padding:0px 5px 3px 0px }

/* display boxes - height control */
#fhwahome #fhwacontent .inthenews { height:auto; min-height:786px } /* in the news */
#fhwahome #fhwacontent .careers, #fhwahome #fhwacontent .plantrip { height:312px } /* careers, planning a trip */
/* display boxes - height control (IE8 Hack) */
#fhwahome #fhwacontent .inthenews { min-height:772px\9 } /* in the news */
#fhwahome #fhwacontent .careers, #fhwahome #fhwacontent .plantrip { height:300px\9 } /* careers, planning a trip */
/* display boxes - height control (IE9 Hack) */
.ie9 #fhwahome #fhwacontent .inthenews { min-height:740px } /* in the news */
.ie9 #fhwahome #fhwacontent .careers, .ie9 #fhwahome #fhwacontent .plantrip { height:272px } /* careers, planning a trip */

/* links display */
#fhwahome #fhwacontent a { text-decoration:none }
#fhwahome #fhwacontent a:hover { text-decoration:underline }
/* end - content styles ************************************************************************************/