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

/* update notes - used to keep track of significant addition or changes
***********************************************************************************
2/5/2013 (D.Trowell) - added goshp2 specific body class
3/1/2013 (B.Gray) - added state division right-hand contact area
3/4/2013 (D.Trowell) - added program offices & state divisions body styles
4/15/2013 (D.Trowell) - unspecified header tags (removed #fhwacontent)
7/23/2013 (D.Trowell) - adding fhwa header navigation w/ dropdown styles
9/10/2013 (D.Trowell) - removed .hep #fhwaheader .socialbtns { width:545px } [hep modification] - removed at the request of Paul Lindenfelser
***********************************************************************************
*/

body { 
	background:#5b4c45 url(/images/fhwa2/bg/bg_body.png) left top repeat-x !important;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px; 
	text-align:center
}

/* site container - control site width */
.fhwacontainer {
	border:#f00 0px solid;
	margin:auto;
	width:960px;
}

/* start - FHWA header styles **********************************************************************************/
#fhwaheader {
	background:#063472 url(/images/fhwa2/bg/bg_headersm.png) left top repeat-x;
	border:#F00 0px solid;
	padding:5px 0px;
	text-align:left;
}
#fhwaheader img.imgdotfhwalg { display:none; } /* hides large FHWA header */
#fhwaheader .logo {
	float:left;
	width:30%;
}
#fhwaheader .dropdown {
	border:#00F 0px solid;
	float:left;
	margin-top:13px;
	width:50%;
}
#fhwaheader .dropdown ul {
	float:right;
	z-index:597;
}
#fhwaheader .socialbtns {
	border:#F00 0px solid;
	float:right;
	margin-top:10px;
	/*width:15%;*/
} /* nav and social buttons position */
#fhwaheader .socialbtns img { margin-left:2px; } /* left margin for social buttons */

#fhwaheader .dropdown ul ul {
	border-left:#000 1px solid;
	border-right:#000 1px solid;
	border-top:#000 1px solid;
	z-index:598;
}

#fhwaheader .dropdown ul li a {
	font-size:0.8em;
	font-weight:normal;
	padding:2px 8px 9px 0px;
}

#fhwaheader .dropdown ul li:hover a {
	background:none;
	color:#f60;
}

#fhwaheader .dropdown li:hover li a {
	background:#fff;
	border-bottom:#000 1px solid;
	color:#000;
	padding:5px 20px 5px 10px;
}

#fhwaheader .dropdown ul li li {
	font-size:0.9em;
}

#fhwaheader .dropdown ul li li a span {
	background:url(/images/fhwa2/bg/arrow_blkrgt.png) right no-repeat;
	display:block;
	margin-right:-17px;
	/*padding-right:15px;*/
}

#fhwaheader .dropdown ul li li:hover span {
	background:url(/images/fhwa2/bg/arrow_whtrgt.png) right no-repeat;
}

#fhwaheader .dropdown li:hover li a:hover {
	background:#036;
	color:#f60;
}
/* end - header styles ************************************************************************************/

/* start - navigation styles ******************************************************************************/
#fhwanavmenu {
	background:#000;
	clear:both;
	height:36px;
	margin-bottom:20px;
}
#fhwanavmenu .dropdown ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

#fhwanavmenu .dropdown ul ul {
	border-left:#000 1px solid;
	border-right:#000 1px solid;
	border-top:#000 1px solid;
	z-index:596;
}

#fhwanavmenu .dropdown ul li a {	
	font-size:0.95em;
	font-weight:normal;
	padding:8px 10px 9px 10px;
}

#fhwanavmenu .dropdown ul li li {
	font-size:0.9em;
}

#fhwanavmenu .dropdown ul li li a span {
	background:url(/images/fhwa2/bg/arrow_blkrgt.png) right no-repeat;
	display:block;
	margin-right:-17px;
	padding-right:15px;
}

#fhwanavmenu .dropdown ul li li:hover span {
	background:url(/images/fhwa2/bg/arrow_whtrgt.png) right no-repeat;
}

#fhwanavmenu .dropdown ul li:hover a {
	background:none;
	color:#9CF;
}

#fhwanavmenu .dropdown li:hover li a {
	background:#FFF;
	border-bottom:#000 1px solid;
	color:#000;
	padding:5px 20px 5px 10px;
}

#fhwanavmenu .dropdown li:hover li a:hover {
	background:#000;
	color:#9CF;
}

/* search */
#fhwanavmenu .search { border-top:#000 6px solid; float:right }
#fhwanavmenu .search fieldset { background:#fff; border:none; width:225px; margin:0px; padding:0px }
#fhwanavmenu .search input { border:none }
#fhwanavmenu .search input.srchbox { border-left:#fff 3px solid; color:#666; float:left; font-size:12px; height:22px; width:184px }
#fhwanavmenu .search input.srchbox { height:17px\9; padding-top:3px\9 } /* IE 9 hack */
#fhwanavmenu .search input.srchbtn { border-right:#fff 2px solid; float:right }
/* end - navigation styles ********************************************************************************/

/* start - arrow styles ***********************************************************************************/
.arrow-whtdwn { background:url(/images/fhwa2/bg/arrow_whtdwn.png) bottom center no-repeat; }
.arrow-blkrgt { background:url(/images/fhwa2/bg/arrow_blkrgt.png) right no-repeat; }
/* end - arrow styles *************************************************************************************/

/* start - breadcrumbs ************************************************************************************/
#fhwabreadcrumbs { background:#333; clear:both; color:#FFF; font-size:0.7em; text-align:left }
#fhwabreadcrumbs p { margin:0px; padding:5px 10px }
#fhwabreadcrumbs a, #fhwabreadcrumbs a:active { color:#9CF; text-decoration:none }
#fhwabreadcrumbs a:hover { color:#FFF }
/* end - breadcrumbs **************************************************************************************/

/* start - slider *****************************************************************************************/
#featurecontainer { margin-bottom:20px } 
.nofeature #featurecontainer { display:none } 
/* end - slider *******************************************************************************************/

/* start - content styles *********************************************************************************/
#fhwacontent {
	background:#FFF;
	clear:both;
	font-size:0.8em;
	margin:0px auto 20px;
	padding:10px;
	text-align:left;
}
#fhwacontent.fhwacontainer { width:940px }
#fhwacontent #sectiontitle p { 
	border-bottom:#999 1px solid; 
	color:#003; 
	font-size:1.8em; 
	font-weight:normal;
	margin:0px;
	padding-bottom:10px
}

/* page post and modification date */
#fhwacontent #pagedates { border-top:#999 1px solid; clear:both; padding-top:10px }
.nopagedates #fhwacontent #pagedates { display:none }

/* text area for pages with subnavigation */
#fhwacontent .contenttext { float:right; width:730px }
.nosubnav #fhwacontent .contenttext { float:none; width:auto }

/* text area right column for pages with subnavigation */
#fhwacontent .contenttext .rightcol { float:right; margin-left:10px; padding-left:10px; width:280px }

/* canceled documents */
.canceled #fhwacontent { background:url(/images/fhwa2/canceled.gif) top repeat }

/* media downloads page */
#fhwacontent #video img { border:#103c6a 3px solid; margin:0px 15px }

/* return to top */
p.returntoplink { display:none }
.returntop #fhwacontent p.returntoplink { clear:right; display:block; font-size:0.85em }

/* default links */
/* #fhwacontent a { text-decoration:none }
#fhwacontent a:hover { text-decoration:underline } */
a, a:active { color:#00F; text-decoration:none; }
a:visited { color:#639 }
a:hover { color:#f60; text-decoration:underline; }

/* background colors */
.bgdarkblue { background-color:#036; }
.bgslateblue { background-color:#376694; }
.bgdarkgray { background-color:#666; }
.bggray { background-color:#999; }
.bglightgray { background-color:#CCC; }
.bglightergray {background-color:#ebebeb; }
.bgforestgreen { background-color:#4b6208; }
.bgblue { background-color:#194077; }
.bgburgundy { background-color:#7c2300; }
.bgpurple { background-color:#636; }
.bgorange { background-color:#C60; }
.bggold { background-color:#A78600; }
.bghighlight { background-color:#FFFF99; }

/* text colors */
.txtwhite { color:#fff; }
.txtred { color:#F00; }

/* text modifications */
.txtnormal { font-weight:normal; }
.txtbold { font-weight:bold; }
.txtitalic { font-style:italic; }
.txtlcase { text-transform:lowercase; }
.txtucase { text-transform:uppercase; }
.txtuline { text-decoration:underline }
.txtcenter { text-align:center }
.txtleft { text-align:left }
.txtright { text-align:right }
.txtjustify { text-align:justify }
.txtlarge { font-size:1.6em }
.txtsmall, .footnote, .moddate, .readers { font-size:0.85em; }
.msgerror { background:#FF9; border:#000 1px solid; color:#F00; font-size:0.9em; font-style:italic; padding:0px 3px; text-transform:uppercase }

/* float modifications */
.floatleft { float:left; }
.floatnone { float:none; }
.floatright { float:right; }

/* clear floats */
.clearall { clear:both !important; }
.clearleft { clear:left; }
.clearright { clear:right; }
.clearnone { clear:none; }

/* image modifications */
img { border:0px }
.imgleft { float:left; padding:0px 10px 5px 0px }
.imgright { float:right; padding:0px 0px 5px 10px }

/* border modifications */
.bdrblack { border:#000 1px solid }
.bdrdrkblue { border:#036 1px solid }
.bdrdrkbluetop { border-top:#036 1px solid }
.bdrbtmdrkblue { border-bottom:#036 1px solid }
.bdrgraybtm { border-bottom:#ccc 1px solid }
.bdrleftgray { border-left:#999 1px solid }
.bdrrightgray { border-right:#999 1px solid }
.bdrbtmgray { border-bottom:#999 1px solid }
.bdrtopgray { border-top:#999 1px solid }
.nobdr { border:0px }
.nobdrbottom { border-bottom:0px }

/* table modifications */
.datatable { font-size:0.9em }
.row { font-weight:normal }

/* list modifications */
.lstleft { margin-left:8px; padding-left:8px }
.lstnobults { list-style-type:none; }
/* li.hang removes bullets from <ul><li> for indenting lists. 
Only use for content that is actually a list and requires numbers or letters in 
parenthesis, such as an Order, to match hard copy; 
use the padding classes if the content is not a list */
li.hang { list-style-type: none; text-indent: -1.3em }
li.hang td {text-indent: 0!important;}
/* margin modifictions */
.nomarginall { margin:0px }
.nomargintop { margin-top:0px }
.nomarginleft { margin-left:0px }
.nomarginright { margin-right:0px }
.nomarginbottom { margin-bottom:0px }

/* padding modifictions */
.nopadall { padding:0px }
.nopadtop { padding-top:0px }
.nopadleft { padding-left:0px }
.nopadright { padding-right:0px }
.nopadbottom { padding-bottom:0px }

/* classes for the PDF links in Notices and attachments*/
 .noticepdf {
	border: 1px solid #666;
	color: #000;
	background-color: #FFD;
	width: 270px;
	padding: 4px;
	text-align: left;
	clear: right;
	margin: 2px;
}
.noticepdf p {
	font-size: 0.85em;
	padding-top: 1px;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
}
.noticepdf .pdfsmall { font-size: .7em }

/* horizontal lines */
hr { color:#376694 }

/* print only display */
.printonly { display:none }
/* end - content styles ***********************************************************************************/

/* start - footer styles **********************************************************************************/
#fhwafooter { 
	clear:both; 
	color:#fff; 
	font-size:0.7em; 
	padding-bottom:20px; 
	text-align:left 
}
#fhwafooter .fhwasign { 
	background:url(/images/fhwa2/bg/imgfhwasign.png) left no-repeat; 
	border-right:#fff 1px solid; 
	float:left; 
	margin-right:10px; 
	height:60px; 
	width:162px 
}
#fhwafooter .foottext { margin-top:2px }
#fhwafooter a { color:#fff }
#fhwafooter a:hover { color:#9CF }
/* end - footer styles ************************************************************************************/

/* start - special styles - section specific style ********************************************************/
/* large table display ***************************/
.fullpagedisplay { background:#fff !important; }
.fullpagedisplay #fhwabreadcrumbs, .fullpagedisplay #fhwacontent.fhwacontainer { min-width:960px; padding:auto 0px; width:auto }
.fullpagedisplay .fhwacontainer { min-width:960px; width:auto }
.fullpagedisplay #fhwaheader .fhwacontainer,
.fullpagedisplay #fhwanavmenu .fhwacontainer,
.fullpagedisplay #programtitle .fhwacontainer,
.fullpagedisplay #fhwafooter .fhwacontainer {
	padding-left:10px; padding-right:10px
}
.fullpagedisplay #fhwacontent .contenttext { width:auto }
.fullpagedisplay #fhwafooter { background:#5b4c45; padding-top:15px }

/* program offices / state divisions ************/
.prgmoffice #programtitle { background:#003d73; display:block; }
#programtitle { display:none }
#programtitle .fhwacontainer { background:url(/images/fhwa2/bg/bg_programtitle_hwy.png) right no-repeat; }
#programtitle p { color:#FFF; font-size:2em; margin:0px; padding:10px 0px; text-align:left; }
#programtitle a, 
#programtitle a:active, 
#programtitle a:hover, 
#programtitle a:visited {
	color:#fff;
	text-decoration:none;
}

.prgmhome #fhwacontent { background:none; padding:0px; width:960px }
/* .prgmhome #fhwabreadcrumbs { margin-bottom:20px } */

/* new css code - Bob's program office modification request */
/*
.prgmoffice #fhwaheader { margin-bottom:15px }
.prgmoffice #fhwabreadcrumbs { margin-top:15px }
.prgmoffice #programtitle, .prgmoffice #fhwanavmenu { margin:auto; width:960px }
.prgmoffice #programtitle .fhwacontainer, .prgmoffice #fhwanavmenu .fhwacontainer { width:940px }
.prgmoffice #fhwanavmenu ul.dropdown li a span.adjleftmgn { padding-left:0px }
*/

/* goshrp2 **************************************/
.shrp2 .fhwacontainer { width:980px }
.shrp2 #fhwanavmenu { height:10px }
.shrp2 #fhwafooter { margin-top:10px }

/* state division *******************************/
/* right-hand contact area */
#divcontact { border:#fff 1px solid; width:217px } 
#divcontact .crosstopics { margin-top:0px; width:215px }
#divcontact p { margin:0px; padding:5px }
#divcontact .icons { text-align:center }
#divcontact .icons p a { font-size:1.1em; font-weight:bold }

/* digitalgov search box width **************************************/
#fhwanavmenu .search input.usagov-search-autocomplete { border-left:#fff 3px solid; color:#666; float:left; font-size:12px; height:22px; width:184px }
#fhwanavmenu .search input.usagov-search-autocomplete { height:17px\9; padding-top:3px\9 } /* IE 9 hack */
/* end - special styles ***********************************************************************************/