@charset "utf-8";

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

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

/* start - header styles **/
#fhwaheader { background:#063472 url(/images/fhwa2/bg/bg_headersm.png) left top repeat-x; padding:5px 0px; text-align:left; margin-left: 2%; margin-right: 2%; }
#fhwaheader img.imgdotfhwalg { display:none } /* hides large FHWA header */
#fhwaheader .socialbtns { float:right; margin-top:11px } /* nav and social buttons position */
#fhwaheader .socialbtns img { margin-left:2px } /* left margin for social buttons */
#fhwaheader .socialbtns ul { float:left; font-size:1.3em; margin:2px 0px 0px 0px; padding:0px; 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 */



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




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

#outerContainer .h1banner {background-image: url("/bridge/images/bridgeinwaterstrip.jpg"); background-position:center; background-repeat:no-repeat; background-color:#666666; height:100px;}

#outerContainer .article {width:78%; float:left} /*2/20/14 mmc changed from 75% to 78 for 3d table*/
#outerContainer .sidebar {float:right; width:20%;} /*moved these here from shared*/

/* nav menu*/	
/* navigation menu */
#localnav { /*background:#213688 url(/css/topics2/images/imgbgnav.png) top left repeat-x;*/ background-color:#000; 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;*/ display:inline; margin:0px; padding:4px 15px; /* changed padding from 0 to 6 15 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/ */	
/* navigation menu */
#localnav1 { /*background:#213688 url(/css/topics2/images/imgbgnav.png) top left repeat-x;*/ background-color:#000; margin: 0 2% 0 2%; font-size:13px; /* 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:0px; padding:5px; border-left:#000 1px solid; border-right:#000 1px solid; /*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;*/ display:inline; margin:0px; padding:4px 15px; /* changed padding from 0 to 6 15 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:#000046 !important; /*font-weight:bold;*/} /* currently selected tab on main nav */

.breadcrumbHighlight li  {display: inline; list-style-type: none; margin-right: 10px;}
.breadcrumbHighlight1 li  {display: inline; list-style-type: none; margin-right: 10px;}
.breadcrumbHighlight2 li  {display: inline; list-style-type: none; margin-right: 10px;}


/* 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; }


/* main page with 4 column layout (/bridge/) */
.center99 {display:block; position:relative; margin: 0 auto; width:95%; overflow:hidden; left:5%;}
ul.main {display: inline; position: relative; width: auto; margin-left:auto; margin-right:auto; overflow:hidden; } 
ul.main li { display:inline; float:left; list-style:none; width:22%; padding-right:15px; /*changed to 22%, added padding mmc 6/5/13/*/ margin-bottom:20px;  /* 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 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;*/ 
} 


/* main page, variable number of columns */
ul.main2 {display: inline; position: relative; width: auto; margin-left:auto; margin-right:auto; overflow:hidden; } 
ul.main2 li { display:inline; float:left; list-style:none;  padding-right:15px; /*changed to 22%, added padding mmc 6/5/13/*/ margin-bottom:20px;  /* set border and height:  border:1px solid #ccc; height:300px;*/ 
}
ul.main2 li a {color:#003366;}
ul.main2 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.main2 li ul {	margin-left:-35px;}
ul.main2 li ul li { display:block; position:relative; margin-bottom: 5px; font-size: 13px; font-weight: normal; width:95%; border:none; top:-2px; left:-2px;  /* remove border & height inheritence  height:2em; border:none;*/ }
ul.main2 li ul li ul {	margin-left:-20px; margin-top:0px;}
ul.main2 li ul li ul li{ display:block; position:relative;  margin-bottom:2px; top:-1px; list-style-type:circle; }


/* main column widths*/
.maincol20 {width:20%;}
.maincol25 {width:25%;}
.maincol30 {width:30%;}
.maincol40 {width:40%;}


.marginRight {margin-right:5%;}
.marginLeft {margin-left:3%;}
.borderRight {border-right:1px dotted #ccc;}

/*added by Brenda s. 6/24/15/ for 2 columns*/
#maincontainer {width: 95%; margin:auto;}
#maincontainer .leftcont{float:left; width: 45%;}
#maincontainer .rightcont{float:right; width: 45%;}
/* .leftcont 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;}*/
/* .rightcont 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;}*/
.leftcont ul {margin:0px 5px 0px 20px; padding:5px 10px 5px 10px;}
.rightcont ul {margin:0px 5px 0px 20px; padding:5px 10px 5px 10px;}

.leftcont ul li a {color:#0033cc; text-decoration:underline !important;}
.leftcont a:hover {color:#f60; text-decoration:none !important;}
.leftcont a:visited { color:#990066; text-decoration:underline; }

 .rightcont ul li a {color:#0033cc; text-decoration:underline !important;}
 .rightcont a:hover {color:#f60; text-decoration:none !important;}
 .rightcont a:visited { color:#990066; text-decoration:underline; }
 
.container3 {margin-top:15px;}

.container3 ul {color: #000000; width:100%; padding-left:10px;
}

.container3 ul li {margin:5px;padding: 5px; width: 30%; float: left;	
			/*border: 1px solid lightgray;*/
			list-style:none; vertical-align:top;
}
.container3 ul li  ul li { display:block; position:relative; margin-bottom: 8px;}