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


/* override max width for default css */
#fhwacontainer { max-width:1000px; }

#fhwanavmenu {
    background: url("/images/fhwa/nav/imgbgnav.png") repeat scroll left top #333333;
    min-height: 34px;
	height:auto;
    margin: auto;
	background-repeat:repeat!important;
}

/* bump down for PGC  */
h2 { padding-top:10px}
h3 { padding-top:5px}
h4 { padding-left:5px}
ul {margin:0px 10px 0px 30px; padding:5px 13px 15px 12px }
ul ul {margin:0px 10px 0px 30px; padding:0px 13px 0px 12px }
ol {margin:0px 10px 5px 30px; padding:5px 13px 5px 12px }

.gridcontainer {position:relative; background-color:#EDF3F3; margin-top: 10px; border:1px #376694 solid; margin-bottom:10px; overflow:visible;  min-height:1px; min-width:760px;}
.ie .gridcontainer {min-width:700px;}
/* min height is added for ie, otherwise, sets it to 0 height*/
#fhwacontent .gridcontainer p {margin-left:10; padding-left:10px; margin-bottom:5px; padding-bottom:0px; }

.leftcontainer {position:relative; width:65%; height:auto; margin-top:0; margin-left:auto; margin-right:auto; margin-bottom:0; padding: 0; text-align:left; margin:0 auto; color:#fff; background-color:#fff;	float:left;border-right:1px #376694 solid;}
#fhwacontent .leftcontainer h3 {background:#376694; color:#FFF; font-size:16px; margin:0px; margin-bottom:5px; padding:5px;  }
#fhwacontent .leftcontainer  h3 a {color:#fff; text-decoration:none }
#fhwacontent .leftcontainer h3  a:hover {color:#933; text-decoration:underline }	
#fhwacontent .leftcontainer ul {margin:0px 10px 0px 20px; padding:5px 13px 5px 12px }/*d9ebe9 check that this isn't duplicating above */

.rightcontainer {position:relative;	width:34.85%; height:auto; margin-top:0;	margin-left:auto; margin-right:auto; margin-bottom:0; padding: 0; text-align:left; margin:0 auto; color:#000; background-color:#*dceeeb; float:right;}
#fhwacontent .rightcontainer h3 {background:#376694; color:#FFF; font-size:16px; margin:0px; padding:5px }
#fhwacontent .rightcontainer ul {margin:0px 0px 10px 20px; padding:4px 3px 5px 12px }

#fhwacontent .leftcontainer2 {position:relative; width:40%; height:auto; margin-top:0; margin-left:auto; margin-right:auto; margin-bottom:0; padding:0; text-align:left; margin:0 auto; color:#333; background-color:#fff; float:left; border-right:1px #376694 solid;}

.rightcontainer2 {position:relative; width:59.7%;	height:auto; margin-top:0; margin-left:auto; margin-right:auto; margin-bottom:0; padding: 0 0; text-align:left; margin:0 auto; color:#000; background-color:#fff; float:right;}

/* the text, Category Definitions: */
.categoryDef {text-align:left; float: right; margin-right: 10px; clear:right;; margin-top:-18px;}
.ie7 .categoryDef {float:right; margin-top:-18px; margin-right:10px;}
.categoryDef a {color: #005577;}
.categoryDef a:hover {text-decoration: underline;}
.topKeyword {margin-top:2px; margin-bottom:0; padding-bottom:0;}


label {display:inline-block; position:relative; top:0; left:3%; overflow:visible; margin-bottom:2px; width:auto; overflow:hidden;}
textarea {margin-top: 5px; margin-bottom: 5px; padding: 0px; border:1px solid #006; width:75%;} 

/* controls the drop down menu font (could add spacing here, but adding it to the individual IDs for each drop down menu instead - */

/* spacing for the drop down menus in the Advanced Search */
#advanced select {margin-top: 0; padding:0;}
/* the box that they type in, in the Advanced Search form next to the text, "keyword" */
.advancedkeyword {width: 90%;}

/* the search buttons for the Quick Search and Advanced Search forms */
.searchfhwa { margin-top: 5px; margin-bottom: 5px; padding-top: 3px; padding-right: 5px; padding-bottom: 3px; padding-left: 5px; text-align: center; font-weight: bold; overflow:visible; color: #033; background-image:url(/pgc/images/submtbttn.png); background-repeat:no-repeat; background-position:top left; width:97px; height:36px; display: block;  /* centers the button */	margin-left: auto;  /* centers the button */ margin-right: auto; /* centers the button */}
input.searchfhwa {border:none;background-color:#FFF;}
.searchfhwa:hover {background-image:url(/pgc/images/submtbttn_hov.png); color: #000;}
.advancedSearch {padding:0; /* 0px 10px 10px 10px; */ position:relative; margin-left:auto; margin-right:auto; width:100%;}
.advancedSearch input[type=text] {margin-top:0; margin-bottom:12px; margin-left:3%;}
.advancedSearch select {margin-top:0; margin-bottom:12px; margin-left:3%; width:90%}

/* Feedback form elements: */
.feedback {margin-left:2px; margin-right:5px;}
.feedback label {display:block; position:relative; top:15px; left:0; overflow:visible; margin-bottom:17px; height:auto; width:auto; overflow:hidden; }
.feedback textarea { display:block; position:relative; top:0; left:0; margin:0 0 15px 0; padding-top:0; width:70%; height:60px;}
.feedback input { display:block; position:relative; top:0; margin:0 0 15px 0; padding-top:0;  }
.feedback p {display:block; position:relative; top:10px; left:0; padding:0; margin:0; margin-left:0!important; height:auto; width:auto; overflow:visible; }
.feedback p label {display:block; position:relative; top:1px; padding-top:0; margin-top:0; left:0; overflow:visible; margin-left:0!important; padding-left:0; margin-bottom:4px; height:auto; width:auto;}
.feedback p br { padding: 1px 1px; margin:1px; line-height:5px;}
.ie8 .feedback p br { padding: 1px 1px; margin:1px; line-height:1px;}
#miscat_id {width:70px;}



/* the "Reset" text in the browse box: */
.r3 {position: fixed; top: 160px; left: 65%; width:50px; overflow:visible; background-color:#fff; border: 3px solid #005577; font-weight: bold; text-decoration:none; z-index:500; padding:3px; margin-top:50px;}
.r3 a {color:#003; text-decoration:none; padding-top: 1px; padding-bottom: 2px; padding-left: 7px; padding-right: 7px; z-index:501;}
.r3 a:hover { text-decoration:none;}
.r3:hover {background: #d2dbde;	text-decoration:none;}

/* ---- basic classes ---- */

/* align something left */
.left {text-align: left;}
/* float an element to the  left */
.floatLeft {float:left;}
/* float an element to the right */
.floatRight {float:right;}
/* center something */
.centerIt {text-align: center;}
/* add whitespace on the left */
.whitespaceLeft {margin-left: 2em;}
/* add 5 pixels whitespace on the left */
.whiteSpaceLeft5px {margin-left: 5px;}
/* make space below something: */
.bottomMargin {margin-bottom: 5px !important;}
/* add 3 pixels below something */
.bottomMargin3 {margin-bottom: 3px;}
/*add space above something to bump it down */
.bumpDown {margin-top: 15px !important;}
.spacerBR {padding-bottom: 7px;	font-size:24px;}
/*raise the element higher: */
.smallTopMargin {margin-top: 1px !important;}
/* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
.fltrt {float: right; margin-left: 8px;}
/* this class can be used to float an element left in your page */
.fltlft {float: left; margin-right: 8px;}
/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
.clearfloat {clear:both; height:0; line-height: 0px;}
.spaceAbove {margin-top: 1.6em !important; /* add whitespace above something */}
.spaceBelow {margin-bottom: 1em; /* add whitespace below anything */}
.none { list-style-type : none; }

/* results */
.resultscontainer { width:100%;position:relative; margin-top:10px; min-height:1px; margin-bottom:00px; overflow:visible; border:1px dotted #444 }
.resultsfooter { width:100%;position:relative; margin-top:0px; margin-bottom:10px; min-height:1px; overflow:visible; border-left:1px dotted #444;border-right:1px dotted #444;border-bottom:1px dotted #444; }
.highlight {width:100%;position:relative; margin-top:10px; min-height:1px; margin-bottom:10px; overflow:visible; background-color:#ddeeff; border: 1px solid #005577;}
.nofile {width:100%;position:relative; margin-top:20px; min-height:1px; margin-bottom:50px; overflow:visible;  }
.resultscontainterleft {position:relative; width:67%; height:auto; margin-top:0; margin-left:auto; margin-right:auto; margin-bottom:0; padding: 0; text-align:left; margin:0 auto; color:#fff; background-color:#fff; float:left;}
.resultscontainterright  {position:relative; width:32%; border:1; height:auto; margin-top:0; margin-left:auto; margin-right:auto; margin-bottom:0; padding-right:5px;	text-align:right; margin:0 auto; color:#000; background-color:#fff; /* light grey: #f5f1f1; */	float:right;}
iframe {margin-top: 10px; margin-bottom: 10px; padding: 0px; border:1px solid #006; width: 1000px; height: 500px;}  

.prgmoffice.pgc #outerContainer .article {width:65%}
.prgmoffice.pgc #outerContainer .sidebar {width:33%}