@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 */

/* nav link hover and active display */
#fhwaheader .socialbtns ul li a:hover,
#about #fhwaheader .socialbtns ul li.mnabout a, 
#programs #fhwaheader .socialbtns ul li.mnprograms a, 
#resources #fhwaheader .socialbtns ul li.mnresources a,
#briefingroom #fhwaheader .socialbtns ul li.mnbriefing a, 
#contact #fhwaheader .socialbtns ul li.mncontact a,
#search #fhwaheader .socialbtns ul li.mnsearch a { color:#f60 }

.nofhwaheadernav #fhwaheader .socialbtns ul { display:none } /* hides fhwa nav in header */
/* end - header styles ************************************************************************************/

/* start - navigation styles ******************************************************************************/
#fhwanavmenu { background:#000; clear:both; margin-bottom:20px;  height:10px ; margin-left: 2%; margin-right: 2%; }
#fhwanavmenu ul.dropdown { margin:0px; padding:0px; list-style:none }
/* #fhwanavmenu ul.dropdown li { display:inline; margin:0px; padding:0px }  mmc removed 6/5/13*/
#fhwanavmenu ul.dropdown .arrow { background:url(/images/fhwa2/bg/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:1.5em; float:none; display:block; padding:5px 10px 7px 10px }
#fhwanavmenu ul.dropdown li a span.adjleftmgn { padding-left:3px }
#fhwanavmenu ul.dropdown li a:hover, 
#fhwanavmenu ul.dropdown li a.active,
#about #fhwanavmenu ul.dropdown li.mnabout a span, 
#programs #fhwanavmenu ul.dropdown li.mnprograms a span, 
#resources #fhwanavmenu ul.dropdown li.mnresources a span, 
#briefingroom #fhwanavmenu ul.dropdown li.mnbriefing a span, 
#contact #fhwanavmenu ul.dropdown li.mncontact a span { color:#9cf }

#fhwanavmenu ul.dropdown ul { width:228px }
#fhwanavmenu ul.dropdown ul li { border-right:0px; text-align:left }
#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:1.3em;
	padding-left:3px;
	padding-right:3px;
	text-transform:none;
	width:228px
}
#fhwanavmenu ul.dropdown ul 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:215px; margin:0px; padding:0px }
#fhwanavmenu .search input { border:none }
#fhwanavmenu .search input.srchbox { border-left:#fff 3px solid; color:#666; float:left; font-size:1.2em; 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 - breadcrumbs ************************************************************************************/
#fhwabreadcrumbs { background:#333; clear:both; color:#FFF; font-size:1.1em; 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 **************************************************************************************/

/* second set to support 3-level nav for updated template, see /bridge/  */
/* start - breadcrumbs ************************************************************************************/
#fhwabreadcrumbs1 { background:#333; clear:both; color:#FFF; font-size:1.1em; text-align:left }
#fhwabreadcrumbs1 p { margin:0px; padding:5px 10px }
#fhwabreadcrumbs1 a, #fhwabreadcrumbs a:active { color:#9CF; text-decoration:none }
#fhwabreadcrumbs1 a:hover { color:#FFF }
/* end - breadcrumbs **************************************************************************************/
/* start - breadcrumbs ************************************************************************************/
#fhwabreadcrumbs2 { background:#333; clear:both; color:#FFF; font-size:1.1em; text-align:left }
#fhwabreadcrumbs2 p { margin:0px; padding:5px 10px }
#fhwabreadcrumbs2 a, #fhwabreadcrumbs a:active { color:#9CF; text-decoration:none }
#fhwabreadcrumbs2 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:1.3em; margin:0px auto 20px; padding:10px; text-align:left }

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


/* text headers */

h2, h2 a { color:#036; font-weight:normal }
h3 a {color:#003366 !important; text-decoration:none !important;}
h4 a {color:#003366 !important; text-decoration:none !important;}

h2, h3, h4, h5, h6
{
    /*font-family: 'Source Sans Pro', Arial, Sans-Serif;*/
    font-family:  Arial, Sans-Serif;
    font-weight: inherit;
    font-style: inherit;
    margin: 0;
	 color:#036;
}
h1
{
    font-size: 3em;
    font-weight: 400;
	padding: 10px 0 20px 0;
	margin:0;
}

h2
{
    font-size: 2.0em;
    font-weight: normal;

}

h3
{
    font-size: 1.6em;
    /*font-weight: 600; mmc removed 6/5*/
    margin: 15px 0;
}

h4
{
    font-size: 1.4em;
    font-weight: 300;
    margin: 15px 0;
}

h5
{
    font-size: 1.2em;
    margin: 10px 0;

}

h6
{
    font-size: 1.1em;
    /*font-style: italic; mmc removed for now */
    margin: 15px 0; /*mmc changed margin from 30 to 15 to be consistent with others*/
}

p
{
    margin: 1.4em 0;
}






/* columns */
#fhwacontent .colleft { float:left; margin-right:10px; padding-right:10px; width:50% } 
#fhwacontent .colright { float:right; margin-left:10px; padding-left:10px; width:50% } 

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

/* 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 } */
#content a, a:active { color:#0033cc; text-decoration:underline }
#content a:visited { color:#990066; text-decoration:underline }
#content a:hover { color:#f60; text-decoration:none } /* added #content to 174, 175, 176.  #fff was overriding mmc 6/5 */
h1 a {color:#fff; text-decoration:none;}

/*moved from large added important mmc 6/5/13*/
ul.main li h3 a {font-size:22px; font-weight:bold; color:#003366 !important; text-decoration:none !important;}
ul.main li ul li a {color:#003366 !important;; text-decoration:none !important;}
ul.main li ul li a:hover {color:#009 !important;; text-decoration:underline !important;}

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

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

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

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

/* start - footer styles **********************************************************************************/
#fhwafooter { 
	clear:both; 
	color:#fff; 
	font-size:1.1em; 
	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; text-decoration:none; }
#fhwafooter a:hover { color:#9CF }
/* end - footer styles ************************************************************************************/

/* program offices / state divisions ************/
.prgmoffice #programtitle { background:#003d73; display:block; margin-left: 2%; margin-right: 2%; }
#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 }

ul, ol
{
    padding-left: 40px;
}


a img
{
    border: 0;
}
/* #outerContainer .article {width:75%; float:left}  mmc move to large.css 6/5/13*/


/* display box */
#outerContainer .sidebar { border:1px #003D73 solid; border-top:1px #213688 solid; margin-left:10px; margin-bottom:10px; /* mmc increased margin bottom from 3 to 10 6/5/13*/ padding:0px; /*float:right; width:20%;*/ width:90%; /*mmc added width to control small verison 6/5/13*/} /* mmc move float and width to large.css */
#outerContainer .sidebar h3 { background:#003D73; /*changed background to match header mmc 6/5/13*/ color:#FFF; font-size:1.2em; /*mmc changed font size 6/05/13*/margin:0px; padding:5px }
#outerContainer .sidebar ul { margin:5px 3px 5px 12px; padding:5px 3px 5px 12px }
#outerContainer .sidebar ul ul { margin-bottom:0px; margin-top:0px; padding-bottom:0px; padding-top:0px }
#outerContainer .sidebar p { margin-left:10px; padding:0; }
#outerContainer .sidebar

#outerContainer .sidebar a, a:active { color:#0033cc; text-decoration:underline }
#outerContainer .sidebar a:visited { color:#990066; text-decoration:underline }
#outerContainer .sidebar a:hover { color:#f60; text-decoration:none }

div#outerContainer
{
    font-family:  Arial, Sans-Serif;
    font-size: 13px;
    line-height: 1.4;
    font-weight: normal;
    color: #000;
    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;}

a.header {
    color: #fff;
    text-decoration: none;
    font-weight: inherit;
    font-style: inherit;
}
a.header:visited 
{
    color: #fff;
    text-decoration: none;
    font-weight: inherit;
    font-style: inherit;
}
a.header:hover
{
    color: #F3901D;
}




.clearRight
{
    clear: right;
}
.clearLeft
{
    clear: left;
}
.clear
{
    clear: both;
}

#partnerNav
{
 position: absolute;
    right: 0;
    top: 2px;
    list-style: none;
    margin: 0 5px 0 0;
    padding: 0 0 0 10px;
    height: 13px;
    width: auto;

}


#partnerNav li
{
    list-style: none;
    margin: 0 0 0 12px;
    padding: 0px 16px 5px 0;
	line-height:1.5em;
    float: left;
	font-size:0.85em;
}
#skiptocontent
{
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
#menuBarPlaceholder
{
    height: 20px;
}
#menuBar
{
    height: 20px;
    width: 100%;
    background-color: #444;
    position: relative;
	padding-left: 10px;
    width: auto;
	color:#fff;
	font-size: 0.85em;
	padding-top:2px;
}

#menuBar a {color: #ddd; text-decoration: none;
}

div#mainContent
{
    padding: 0 15px 15px 15px;
    margin-bottom: 3px;
    border-bottom: dotted 1px #444;
	width:98%;
}


/* email notification form  mmc 08/13/13 */
.form_button {border:2px outset;  margin: 2px 2px;}
.form_input {padding: 0px 0px 10px 15px; }

/* ul.dropdown li {float:left; line-height:1.4em; vertical-align:middle; zoom:1} mmc removed 6/5/13 */	


/* 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, same thing in large.css 6/5/13*/
/* #navmenu .toptasks { background:#103c6a url(/images/fhwa/nav/imgbgnavtt.png) top left repeat-x } */
/* #localnav ul.dropdown { margin:0px; padding:0px; list-style:none; background-color:#000;  } mmc removed, same thing in large.css 6/5/13
#localnav ul.dropdown li { border-right:#666 1px solid; display:inline; margin:0px; padding:0px; background-color:#000;  }  mmc removed, same thing in large.css 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; 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 removed, same thing in large.css 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 /* mmc remove a so the whole li is highlighted 6/5/13*/ {background-color:#ebebeb; color:#a44200!important; /*font-weight:bold;*/  border-bottom: 2px solid #EBEBEB; border-top: 3px solid #ebebeb; font-weight:800; /*mmc added so highlight blends in with subnav 6/13/05*/} /* currently selected tab on main nav */

/* nav menu - second set to support 3-level nav for updated template, see /bridge/ */	
/* navigation menu */
/* #localnav { /*background:#213688 url(/css/topics2/images/imgbgnav.png) top left repeat-x;*/ /* background-color:#000; margin:auto; height:30px } mmc removed, same thing in large.css 6/5/13*/
/* #navmenu .toptasks { background:#103c6a url(/images/fhwa/nav/imgbgnavtt.png) top left repeat-x } */
/* #localnav ul.dropdown { margin:0px; padding:0px; list-style:none; background-color:#000;  } mmc removed, same thing in large.css 6/5/13
#localnav ul.dropdown li { border-right:#666 1px solid; display:inline; margin:0px; padding:0px; background-color:#000;  }  mmc removed, same thing in large.css 6/5/13*/
#localnav1 ul.dropdown .arrow { background:url(/images/fhwa/nav/imgarrow.png) bottom center no-repeat }
/* #localnav ul.dropdown li a { float:left; 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 removed, same thing in large.css 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 /* mmc remove a so the whole li is highlighted 6/5/13*/ {background-color:#ccc; color:#000!important; /*font-weight:bold;*/  border-bottom: 2px solid #ccc; border-top: 1px solid #000; font-weight:800; /*mmc added so highlight blends in with subnav 6/13/05*/} /* currently selected tab on main nav */



#fhwabreadcrumbs { background:#ebebeb /*url(/images/fhwa/bg/imgbcrumbs.png) left top repeat-x*/; clear:both; color:#000; font-size:1.0em; /*changed from 1.3 to 1.0 mmc 6/5/13*/ padding:5px; text-align:left; border-bottom:#213688 1px solid; border-left:#376694 0px solid; margin-bottom:20px; }
#fhwabreadcrumbs1 { background:#ccc; /*url(/images/fhwa/bg/imgbcrumbs.png) left top repeat-x*/; clear:both; color:#000; font-size:1.0em; /*changed from 1.3 to 1.0 mmc 6/5/13*/ padding:5px; text-align:left; border-bottom:#000046 1px solid; border-left:#000 1px solid; border-right:#000 1px solid; margin: 0 2% 0px 2%; font-size:12px; }
#fhwabreadcrumbs2 { background:#fff; /*url(/images/fhwa/bg/imgbcrumbs.png) left top repeat-x*/; clear:both; color:#000; font-size:1.0em; /*changed from 1.3 to 1.0 mmc 6/5/13*/ padding:5px; text-align:left; border-bottom:#213688 1px solid; border-left:#000 1px solid; border-right:#000 1px solid; margin: 0 2% 1% 2%; font-size:12px; }

.breadcrumbHighlight {margin:0;}
.breadcrumbHighlight1 {margin:0;}
.breadcrumbHighlight2 {margin:0;}

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

.breadcrumbHighlight li a {padding:5px 20px; /*font-weight:bold;*/}
.breadcrumbHighlight1 li a {padding:5px 20px; /*font-weight:bold;*/}
.breadcrumbHighlight2 li a {padding:5px 20px; /*font-weight:bold;*/}

#fhwabreadcrumbs .breadcrumbHighlight li a:hover {color:#d5305f;}
#fhwabreadcrumbs1 .breadcrumbHighlight li a:hover {color:#d5305f;}
#fhwabreadcrumbs2 .breadcrumbHighlight li a:hover {color:#d5305f;}

a.activeBreadcrumb {background-color:#a44200;/*990033;#D1345C;*/ color:#fff!important; border-bottom: 0px solid #A44200;
    border-top: 1px solid #A44200;} /* mmc added border top and bottom to fill in highlight*/
a.activeBreadcrumb1 {background-color:#fff;/*990033;#D1345C;*/ color:#000046 !important; border-bottom: 1px solid #fff;
    border-top: 1px solid #000046; border-left: 1px solid #000; border-right: 1px solid #000;font-weight:bold;} /* mmc added border top and bottom to fill in highlight*/
a.activeBreadcrumb2 {background-color:#000046;/*990033;#D1345C;*/ color:#fff!important; border-bottom: 1px solid #000046;
    border-top: 1px solid #000046;font-weight:bold;} /* mmc added border top and bottom to fill in highlight*/



a.activeBreadcrumb:hover{color: #fff;}
#fhwabreadcrumbs a { color:#000; text-decoration:none; }
#fhwabreadcrumbs1 a:hover { color:#933; text-decoration:underline }
#fhwabreadcrumbs1 a { color:#000046; text-decoration:none; }
#fhwabreadcrumbs2 a:hover { color:#933; text-decoration:underline }
#fhwabreadcrumbs2 a { color:#000046; text-decoration:none; }
#fhwabreadcrumbs2 a:hover { color:#933; text-decoration:underline }


.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 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:#003366 !important;; text-decoration:none !important;}
 .leftcont a:hover {color:#009 !important;; text-decoration:underline !important;}
 .rightcont ul li a {color:#003366 !important;; text-decoration:none !important;}
 .rightcont a:hover {color:#009 !important;; text-decoration:underline !important;}



/* 5/14/2013 mmc from old common to keep old formatting for tables, lists, etc */
/* 06/04/2013 mmc changed font size to 0.9 em */
#moddate, .viewer { position:relative; left:0; bottom:0; font-size : 0.9em; margin : 0% 0px 0px 0px; padding : 2px 0px 2px 2px; 	text-align : left; clear:both; color:#000 !important;}

.viewer a {color:#000 !important;}

/* Topic Tables ---------------------------------------- */

/*
table { border-collapse : collapse; margin-top : 6px; margin-bottom : 12px;}
td, th { padding : 3px; }
*/
/* for table to scroll at the bottom*/
div.widecontent {overflow-x:auto;}
/* for table to scroll at the top and bottom*/
.wrapper1, .wrapper2{width: 100%; /*border: none 0px RED;*/
overflow-x: scroll; overflow-y:hidden;}
.wrapper1{height: 20px; }
.wrapper2{/*height: 200px;*/ }
.div1 {width:1000px; height: 20px; }
.div2 {width:1000px; /*height: 200px; background-color: #88FF88;*/
overflow: hidden;}


tr, td, th { vertical-align : top; }
caption { font-weight: bold; margin: auto; padding-bottom: 5px; color: #333; }
table.contnav {border : none;border-collapse : collapse; clear : both; margin : 10px 0px 10px 0px; width : 100%;}
table.contnav td, table.contnav td a { border : none; font-size : 1.0em; line-height : 10px; padding : 0px; width : 33%;}

table.datatable, table.datatablesmall { border-collapse : collapse; border-left : 1px solid #aaa; border-bottom : 1px solid #aaa; margin : 12px auto 12px auto;}
table.datatable tbody tr.bottom td, table.datatablesmall tbody tr.bottom td, table.datatable tbody tr.bottom th, table.datatablesmall tbody tr.bottom th, table.datatable tbody tr td.bottom, table.datatable tr td.bottom, table.datatable thead tr.bottom th, table.datatablesmall thead tr.bottom th { vertical-align : bottom;}
table.datatable thead tr.middle th, table.datatable tbody tr.middle td, table.datatablesmall tbody tr.middle td, table.datatable tbody tr.middle th, table.datatablesmall tbody tr.middle th, table.datatable tbody tr td.middle, table.datatable tr td.middle {vertical-align : middle;}


table.datatable thead th, table.datatable thead th a, table.datatable thead th a:link, table.datatable thead th a:visited, table.datatablesmall thead th, table.datatablesmall thead th a, table.datatablesmall thead th a:link, table.datatablesmall thead th a:visited, table.datatable tbody td table.datatable thead th, table.datatable thead th p { background-color : #264D73; color : #fff; text-align : center; text-decoration : none;}
table.datatable thead th a, table.datatable thead th a:link, table.datatable thead th a:visited, table.datatablesmall thead th a, table.datatablesmall thead th a:link, table.datatablesmall thead th a:visited, table.datatable tbody td table.datatable thead th, table.datatable thead th p { background-color : #264D73; color : #fff !important; text-align : center; text-decoration : underline;}
table.datatable th.theadleft { background-color : #264D73; color : #fff; text-align : left;}

table.datatable tr.theadcenter th, table.datatable th.theadcenter, table.datatablesmall tr.theadcenter th, table.datatablesmall th.theadcenter { background-color : #264D73; color : #fff; text-align : center;}
table.datatable tbody th, table.datatablesmall tbody th { text-align : left; font-weight:normal;}
table.datatable tbody th.center, table.datatablesmall tbody th.center { text-align : center;}
table.datatable tbody tr.tablehead, table.datatablesmall tbody tr.tablehead, table.datatablesmall thead th p{ background-color : #264D73; color : #fff;}
table.datatable tbody tr.tablehead a, table.datatable tbody tr.tablehead a:hover, table.datatable tbody tr.tablehead a:link, table.datatable tbody tr.tablehead a:visited,
table.datatablesmall tbody tr.tablehead a, table.datatablesmall tbody tr.tablehead a:hover, table.datatablesmall tbody tr.tablehead a:link, table.datatablesmall tbody tr.tablehead a:visited { color : #fff; text-decoration : none;}
table.datatable td, table.datatable th, table.datatablesmall td, table.datatablesmall th { border-right : 1px solid #aaa; border-top : 1px solid #aaa; padding : 3px;}

table.datatable tfoot td, table.datatable tfoot td p, table.datatable tfoot td ol li, table.datatable tfoot td ul li { font-size : 1.1em;}
table.datatablesmall tfoot td, table.datatablesmall tfoot td p, table.datatablesmall tfoot td ol li, table.datatablesmall tfoot td ul li { font-size : 0.9em;}
table.datatable td.nopad, table.datatable th.nopad, table.datatablesmall td.nopad, table.datatablesmall th.nopad { padding : 0px;}
table.datatable td.tab1, table.datatable th.tab1, table.datatablesmall td.tab1, table.datatablesmall th.tab1, table.equation td.tab1 { padding-left : 16px;}
table.datatable td.tab2, table.datatable th.tab2, table.datatablesmall td.tab2, table.datatablesmall th.tab2, table.equation td.tab2 { padding-left : 30px;}
/* .tab3 added by Brian Gray for Highway Statistics indents */
table.datatable td.tab3, table.datatable th.tab3, table.datatablesmall td.tab3, table.datatablesmall th.tab3, table.equation td.tab3 { padding-left : 45px;}
table.datatablesmall td, table.datatablesmall th, table.datatablesmall td a, table.datatablesmall td li, table.datatablesmall td p, table.datatablesmall th p, table.datatable th p { font-size : 1em;}
table.datatablesmall td.normal { font-size : 1.3em;}
table.datatable td blockquote.bottom, table.datatable td ol.bottom, table.datatable td p.bottom, table.datatable td ul.bottom, table.datatable td ol.bottom, table.datatable td li.bottom { margin-bottom : 0px;}
table.datatable td ul { margin : 0px 0px 0px 15px !important;  padding : 0px 0px 0px 0px !important; }
table.datatable td ul.flush { margin : 0px 0px 0px 0px; padding : 0px 0px 0px 15px;}
table.datatable thead th span.cellyel { color : #000; }

table.memohead { border-bottom : 1px solid #000; border-collapse : collapse; margin-bottom : 12px; width : 100%;}
table.memohead td { padding : 3px;}
table.memohead td.logo { width : 30%;}
table.memohead td.title { font-weight : bold; text-align : right; vertical-align : middle; width : 70%;}
table.memohead span.number { font-weight : normal;}

table.memoinfo { border : none; border-collapse : collapse; width : 100%;}
table.memoinfo td { padding : 3px;}
table.memoinfo td.subject { text-align : right; width : 10%;}
table.memoinfo td.subjdat { width : 50%;}
table.memoinfo td.datedat { white-space : nowrap; width : 30%;}

table.noborder, table table.noborder, table.noborder2, table table.noborder2 { border-top : none; border-right : none; border-bottom : none; border-left : none; border-collapse : collapse;}
table.noborder, table table.noborder { margin : 12px auto 12px auto;}
table.noborder th, table.noborder td, table table.noborder th, table table.noborder td, table.noborder2 th, table.noborder2 td, table table.noborder2 th, table table.noborder2 td { border-top : none; border-right : none; border-bottom : none; border-left : none; padding : 3px;}
table.noborder td.borderbottom, table.noborder2 td.borderbottom { border-bottom : 1px solid #000;}


.col04 { width : 4%; }
.col05 { width : 5%; }
.col06 { width : 6%; }
.col08 { width : 8%; }
.col10 { width : 10%; }
.col12 { width : 12%; }
.col15 { width : 15%; }
.col20 { width : 20%; }
.col24 { width : 24%; }
.col25 { width : 25%; }
.col30 { width : 30%; }
.col33 { width : 33%; }
.col40 { width : 40%; }
.col45 { width : 45%; }
.col50 { width : 50%; }
.col55 { width : 55%; }
.col60 { width : 60%; }
.col70 { width : 70%; }
.col75 { width : 75%; }
.col80 { width : 80%; }
.col90 { width : 90%; }
.col95 { width : 95%; }
.col100 { width : 100%; }


.cellred { background-color : #ff0000; }
.cellgrn { background-color : #00ff00; }
.cellblu { background-color : #0000ff; }
.cellgry { background-color : #cccccc; }
.cellyel { background-color : #ffff00; }
.rowblue { background-color : #ddeeff; }
.rowgray { background-color : #eeeeee; }
.rowlgry { background-color : #f2f2f2; }
.rowyell { background-color : #ffffcc; }

.normal { color : #000; font-style : normal; font-weight : normal; }
.nowrap { white-space : nowrap; }

/* sizes for scalable images */
.img25 {max-width:25%}
.img33 {max-width:33%}
.img50 {max-width:50%}
.img75 {max-width:75%}
.img95 {max-width:95%}
.img99 {max-width:99%}
.img100 {max-width:100%}
.imgcap { margin-left : auto; margin-right : auto;}
.imgsrc { font-size : 1em; margin : 12px auto 12px auto; text-align : left; display: block;}
img.homegraphic {max-width:100%;}

ol.LR { list-style-type : lower-roman; }
ol.UR { list-style-type : upper-roman; }
ol.LA { list-style-type : lower-alpha; }
ol.UA { list-style-type : upper-alpha; }
.none { list-style-type : none;}
a img {border : 0;	text-decoration : none;}
caption { font-weight : bold; margin : auto; }

.cancel { 	background : url(/css/images/canceled.gif); }
.draft { 	background-image: url(/css/images/draft.gif); }
.superseded { 	background : url(/css/images/superseded.gif); }
.rescinded #mainContent { background:url(/images/rescinded.gif) top repeat } /* added on 1/20/2020 */

.center { text-align : center; }
img.center { float : none;}
.left { text-align : left; }
.right { text-align : right; }
img.left { float : left; margin-right : 10px; margin-bottom : 10px; }
span.left { float : left; }
img.right { float : right; margin-left : 10px; margin-bottom : 10px; }
.floatRight {float:right;} /* Nina 5/25/11. General class to float anything to the right. */
span.right { float : right; }
.imgcenter {display: block; margin-left: auto; margin-right: auto}
sub, sub a, sup, sup a { font-size : 0.9em!important; padding : 0; }
.strike { text-decoration : line-through; }span.right img { margin-left : 10px; margin-bottom : 10px;} 
.indent { margin-left : 40px; margin-right : 40px; }

.blue { color : #00f; }
.green { color : #0f0; }
.red { color : #f00; }


/* equations*/
p.equation {
	text-align : center;
}
table.equation {
	border : none;
	border-collapse : collapse;
	margin : 6px auto 6px auto;
}
table.equation.indent {
	margin : 0px auto 0px 40px;
}
table.equation.left {
	float : none;
	margin : 0px auto 0px 0px;
}
p.equation.indent {
	margin : 6px auto 6px 40px;
	text-align : left;
}
table.equation td, .equation {
	border : none;
/*
	border-top : 1px solid #f00;
	border-right : 1px solid #f00;
	border-bottom : 1px solid #f00;
	border-left : 1px solid #f00;
*/
	padding : 3px;
	text-align : center;
	vertical-align : middle;
}
table.equation td sub, table.equation td sup, .equation sub, .equation sup {
	font-size : 0.9em!important; 
	padding : 1px 1px 0px 1px;
}
table.equation td sub sub, .equation td sub sub {
	font-size : 0.7em!important; 
	padding : 0;
}
table.equation .big {
	font-size : 3em;
	vertical-align : top;
}
table.equation .big2 {
	font-size : 2em;
	vertical-align : top;
}
table.equation td.blank {
	font-size : 1px;
	height : 0px;
	line-height : 1px;
	padding : 0px;
}
table.equation td.borderbottom {
	border-bottom : 1px solid #000;
	font-size : 1px;
	height : 0px;
	line-height : 1px;
	padding : 0px;
	vertical-align : middle;
}
table.equation td.borderbottom2 {
	font-size : 1px;
	height : 1px;
	line-height : 1px;
	vertical-align : middle;
}
table.equation td.borderbottom2 hr {
	border-top : 1px solid #000;
	height : 1px;
	margin : 0px 5px 0px 5px;
}
table.equation .bordertop, span.bordertop {
	border-top : 1px solid #000;
	margin-top : 0px;
}
table.equation td.nopad {
	padding : 0px;
}
table.equation .sub, table.equation td.sub {
	font-size : 0.9em;
	height : 0.9em;
	line-height : 0.9em;
	padding : 0px 0px 0px 0px;
	vertical-align : bottom;
}
table.equation .sup, table.equation td.sup {
	font-size : 0.9em;
	height : 0.9em;
	line-height : 0.9em;
	padding : 0px 0px 0px 0px;
	vertical-align : top;
}
/* 7/23/13 mmc fixed path to background images*/
table.equation .times { font-family : times, sans-serif; font-size : 14px; }
table.equation td.bottom { vertical-align : bottom; }
table.equation td.top { vertical-align : top; }
table.equation .left { text-align : left; }
table.equation .left table.equation { margin-left : 0px; }
table.equation .right { text-align : right; }
.equation .brack1 { background : url(/css/images/brack1.gif) no-repeat; line-height : 50px; }
.equation .brack2 { background : url(/css/images/brack2.gif) no-repeat; line-height : 50px; }
.equation .brack3 { background : url(/css/images/brack3.gif) no-repeat; line-height : 75px; }
.equation .brack4 { background : url(/css/images/brack4.gif) no-repeat; line-height : 75px; }
.equation .brack5 { background : url(/css/images/brack5.gif) no-repeat; line-height : 100px; }
.equation .brack6 { background : url(/css/images/brack6.gif) no-repeat; line-height : 100px; }
.equation .brack7 { background : url(/css/images/brack7.gif) no-repeat; line-height : 125px; }
.equation .brack8 { background : url(/css/images/brack8.gif) no-repeat; line-height : 125px; }
.equation .brack9 { background : url(/css/images/brack9.gif) no-repeat; line-height : 150px; }
.equation .brack10 { background : url(/css/images/brack10.gif) no-repeat; line-height : 150px; }
.equation .paren1 { background : url(/css/images/paren1.gif) no-repeat; }
.equation .paren2 { background : url(/css/images/paren2.gif) no-repeat; }
.equation .paren3 { background : url(/css/images/paren3.gif) no-repeat; }
.equation .paren4 { background : url(/css/images/paren4.gif) no-repeat; }
.equation .paren5 { background : url(/css/images/paren5.gif) no-repeat; }
.equation .paren6 { background : url(/css/images/paren6.gif) no-repeat; }
.equation .radic1, .radic1 { background : url(/css/images/radic1.gif) no-repeat; line-height : 20px; padding : 3px 5px 2px 10px; }
.equation .radic2 { background : url(/css/images/radic2.gif) no-repeat; line-height : 50px; padding : 3px 5px 2px 10px; }
.equation .radic3 { background : url(/css/images/radic3.gif) repeat-x; }
.equation .radic4 { background : url(/css/images/radic4.gif) no-repeat; padding : 3px 5px 2px 10px; }
.equation .radic5 { background : url(/css/images/radic5.gif) repeat-x; }
.equation .radic4back3 { background : url(/css/images/radic4back3.gif) no-repeat; line-height : 50px; padding : 3px 5px 2px 10px; }
.equation .radic2back12 { background : url(/css/images/radic2back12.gif) no-repeat; line-height : 50px; padding : 3px 5px 2px 10px; }
/* the subSubscript class creates a second lower level of subscript for equations: */
.subSubscript {vertical-align:-35%; font-size:1.2em;} /* Added by Nina on 3/28/11. Solution discovered by Chris Marsh */
.symbol { font-family : times, sans-serif; } /* Added by Michelle on 3/30/11 for greek letters to display properly */
 table.datatable.flush, table.datatablesmall.flush, table.equation.flush, table.indent.flush, table.noborder.flush, table.sidebar.flush { margin-top : 0px; margin-bottom : 0px; }table.datatable td.tab1, table.datatable th.tab1, table.datatablesmall td.tab1, table.datatablesmall th.tab1, table.equation td.tab1 {
	padding-left : 16px;
}
table.datatable td.tab2, table.datatable th.tab2, table.datatablesmall td.tab2, table.datatablesmall th.tab2, table.equation td.tab2 {
	padding-left : 30px;
}
/* .tab3 added by Brian Gray for Highway Statistics indents */
table.datatable td.tab3, table.datatable th.tab3, table.datatablesmall td.tab3, table.datatablesmall th.tab3, table.equation td.tab3 {
	padding-left : 45px;}
	
/* added by MMC 07/23/2013 to override footer conflicts with /css/docnav.css */
.docnav ul li a.current {color: #fff !important;}
.docnav ul li a.index {text-decoration: none !important;}
.docnav ul li a {text-decoration: none !important;}

/*added by Brenda S. for side by side image*/
ul.display-inline-block,
ul.display-inline-block li {
	/* Setting a common base */
	display: inline-block; list-style-type:none; vertical-align:top; 
margin: 0; padding: 5px;}
ul.display-inline-block li img{
	 width: 100%; height:auto;
max-height: 200px; }
 
ul#display-inline-block2,
ul#display-inline-block2 li {display: inline-block; list-style-type:none; vertical-align:top;
margin: 5px; padding: 5px;}
ul#display-inline-block2 li img{
	 width: 100%; height:auto; min-height:205px; min-width:300px; 
max-height:205px; max-width:300px; } /* important to keep image size the same across*/

/* 9/15/15 mmc style from pave.css */
.blueemphasis {font-style : italic; color:blue;}
.greenemphasis {font-style : italic; color:green;} 

/* 2/9/17 Brian G. Zebra styling added for IC Workshop tables */

.icworkshop tbody tr:nth-child(even) {
	background-color: rgba(204, 204, 204, 0.35);
}

/* 08/15/17 mmc added video viewer formatting for ADA pages */
.video {
    border: 1px solid #000;
    float: left;
    height: 390px;
    margin: 40px;
    padding: 0;
    width: 640px;}
	
/* archived documents */
.archived #pagecontents, .archived #contents, .archived #memo, .archived #content { background:url(/css/topics2/images/archived.png) top repeat }