@charset "utf-8";
/*
Theme Name: Federal Highway Administration
Theme URI: http://www.fhwa.dot.gov
Author: Demetrius Trowell
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 }
#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; } */
#fhwahome #fhwaheader .socialbtns li.mnabout,
#fhwahome #fhwaheader .socialbtns li.mnprograms,
#fhwahome #fhwaheader .socialbtns li.mnresources,
#fhwahome #fhwaheader .socialbtns li.mnbriefing,
#fhwahome #fhwaheader .socialbtns li.mncontact,
#fhwahome #fhwaheader .socialbtns li.mnsearch { display:none; } /* hides header navigation */
/* 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 ************************************************************************************/