@charset "utf-8";
/* CSS Document */

body {
	/* background:#5b4c45 url(/images/fhwa2/bg/bg_body.png) left top repeat-x;*/
	font-family:Tahoma, Geneva, Helvetica, Arial, sans-serif;
	font-size:80%; /* 1em=10px, 1.3em=13px, 2em=20px, 2.2em=22px, etc */
	color:#fff!important;
}

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

/* start - header styles */
#fhwaheader { background:#063472 url(/images/fhwa2/bg/bg_headersm.png) left top repeat-x; padding:5px 0px; text-align:left; }
#fhwaheader img.imgdotfhwalg { display:none } /* hides large FHWA header */
.imgdotfhwasm {display:block;}
#fhwaheader .socialbtns { float:left; margin-top:5px; display:none; } /* mmc added display none 6/04/13 nav and social buttons position */
#fhwaheader .socialbtns img { margin-left:2px } /* left margin for social buttons */
#fhwaheader .socialbtns ul { float:right; font-size:1.3em; margin:0px 0px 0px 0px; padding-right:4px; list-style:none }
#fhwaheader .socialbtns ul li { display:inline; margin:0px 8px 0px 0px; padding:0px }
#fhwaheader .socialbtns ul li a, a:visited { color:#FFF; text-decoration:none } /* nav link and visited display */


/* start - navigation styles ******************************************************************************/
#fhwanavmenu { display:none;/* background:#000; clear:both; margin-bottom:0px;  height:10px ; */}


/* program offices / state divisions */
.prgmoffice #programtitle { background:#003d73; display:block; margin-left: 2%; margin-right: 2%; width:96% }


#menuBarPlaceholder
{
   display:none;
}
#menuBar
{
    display:none;
}

#outerContainer
{
    font-family:  Arial, Sans-Serif;
    font-size: 13px;
    line-height: 1.4;
    font-weight: normal;
    color: #333;
    margin: 0 auto;
    width: 100%;
    background-color:#fff;
	text-align:left
}

#outerContainer .h1banner {display:none;}

/* nav menu*/	
/* navigation menu */
#localnav { /*background:#213688 url(/css/topics2/images/imgbgnav.png) top left repeat-x;*/ background-color:#4A4A4A; margin:auto;/* height:30px mmc removed 6/5/13 */ }
/* #navmenu .toptasks { background:#103c6a url(/images/fhwa/nav/imgbgnavtt.png) top left repeat-x } */
#localnav ul.dropdown { margin:0px; padding:5px; /*changed from 0 to 5px mmc 6/5*/ list-style:none; /*background-color:#000; mmc removed 6/5/13*/ }
#localnav ul.dropdown li { /* border-right:#666 1px solid; mmc removed 6/5/13 small only*/display:block; /*changed from inline to block mmc 6/15/13 small only*/ border-bottom:#666 1px solid; /*mmc added 6/5/13 small only*/  margin:0px; padding:8px 15px; /* changed padding from 0 to 4 15, padding to 8 15 for small only background-color:#000; mmc remove 6/5/13*/  }
#localnav ul.dropdown .arrow { background:url(/images/fhwa/nav/imgarrow.png) bottom center no-repeat }
#localnav ul.dropdown li a { /* float:left;mmc remove 6/5/13*/  color:#fff; margin:0px; padding:0px; text-decoration:none }
/* #localnav ul.dropdown li a span { font-size:1.1em; float:none; display:block; padding:6px 15px } mmc remove 6/5/13*/ 
#localnav ul.dropdown li a:hover { color:#bdd5e8 }
#localnav ul.dropdown li a.active { color:#bdd5e8 }
#localnav ul.dropdown ul { width:228px }
#localnav ul.dropdown ul li { text-align:left; border-right:0px }
#localnav 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:1.2em; padding-left:3px; padding-right:3px; text-transform:none; width:228px }
#localnav ul.dropdown ul li a:hover { background:#333; color:#bdd5e8 }
/* ul.dropdown li.toptasks ul li a:hover { background:#336698; color:#fff } */
#localnav li.active a {background-color:#ebebeb; color:#a44200!important; /*font-weight:bold;*/} /* currently selected tab on main nav */

/* nav menu - second set to support 3-level nav for updated template, see /bridge/ */	
/* nav menu*/	
/* navigation menu */
#localnav1 { /*background:#213688 url(/css/topics2/images/imgbgnav.png) top left repeat-x;*/ background-color:#4A4A4A; margin:0 2% 0 2%;/* height:30px mmc removed 6/5/13 */ }
/* #navmenu .toptasks { background:#103c6a url(/images/fhwa/nav/imgbgnavtt.png) top left repeat-x } */
#localnav1 ul.dropdown { margin:0 2px 0 2px; padding:5px; /*changed from 0 to 5px mmc 6/5*/ list-style:none; /*background-color:#000; mmc removed 6/5/13*/ }
#localnav1 ul.dropdown li { /* border-right:#666 1px solid; mmc removed 6/5/13 small only*/display:block; /*changed from inline to block mmc 6/15/13 small only*/ border-bottom:#666 1px solid; /*mmc added 6/5/13 small only*/  margin:0px; padding:8px 15px; /* changed padding from 0 to 4 15, padding to 8 15 for small only background-color:#000; mmc remove 6/5/13*/  }
#localnav1 ul.dropdown .arrow { background:url(/images/fhwa/nav/imgarrow.png) bottom center no-repeat }
#localnav1 ul.dropdown li a { /* float:left;mmc remove 6/5/13*/  color:#fff; margin:0px; padding:0px; text-decoration:none }
/* #localnav ul.dropdown li a span { font-size:1.1em; float:none; display:block; padding:6px 15px } mmc remove 6/5/13*/ 
#localnav1 ul.dropdown li a:hover { color:#bdd5e8 }
#localnav1 ul.dropdown li a.active { color:#bdd5e8 }
#localnav1 ul.dropdown ul { width:228px }
#localnav1 ul.dropdown ul li { text-align:left; border-right:0px }
#localnav1 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:1.2em; padding-left:3px; padding-right:3px; text-transform:none; width:228px }
#localnav1 ul.dropdown ul li a:hover { background:#333; color:#bdd5e8 }
/* ul.dropdown li.toptasks ul li a:hover { background:#336698; color:#fff } */
#localnav1 li.active a {background-color:#ccc; color:#000 !important; /*font-weight:bold;*/} /* currently selected tab on main nav */

#fhwabreadcrumbs1 li.breadcrumbHighlight {display: block; list-style-type: none; margin-right: 10px; border-bottom:#666 1px solid; padding:15px 0px ;}
#fhwabreadcrumbs1 ul.breadcrumbHighlight  {padding-left: 10px;}
#fhwabreadcrumbs1 {padding-bottom: 0;}

#outerContainer .sidebar {clear:both; width:95%}

/* content */
li.home {display: inline; float: left;  margin: 4px 9px 10px 0;  padding: 0; width:24%; border:1px solid #000000;height:250px; /*background-image: url("/bridge/images/banners/banner06.jpg");*/ background-color:#E8E6EA;}
ul.home {margin-left: 0; margin-top: 5px; padding: 0; width: 100%;}
h3.home {margin-bottom: 5px !important; padding-bottom: 5px; padding-left: 5px; padding-right: 5px;  padding-top: 5px !important;  text-decoration: none; background:#000066; color:#fff; margin-top:0 !important;}
a.home {color:#fff; text-decoration:none; display:block; }

.center99 {display:block; position:relative; margin: 0 auto; width:100%; overflow:hidden; left:0;}

ul.main {
	display: inline;
    position: relative;
    width: 99%;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	}
	
/* mmc changed display to block, removed width*/
ul.main li {display:block; float:left; list-style:none; width:95%; margin-bottom:6px;
	
	/* set border and height: 
	border:1px solid #ccc;
	height:300px;*/
	
}

ul.main li a {color:#003366;}
ul.main li h3  {font-size:22px; font-weight:bold; color:#003366; text-decoration:none; padding-bottom:1px; border-bottom:1px solid #ccc; /*width:135px;*/ overflow:visible; /* background-color:#036;*/}
ul.main li h3 a {font-size:22px; font-weight:bold; color:#003366; text-decoration:none;}

.marginRight {margin-right:5%;}
.marginLeft {margin-left:3%;}

.borderRight {border-right:1px dotted #ccc;}

ul.main li ul {	margin-left:-35px;}

ul.main li ul li {
	display:block;
	position:relative;
	margin-bottom: 8px;
	font-size: 13px;
	font-weight: normal;
	width:90%;
	border:none;
	top:-10px;
	left:-2px;
	
	/* remove border & height inheritence 
	height:2em;
	border:none;*/
	
}
	

ul.main li ul li a {color:#003366; text-decoration:none;}
ul.main li ul li a:hover {color:#009; text-decoration:underline;}


.container3 ul li {margin:5px;padding: 5px; width: 100%; float:none;	
			/*border: 1px solid lightgray;*/
			list-style:none; vertical-align:top;
}

/* large graphic on home page*/
#h1image img {display: none;}
.h1image img {display: none; margin-bottom 0px !important}
#h1image {width:100%; display:block; margin-bottom:4px; margin-top:10px; padding-bottom:0; max-width: 100%}