@charset "utf-8";
/* CSS Document */
body { background:#326598 url(/images/fhwa/bg/imgbggradiant.png) left top repeat-x; font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0px; text-align:center }

/* site container */
#fhwacontainer { background:#FFF; border:#FFF 10px solid; margin:auto; width:960px }
#fhwafullpage { background:#fff }
#fhwafullpage #fhwacontainer { width:auto }

/* start header styles */
/* start large header */
#fhwaheader { background:#7a9cb6 url(/images/fhwa/bg/imgbgheader.png) top left repeat-x; height:80px }
#fhwaheader .hdtitle { color:#FFF; float:left; margin-left:10px; margin-top:10px; text-align:left; width:418px }
#fhwaheader .hdtitle a, a:hover { text-decoration:none }
/* search */
#fhwaheader .search { float:right; margin:7px 10px 0px 0px; text-align:left }
#fhwaheader .search form { margin:0px; padding:7px 0px 0px 0px }
#fhwaheader .search fieldset { border:none; width:215px; margin:0px }
#fhwaheader .search fieldset div { color:#fff; font-size:12px; padding-bottom:3px }
#fhwaheader .search fieldset div span { float:left; padding:1px 2px 0px 0px }
#fhwaheader .noconnect { padding:21px 2px 0px 0px } /* add when stay connected is removed */
#fhwaheader .nosearch { padding:7px 0px 0px 0px } /* add when search box is removed */
/* end large header */

/* start header small */
#fhwaheadersmall { background:#7a9cb6 url(/images/fhwa/bg/imgbgheadersm.png) top left repeat-x; height:45px }
#fhwaheadersmall .hdtitle { color:#FFF; float:left; margin-left:3px; margin-top:3px; text-align:left; width:418px }
#fhwaheadersmall .hdtitle a, a:hover { text-decoration:none }
/* search */
#fhwaheadersmall .search { float:right; margin:0px; text-align:left }
#fhwaheadersmall .search form { margin:0px; padding:5px 0px 0px 0px }
#fhwaheadersmall .search fieldset { border:none; width:215px; margin:0px }
/* end header small */

/* header similar styles */
#fhwaheader .search input, #fhwaheadersmall .search input { border:none; float:left }
#fhwaheader .search input.srchbox, #fhwaheadersmall .search input.srchbox { color:#666; font-size:12px; height:21px; width:184px }
#fhwaheader .search input.srchbtn, #fhwaheadersmall .search input.srchbtn { background:#103c6a; margin-left:0px; height:22px; /*width:25px*/ }
/* end header styles */

/* navigation menu */
#fhwanavmenu { background:#333 url(/images/fhwa/nav/imgbgnav.png) top left repeat-x; margin:auto; height:34px }
/* #navmenu .toptasks { background:#103c6a url(/images/fhwa/nav/imgbgnavtt.png) top left repeat-x } */
#fhwanavmenu ul.dropdown { margin:0px; padding:0px; list-style:none }
#fhwanavmenu ul.dropdown li { border-right:#000 1px solid; display:inline; margin:0px; padding:0px; text-transform:uppercase }
#fhwanavmenu ul.dropdown .arrow { background:url(/images/fhwa/nav/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:14px; float:none; display:block; padding:6px 15px }
#fhwanavmenu ul.dropdown li a:hover { color:#bdd5e8 }
#fhwanavmenu ul.dropdown li a.active { color:#bdd5e8 }
#fhwanavmenu ul.dropdown ul { width:228px }
#fhwanavmenu ul.dropdown ul li { text-align:left; border-right:0px }
#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:12px; padding-left:3px; padding-right:3px; text-transform:none; width:228px }
#fhwanavmenu ul.dropdown ul li a:hover { background:#333; color:#bdd5e8 }
/* ul.dropdown li.toptasks ul li a:hover { background:#336698; color:#fff } */

#fhwabreadcrumbs { background:#CCC /*url(/images/fhwa/bg/imgbcrumbs.png) left top repeat-x*/; clear:all; color:#000; font-size:11px; padding:5px; text-align:left }
#fhwabreadcrumbs a { color:#000; text-decoration:none }
#fhwabreadcrumbs a:hover { color:#933; text-decoration:underline }
	
/* content other */
#fhwacontent { clear:both; font-size:13px; text-align:left }
#fhwacontent .h1box { border-bottom:#376694 1px solid; border-left:#376694 0px solid; margin-top:0px; padding:3px 0px }
#fhwacontent .h1box h1, #fhwacontent .h1box p { color:#376694; font-size:24px; font-weight:normal; margin:0px }
#fhwacontent .h1box a, #fhwacontent .h1box a:hover { color:#376694;; text-decoration:none }
#fhwacontent h1 { color:#036/*#6684a2*/; font-size:21px; font-weight:normal; margin:0px }
#fhwacontent h2 { color:#333; font-size:18px; font-weight:normal }
#fhwacontent .text h1 { margin:0px }
#fhwacontent h3 { font-size:15px }
#fhwacontent h4 { font-size:14px }
#fhwacontent h5 { font-size:13px }
#fhwacontent p { margin-top:10px }
#fhwacontent .text { border-bottom:#fff 10px solid; float:left; padding-top:10px; width:759px }
#fhwacontent .keypersonnel { float:left; margin-left:0px; padding-left:0px }
#fhwacontent .keypersonnel li { display:inline; float:left; margin:0px 0px 0px 0px; padding:0px 0px 10px 0px; width:374px }

/* sub navigation */
#fhwacontent .subnav { float:left; padding-right:10px; width:191px }
/* #fhwacontent .subnav ul.dropdown-vertical { width:191px } */
#fhwacontent .subnav ul { margin:0px; padding:0px; list-style-type: none }
#fhwacontent .subnav ul a { background:#376694; border-bottom:1px solid #eee; color:#fff; display:block; padding:5px 12px; text-decoration:none }
#fhwacontent .subnav a:hover { background:#036; color:#fff; text-decoration:none }
#fhwacontent .subnav ul a.activesub { background:#036 }
#fhwacontent .subnav ul ul { width:191px; 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/fhwa/nav/imgarrowblkvrt.png) 12px 5px no-repeat; color:#000; border-bottom:#036 1px solid; border-left:#036 1px solid; border-right:#036 1px solid; 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:#666  url(/images/fhwa/nav/imgarrowwhtvrt.png) 12px 5px no-repeat; color:#fff }


/* footer */
#fhwafooterspacer { clear:none; height:0px }
#fhwafooter { background:#ccc; border:#ccc 10px solid; clear:both; font-size:11px; padding:0px; text-align:left }
#fhwafooter .fhwasign { background:url(/images/fhwa/bg/imgfhwasign.png) left no-repeat; border-right:#666 1px solid; float:left;margin-right:10px; height:60px; width:162px }
#fhwafooter .foottext { margin-top:2px }
#fhwafooter a { color:#000 }
#fhwafooter a:hover { color:#F60 }

/* return to top */
#returntop { padding:5px 0px }
#returntop a { text-decoration:none }
#returntop a:hover { text-decoration:underline }

/* Sample PopBox CSS Classes */
/* PopBox.js, Copyright (c) 2007, C6 Software, Inc. (http://www.c6software.com/)*/
.PopBoxImageSmall { border: none 0px #ffffff; cursor: url("/images/fhwa/magnify/magplus.cur"), pointer; }
.PopBoxImageLarge { border: solid 1px #999999; cursor: url("/images/fhwa/magnify/magminus.cur"), pointer; }
.PopBoxImageShrink { cursor: url("/images/fhwa/magnify/magminus.cur"), pointer; }
.PopBoxImageLink { cursor: pointer; }
.PopBoxImageMove { border: none 0px #ffffff; cursor: pointer; }

/* default links */
a { color:#103c6a; text-decoration:none }
a:visited { color:#639 }
a:hover { color:#f60; text-decoration:underline }
#home #fhwacontent a { text-decoration:none }
#home #fhwacontent a:hover { text-decoration:underline }
#fhwacontent a { text-decoration:underline }

/* background colors */
.bgdarkblue { background:#036 }
.bgslateblue { background:#376694 }
.bgdarkgray { background:#666 }
.bggray { background:#999 }
.bglightgray { background:#CCC }
.bglightergray {background: #ebebeb }

/* text colors */
.txtwhite { color:#fff }

/* 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 }
.txtsmall, .footnote, .moddate, .readers { font-size:11px }
.printonly { display:none; overflow:hidden }
.msgerror { background:#FF9; border:#000 1px solid; color:#F00; font-size:0.85em; font-style:italic; padding:0px 3px; text-transform:uppercase }

/* clear floats */
.clearall { clear:both }
.clearleft { clear:left }
.clearright { clear:right }
.clearnone { clear:none }

/* image modifications */
.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 }

/* table modifications */
.datatable { font-size:0.9em }
.row { font-weight:normal; text-align:left }

/* list modifications */
.lstleft { margin-left:10px; padding-left:10px }

/* display box */
#fhwacontent .crosstopics { width:275px; border:1px #376694 solid; margin-top:10px; padding:0px }
#fhwacontent .crosstopics h3 { background:#376694; color:#FFF; font-size:16px; margin:0px; padding:5px }
#fhwacontent .crosstopics ul { margin:5px 3px 5px 12px; padding:5px 3px 5px 12px }
#fhwacontent .crosstopics ul ul { margin-bottom:0px; margin-top:0px; padding-bottom:0px; padding-top:0px }

/* 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 }

hr { color:#376694 }

/* media downloads page */
#fhwacontent #video img { border:#103c6a 3px solid; margin:0px 15px }