/*    
***************************************************************************************    
* Default formatting for all FHWA-HEP web pages. These override any formatting             
* set in fhwatopic.css that is custom to FHWA-HEP, but not all of higher style          *    
* sheet. These can be customized per office and topic on the appropriate style sheet. *    
***************************************************************************************    
* --------------------------------------- *    
* LAST UPDATE:   
	25 May 2018 added generic margin classes   
	17 April 2018 Fixed figcaption to work without needless <p>   
	15 December 2017 Paul Lindenfelser: Added table sorter classes.   
	29 August 2017 Dennis Coyle
	tweaked figcaption within tablelayout   
	29 June 2016 Paul Lindenfelser
	added styles for new subheader tabs.   
	20 April 2015 Paul Lindenfelser
	added caption classes    
	7 October 2014
	Dennis Coyle
	added li p.lispace   
	Dennis added generic classes from the discontinued fhwatopics.css   
* --------------------------------------- * 
*/
/* added focus state to assist keyboard-only users */
a:focus {
   outline: 3px dotted #000;
   outline-offset: 3px;
}

#redirected {  
	margin: -100px 0 0 -300px;   
	padding: 0.5em 1em 1.5em 1em; 
	color: inherit;   
	background-color: #fff;   
	font-size: 140%;   
	border: 1px solid #333;   
	box-shadow: 3px 3px 5px #aaa;   
	width: 600px;   
	height: auto;   
	position: fixed; 
	top: 35%; 
	left: 50%; 
	z-index: 9999;   
	}   
#redirected a {  
	text-decoration: underline;   
	margin: 0 auto;   
	}   
#superseded { 
	width: 95%;  
	max-width: 1280px;   
	color: #000;   
	background-color: #f9f757;   
	margin: 0 auto;   
	padding: 0.5em 0 0.3em 0;   
	}   
#superseded p { 
	font-size: 110%;   
	margin: 0.5em 1em 1em 1em;   
	}   
#superseded p a { 
	text-decoration: underline;   
	}   
.fhwacontainer { 
	border: #f00 0px solid;   
	margin: auto;   
	width: 99%; 
	}   
	   
aside.doi { 
	width: 95%;   
	border: 1px solid #333;   
	background-color: #eee;   
	padding: 0.5em 1em;   
	margin-top: 2rem;   
	margin-bottom: 0; 
	}   
p.doitext { 
	padding: 0;   
	margin: 0;   
	font-size: 0.85em;   
	}   
/*: :: :: :: :: :: :: :: :: COMMON TAG FORMATTING DEFAULTS: :: :: :: :: :: :: :: :: */    
html,    
body { 
	height: 100%;   
	margin: 0;   
	padding: 0;   
	text-align: center;   
	/*centers the content containers on the page */    
	}   
div#header, 
div#hephead,    
div.ofctabs,    
div#hepfoot { 
	font-family: "Trebuchet MS", Optima, Candara, Calibri, sans-serif; 
	}    
div#pagecontents, 
div#contents { 
	font-family: Verdana, "Trebuchet MS", Calibri, sans-serif; 
	}   
#updated { 
	float: left;   
	background-color: transparent;   
	color: #000;   
	margin: -3em 0 0 0.75em;   
	position: relative;   
	z-index: 1;   
	}   
a.editpage { 
	display: block;   
	width: 1280px;   
	height: 1.5em;   
	border: 1px dashed #777;   
	margin: 0 auto;
	color: #ccc;
	font-size: 0.8rem;
	text-decoration: none;
	padding-top: 5px;
	}  
a.editpage:hover {
	background-color: #675953;
}
#moddate2 { 
	width: 93%;   
	min-width: 740px;   
	max-width: 1270px;   
	padding: 0 5px; 
	position: absolute;   
	left: 1em;   
	top: -3em; 
	float: none; 
	clear: both; 
	text-align: left;   
	font-weight: bold; 
	color: #000; 
	background-color: transparent!important;   
	}    
#moddate {  
	display: none;   
	}   
#wrapper #header #footer { 
	margin-right: auto;   
	margin-left: auto; 
	}   
td, th { 
	padding: 0; 
	vertical-align: top; 
	}    
/* Text defaults */    
div#contents, 
div#pagecontents, 
div#memo {  
	font-size: 0.9em }   
p { 
	text-align: left; 
	margin: 10px 15px 20px 5px; 
	padding: 0; 
	}    
ul, ol { 
	text-align: left; 
	margin: 10px 15px 20px 0; 
	padding: 0; 
	}   
ol.paren { 
	counter-reset: list; 
	margin-left: 0;   
	text-indent: -2em;   
	padding-left: 0; 
	list-style-position: outside!important;   
	}   
ol.paren > li {  
	list-style: none;   
	}   
ol.paren > li:before {
	content: " (" counter(list) ") ";   
	counter-increment: list;   
	list-style-position: outside!important;   
	}   
body#hepcontent h1 { 
	margin-bottom: 10px; 
	margin-left: 5px;   
	margin-top: 5px;   
	font-size: 1.8em; 
	font-weight: bold; 
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;   
	}    
body#hepcontent h2 { 
	margin: 5px;   
	font-size: 1.6em; 
	font-weight: bold; 
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;   
	}   
body#hepcontent h3 { 
	margin: 0 0 5px 5px; 
	font-size: 1.45em;   
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;   
	}    
body#hepcontent h4 { 
	margin: 0 0 4px 5px; 
	font-size: 1.3em;   
	font-style: italic; 
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;   
	}   
body#hepcontent h5 { 
	margin: 0 0 4px 5px; 
	font-size: 1.2em;   
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;   
	}    
body#hepcontent h6 { 
	margin: 0 0 4px 5px; 
	font-size: 1.1em;   
	font-style: italic;   
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; 
	}    
body#hepcontent h2 a.headlink {  
	text-decoration: underline!important;   
	}   
acronym {  
	border-bottom: none;   
	font-family: inherit;   
 	}    
ul, ol {  
	padding: 0 0 0 30px;   
 	}    
ul ul, ol ol, ul ol, ol ul { 
	margin: 0; 
	}    
li { 
	margin: 5px 15px;   
	padding: 2px; 
	}    
li p { 
	margin: 0 0 0 10px; 
	}   
/* Added to fix lists after FHWA header change on 3/20/17 */   
div.dropdown ul,
div.dropdown ul li {  
	padding: 0;   
	margin: 0;   
 	}   
div.dropdown ul li ul li a {  
	font-size: 0.9em!important;   
 	}   
/**************/   
.normal {  
	font-weight: normal;   
	color: #000;   
	background-color: inherit;   
	}   
/* us p.lispace to adjust <p> tag spacing on 2nd or subsequent <li> lines with more than 1 paragraph in the list item */    
li p.lispace {  
	margin: 10px 0 0 0!important;   
	}    
dl { 
	margin: 0 20px 15px; 
	padding: 0; 
	font-size: 0.9em; 
	}    
dt { 
	font-weight: bold; 
	margin-top: 15px; 
	padding: 0; 
	}    
dd { 
	margin: 5px 20px; 
	padding: 0; 
	}    
del { 
	color: #999; 
	background-color: #fff;   
	}    
ins { 
	font-weight: bold;   
	border-bottom: solid 1px red; 
	}   
dl.defs dt {
    float: left;   
    margin: 0;   
    max-width:12%;   
    font-weight: bold;   
	}    
dl.defs dd {
    margin-left: 15%;   
    margin-bottom: .5em;   
	}   
dl.defs dd:after {
    content: " ";   
    display: block;   
    /* clear: left; 
	Removed 10/14/21 due to left nav clear issue */   
	}   
dl.wide dt { 
	max-width:30%;   
	padding: 1px 2px;   
	}   
dl.wide dd { 
	margin-left: 35%;   
	padding: 1px 2px;   
	}   
dl.wide dt:hover,   
dl.wide dt:hover +dd { 
	color: inherit;   
	background-color: #ffefd5;   
	}
	
dl.faq dt { 
	white-space: nowrap;
	font-size: 1.2em;
	position: relative;
	}
dl.faq dd { margin-left: 0; }


dl.faq2 { margin-top: 0; }
dl.faq2 dt { 
	font-size: 1.1em;
	margin: 0.5em 0 0 0;
	}
dl.faq2 dd { 
	margin: 0 0 2em 0!important;
	}

dl#contactlist, dl#contactlist dt, dl#contactlist dd, dl#contactlist dl {
	margin-left: 0
}
dl#contactlist dt.dlstate {
}

dl#contactlist dd.dladdr {

}

/* Link defaults */    
#hephead a,    
#header a,    
#subnavigation a,    
#hepfoot a,    
#footer a,    
#breadcrumb a,    
#related a { 
	text-decoration: none; 
	white-space: normal;   
 /* forces long strings to wrap within the container instead of flowing outside of the visible borders. */   
	font-family: "Trebuchet MS", Candara, Calibri, Verdana, sans-serif;   
	}    
#related a:hover,   
#contacts a:hover { 
		text-decoration: underline;   
 	}    
div#contacts ol.contactlist li a[href^="mailto:"],   
div#contacts a[href^="mailto:"] {  
	font-weight: bold;   
 	}   
/*a:visited { 
	color: #763200; 
	}*/    
a img { 
	border: 1px solid;   
 /* any images that are links will have a border in the designated link color */    
	}    
#header a img { 
	border: none;   
 /* banner images that link to the topic home page will not have a border */    
	}    
/* Elements with common styles */    
/*#hephead *,*/    
#hepfoot *,    
#hepfoot a,    
#hepfoot a:visited,    
.ofcheadlnx a,    
.ofcheadlnx a:visited { 
	display: inline-block; 
	margin: 2px 0; 
	padding: 2px 10px; 
	}   
#hepfoot a { 
		border-left: 1px solid #000;   
 	}   
.ofcheadlnx * {  
	color: #000;   
	background-color: transparent;   
	}    
div#hepfoot a.home {  
	border-left: none!important;   
	}   
.ofclink {  
	font-size: 100%!important;   
	}    
/*: :: :: :: :: :: :: :: :: COMMON TAG FORMATTING DEFAULTS: :: :: :: :: :: :: :: :: */    
/*--------------------------------------------------------------------*/    
/*: :: :: :: :: :: :: :: :: :: :: :: LAYOUT CONTAINERS: :: :: :: :: :: :: :: :: :: :: :: : */    
/* common styles amongst containers */    
#hephead,    
#hepfoot,    
#wrapper,    
#header,    
#errorpage { 
	position: relative;   
	clear: both; 
	margin: 0 auto; 
	padding: 0; 
	width: 94.8%;     
	max-width:1280px;   
	}    
/* office tabs */   
/* office name text */   
div.ofcheading { 
	padding: 0;   
	margin: 0 0 0 10px;   
	font-weight: bold;   
	position: absolute;   
	top: 0.2em;   
	}   
div.ofcheading a { 
	color: #000;   
	background-color: transparent;   
	line-height: 1.4;   
	}   
/* new tab code */   
/*parent container */   
div.ofctabs { 
	width: 94.8%; 
	max-width: 1280px; 
	white-space: nowrap!important;   
	margin: 0 auto 2.5em auto;   
	position: relative;   
	z-index: 50;   
	}   
/*@-moz-document url-prefix() { 
	div.ofctabs { 
	margin-top: -2px; 
	} probably no longer needed    
}*/   
/* tabs on left side */   
div.ofclink { 
	width: 40%;   
	text-align: left;   
	position: absolute;   
	top: 0;   
	left: 15px;   
	}   
div.ofctabs div.ofclink a { 
	display: inline-block;   
	border-top: 0;   
	border-right: 1px solid #404040;   
	border-bottom: 1px solid #404040;   
	border-left: 1px solid #404040; 
	padding: 3px 4px;   
	margin: 0;   
	background-color: #fefefe;   
	color: #000;   
	font-weight: bold;   
	font-size: 85%;   
	text-decoration: none;   
	}   
div.ofctabs div.ofclink a.plntab { 
	background-color: #DBD2D2;   
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.50);   
	color: #000;   
	border-top: 2px solid #DBD2D2;   
	margin-top: -3px;   
	}   
div.ofctabs div.ofclink a.envtab { 
	background-color: #D6E8D2;   
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.50);   
	color: #000;   
	border-top: 2px solid #D6E8D2;   
	margin-top: -3px;   
	}   
div.ofctabs div.ofclink a.retab { 
	background-color: #DDE5EE;   
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.50);   
	color: #000;   
	border-top: 2px solid #DDE5EE;   
	margin-top: -3px;   
	}   
/* tabs on right side */   
div.ofcheadlnx { 
	width:50%;   
	text-align: right;   
	position: absolute;   
	top: 0;   
	right: 15px;   
	visibility: visible; 
	}   
div.ofctabs div.ofcheadlnx a { 
	display: inline-block;   
	border-top: 0;   
	border-right: 1px solid #404040;   
	border-bottom: 1px solid #404040;   
	border-left: 1px solid #404040; 
	padding: 3px 4px;   
	margin: 0;   
	background-color: #fefefe;   
	color: #000;   
	font-weight: bold;   
	font-size: 85%;   
	text-decoration: none;   
	}   
div.ofctabs div.ofcheadlnx a#heplink { 
	margin-right: 1em;   
 	}   
div.ofclink a:hover,    
div.ofcheadlnx a:hover { 
	background-color: #EEEEEE;   
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.50);   
	font-weight: bold;   
	}   
body#hepcontent.calendar div.ofcheadlnx a.events,   
body#hepcontent.guidance div.ofcheadlnx a.guidance,   
body#hepcontent.publications div.ofcheadlnx a.pubs,   
body#hepcontent.awards div.ofcheadlnx a.awards,   
body#hepcontent.contacts div.ofcheadlnx a.contacts { 
	background-color: #ECECCB;   
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.50);   
	font-weight: bold;   
	border-top: 2px solid #ECECCB;   
	margin-top: -2px;   
	}   
/* end of new tab code */   
#errorpage { 
	margin-top: 1em;   
 	}   
#wrapper,   
#header,   
#errorpage { 
	border: 1px solid #4c4a2e; /* color customizable on office and topic level */    
	}    
#wrapper,   
#errorpage { 
	background-color: #fff;   
 	color: #000; /* color customizable on office and topic level */  
	}   
#navigation ul,   
#navigation li,   
#subnavigation ul,   
#subnavigation ul li { 
	list-style: none; 
	margin: 0; 
	padding: 0; 
	}    
#pagecontents,   
#related { 
	padding-right: 5px; 
	}
	
/* FHWA blue bar at top and very bottom of page */    
#fhwafooterspacer { 
	background: #326598;   
	color: inherit;   
	height: 1px;   
	margin: 0 auto; 
	}    
#fhwaheader { 
	height: 45px;   
	border-bottom: solid 1px #326598;   
	background-position: bottom;   
	width:95%;   
	max-width:1280px; 
	margin: 0 auto; 
	padding: 0 2px; 
	}
#fhwafooter { 
	width:95%;   
	max-width:1280px; 
	margin: 2px auto 0 auto; 
	padding: 8px 0 65px 0; 
	}    
#fhwaheader .hdtitle,   
#fhwaheader .search { 
	margin: 3px 0;   
	}    
#fhwaheader * { 
	color: #fff;   
 	background-color: transparent;   
	}    
#fhwaheader a img { 
	border: none;   
 	background-color: transparent;   
 	color: inherit;   
	}    
#fhwaheader .hdtitle a img { 
	height: 40px;   
 	}    
#fhwaheader .search fieldset { 
	width: auto;   
 	}    
#fhwaheader .search fieldset div { 
	float: left;   
	margin-right: 20px; 
	}    
#fhwaheader .search fieldset div img { 
	margin: 0 2px;   
 	}    
#fhwaheader .search fieldset div span { 
	padding-top: 2px;   
 	}    
/* Office level header and footer as small bars at top and bottom */    
#hephead { 
	height: 2em; 
	min-height: 1.5em;   
	line-height: 1.4;   
	z-index: 50; 
	font-size: 80%; 
	/* background: #ededc4 url(/images/hep/bg_hephead.png) repeat-x center; 
	gradients are so 2002. Commented out on 6/28/16  */   
	color: inherit; 
	margin-bottom: 0;   
	padding: 0; 
	border-right: 1px solid #999;   
	border-bottom: 1px solid #404040;   
	border-left: 1px solid #999;   
	text-align: left;   
	position: relative;   
	}    
#hepfoot { 
	/* background: #ededc4 top url(/images/hep/bg_hepfoot.png); 
	Commented out on 6/28/16  */   
	height: 1.5em; 
	color: inherit;   
/*	background-position: top; */    
	text-align: center; 
	font-size: 80%; 
	padding: 0 0 5px 0; 
	z-index: 1;   
	margin-top: 1em; 
	}    
/* Topic header: largest banner on page. */    
#header { 
	border-bottom: none; 
	margin-top: 20px; 
	padding: 0;   
	height: 100px;
	position: relative; 
	}    
#header #pageheading { 
	float: left; 
	margin: 10px 0 0 1%; 
	padding: 0 5px; 
	font-size: 175%; 
	font-weight: bold;   
	}    
#header #pageheading img { 
	/* topic title if it is an image. */    
	font-size: 100%; 
	}    
#header #pageheading a { 
	display: block;   
 	}    
/* Content containers */    
#wrapper { 
	/* container for majority of content */    
	border-top: none; 
	margin-bottom: 10px; 
	background-image: url('/images/hep/bgsubnav_hep.png');   
 /* refer to documentation on use of image for subnavigation box */    
	background-position: 18% 0; 
	background-repeat: repeat-y; 
	padding-bottom: 50px; 
	min-height: 465px;   
 /* layout does not use sticky footers, this forces the footers to the bottom of visible view for common sizes */    
	/*overflow: hidden; 
	removed for prev-next nav */   
	display: table;   
	}
 	 
#errorpage { 
	/* container when an error has occured */    
	min-height: 565px; 
	}    
/* Navigation located below page banner */    
#navigation { 
	position: absolute; 
	bottom: 0; 
	left: 0; 
	color: #000; 
	background-color: #660;   
 /* customizable at the office and topic level */    
	background-image: url('/images/hep/bg_nav.png'); 
	background-position: center; 
	background-repeat: repeat-x; 
	width:100%; 
	clear: both;   
	font-family: "Trebuchet MS", Candara, Calibri, sans-serif; 
	}    
#navigation li { 
	display: block; 
	float: left; 
	padding-right: 1px; 
	background: url('/images/hep/nav_line.png') no-repeat right center; 
	}    
#navigation a,    
#navigation a:visited { 
	color: #fff; 
	background-color: transparent; 
	font-weight: bold; 
	font-size: 95%; 
	padding: 2px 15px 5px 15px; 
	margin: 0; 
	display: block; 
	}    
#navigation ul li a:hover { 
	background-color: transparent;
	color: inherit; 
	background-position: center; 
	background-repeat: repeat-x; 
	text-decoration: none; 
	}    
/* Subnavigation box on the left */    
#subnavigation { 
	width:18%; 
	margin-bottom: 20px; 
	float: left;   
	font-family: "Trebuchet MS", Candara, Calibri, sans-serif;   
	}    
#subnavigation p { 
	margin: 0px; 
	padding: 5px 2px; 
	font-size: 75%; 
	text-align: center; 
	background: url('/images/hep/bg_subnavovr.png') repeat-x bottom; 
	}    
#subnavigation ul ,   
#subnavigation ul li ,   
#subnavigation ul li a ,   
#subnavigation ul li ul li a ,   
#subnavigation ul li a:visited ,   
#subnavigation ul li ul li a:visited { 
	color: inherit;   
 	background-color: transparent;   
	}    
#subnavigation ul { 
	margin: 0 0 20px 0;   
 	}    
/* collapsible navigation */   
div#subnavigation div#navclose { 
	display: block;   
	color: #000;   
	background-color: transparent;   
	font-weight: bold;   
	text-align: right;   
	}   
div#navexpand { 
	display: block;   
	width:1.2em;   
	float: left;   
	font-weight: bold;   
	margin-left: -1px;   
	}   
div#navexpand span { 
	cursor: pointer;   
	background-color: #e0e8d9;   
	border-right: 1px solid #444;   
	border-bottom: 1px solid #444;   
	padding: 1px; 
	}   
div#navclose span { 
	cursor: pointer;   
	background-color: #e0e8d9;   
	padding: 0 1px 0 2px;   
	border-top: 1px solid #bac9b5;   
	border-left: 1px solid #bac9b5;   
	border-bottom: 1px solid #bac9b5;   
	}   
div#navexpand { 
	display: none;   
 	}    
div#navclose { 
	visibility: hidden;   
 	}   
div#subnavigation ul,   
div#subnavigation ul li,   
div#subnavigation ul li ul { 
	margin: 0!important;   
	padding: 0!important;   
	background-image: none;   
	}   
div#subnavigation ul li a { 
	display: block;   
	font-size: 0.8em;   
	font-weight: normal;   
	background-image: none;   
	padding: 0.5em;   
	margin: 0;   
	}   
div#subnavigation ul li ul li a { 
	font-size: 80%;   
	font-weight: normal;   
	margin: 0;   
	background-image: url('/hep/images/listarrow.png');   
	background-repeat: no-repeat;   
	background-position: 5px 6px;   
	padding-left: 1.6em!important;   
	margin: 0;   
	}   
div#subnavigation ul li a:hover,   
div#subnavigation ul li a.current,   
div#subnavigation ul li ul li a:hover,   
div#subnavigation ul li ul li a.current { 
	transition: 0.4s ease;   
	}   
div#subnavigation ul li ul li a.current { 
	font-weight: normal;   
	}   
/* Contacts box */    
#contacts { 
	float: left; 
	text-align: left; 
	margin: 5px; 
	}    
#contacts p.contacttitle { 
	text-align: left; 
	font-weight: bold; 
	margin: 0; 
	padding: 3px 0 4px 6px; 
	white-space: normal;   
/*	background: none;  */   
	}    
#contacts p { 
	padding: 5px 10px; 
	white-space: normal; 
	text-align: left; 
	background: none; 
	}    
#contacts ol { 
	margin: 0 0 5px 0; 
	}    
#contacts ol li { 
	margin: 1px 0; 
	}    
span.ctitle, 
span.cphone,   
span.cteam { 
	display: block;   
	margin-bottom: 0.5em;   
	}   
/* Memo page layout */    
#memo:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
	}    
#memohead { 
	width:100%; 
	margin: 0; 
	padding: 10px 0 0 0; 
	position: relative; 
	}    
#memohead:after { 
	content: "."; 
	display: block; 
	height: 1px; 
	visibility: hidden; 
	}    
#memohead img { 
	float: left; 
	border: 0; 
	padding: 0 5px 0 0; 
	}    
#memohead h1 { 
	font-weight: normal; 
	font-size: 120%; 
	margin: 5px 0; 
	color: #000; 
	background-color: inherit; 
	font-variant: normal; 
	}    
#memohead p.small { 
	margin-left: 60px; 
	}    
#memofromto { 
	width:45%; 
	float: left; 
	margin: 0; 
	}    
#memodatereply { 
	width:45%; 
	float: right; 
	}    
#memobody { 
	float: left; 
	width:100%; 
	}   
#memobody a { 
	text-decoration: underline; 
	}   
#memobody ul,   
#memobody ol { 
	padding-left: 25px;   
 	}    
#contents { 
	width:60%;   
	margin-left: 19.5%; 
	margin-bottom: 20px; 
	text-align: left;   
	}
#pagecontents,   
#memo { 
	width:80%; 
	margin-left: 19.5%;   
	text-align: left; 
	}    
#errorpage #pagecontents { 
	width:100%; 
	margin: 0 20px; 
	position: relative;   
	}      
#pagecontents img, #contents img { 
	border: none;   
	margin-left: 5px; 
	}   
img.toplink { 
	float: right;   
	}   
#pagecontents div.imgright img,   
#contents div.imgright img ,   
#pagecontents div.imgleft img ,   
#contents div.imgleft img { 
	margin-left: 0; 
	}   
#pagecontents ul li,   
#contents ul li   { 
	padding-top: 0;   
	padding-bottom: 4px;   
	margin-top: 0;   
	margin-bottom: 4px; 
	}    
#pagecontents ul li ul li ,   
#contents ul li ul li { 
	padding-top: 3px;   
	padding-bottom: 0;   
	margin-top: 3px;   
	margin-bottom: 0; 
	}   
#pagecontents li ul li ul li,   
#contents li ul li ul li { 
	padding-top: 3px;   
	padding-bottom: 4px; 
	}    
#pagecontents a,   
#contents a { 
	text-decoration: underline; 
	}    
#breadcrumb { 
	margin-left: 18.1%; 
	padding: 5px 5px 5px 10px; 
	font-size: 75%; 
	text-align: left; 
	}    
div#prefooter { 
	text-align: center; 
	margin: 0 auto; 
	padding: 0; 
	white-space: nowrap; 
	color: #fff; 
	background-color: transparent; 
	}    
div#prefooter * { 
	color: #fff;   
 	background-color: inherit; 
	}    
div#prefooter a { 
	font-size: 70%; 
	white-space: nowrap; 
	}    
/* Topic level footer. Optional */    
/*#prefooter { 
	text-align: left; 
	position: relative; 
	z-index: 50; 
	float: right; 
	left: -50%; 
	white-space: nowrap;   
	margin-bottom: 15px;
}    
#prefooter ul { 
	list-style: none; 
	position: relative; 
	left: 50%; 
	margin: 0; 
	padding: 0;
}    
#prefooter ul ul { 
	margin: 0; 
	padding: 0; 
	left: 0;
}    
#prefooter li { 
	float: left; 
	position: relative; 
	margin: 0; 
	margin-left: 15px; 
	padding: 0; 
	text-align: left; 
	font-size: 90%; 
	font-weight: bold;
}    
#prefooter li:first-child { 
	margin: 0; 
	}    
#prefooter li li { 
	float: none; 
	font-weight: normal; 
	font-size: 80%; 
	clear: both; 
	display: block; 
	text-align: left; 
	padding: 2px; 
	margin: 0; 
	border-bottom: 1px dotted #666;
}*/    
/*: :: :: :: :: :: :: :: :: :: :: :: LAYOUT CONTAINERS: :: :: :: :: :: :: :: :: :: :: :: : */    
/*--------------------------------------------------------------------*/    
/*: :: :: :: :: :: :: :: :: :: :: CUSTOM TABLES (classes): :: :: :: :: :: :: :: :: :: : */    
table.datatable { 
	margin: 3px 0 15px 5px; 
	padding: 3px 0 3px 0;   
	table-layout: fixed;   
/*	background-color: #fff; */    
	}
table.smfont {  
	font-size: 90%;  
	}
table.smfont caption {
	font-size: 110%!important;
}
table.datatable,   
table.datatable th,   
table.datatable td { 
	text-align: left;   
 	vertical-align: top; 
	}   
.datatable td { 
	background-color: #ffffff;   
 	color: inherit; 
	}    
table.datatable tr.row0, 
table.datatable tr.row0 th, 
table.datatable tr.row0 td { 
	background-color: #ebf6fc!important;   
 	color: inherit; 
	}    
table.datatable tr.row1, 
table.datatable tr.row1 th, 
table.datatable tr.row1 td { 
	background-color: #ffffff!important;   
 	color: inherit; 
	}    
table.datatable caption {  
	font-size: 90%; 
	}   
.datatable .row2, 
th.row2 { 
	/* used to set a formatted cell, such as <th> to appear like a <td> cell with background color*/   
	font-weight: normal;   
	background-color: #FFFCEB!important;   
	text-align: left;   
	}   
.tablecntnr { 
	border: 1px solid #666; 
	margin: 5px; 
	padding: 5px; 
	overflow: auto; 
	}    
.datatable, 
.datatable2,   
.tight { 
	border-collapse: collapse; 
	border-spacing: 0; 
	margin-bottom: 10px; 
	empty-cells: show; 
	}    
.datatable p,   
p.tight { 
	margin: 0; 
	}   
table.std p { 
	margin: 10px 10px 10px 5px;    
}   
.datatable caption { 
	text-align: left; 
	font-weight: bold; 
	margin-bottom: 5px; 
	}    
.datatable caption .caption_bottom	{ 
	text-align: left; 
	font-weight: bold; 
	margin-bottom: 5px; 
	caption-side: bottom!important;   
	}    
table.datatable caption.captionlarge { 
	font-size: 140%;
	font-weight: normal;
	}
table.tight th, 
table.tight td, 
table.datatable th, 
table.datatable td { 
	border: 1px solid #999; 
	}    
.datatable th { 
	color: #000; 
	background-color: #fffceb; 
	padding: 5px 8px; 
	}    
.datatable td { 
	padding: 5px; 
	}   
.flush td { 
	padding: 5px 5px 5px 0; 
	}    
table.tight th,   
table.tight td { 
	font-size: 75%; 
	padding: 1px 1px;   
     
	}    
/*.datatable td, .tight td, .row, */    
th.row { 
	/* used to set a formatted cell, such as <th> to appear like a <td> cell */    
	font-weight: normal; 
	background-color: #ffffff; 
	color: #000; 
	}    
table.datatable td ul,   
table.datatable th ul,,   
table.datatable td ul.nopad { 
	padding-top: 0; 
	padding-bottom: 0; 
	margin-bottom: 0;   
	margin-top: 0; 
	}     
.nopad_left { 
	padding-left: 0; 
	margin-left: 6px; 
	}    
.nopad_right, 
div.nopad_right { 
	padding-right: 0!important;
}   
.datatable th.thbig { 
	font-size: 125%; 
	}   
.datatable2 th,   
.datatable2 td { 
	width:10%!important; 
	}    
.datatable th.txtright,   
.datatable td.txtright { 
	text-align: right;   
	}    
.datatable th.txtcenter,   
.datatable td.txtcenter { 
	text-align: center;   
	}    
table.layout { 
	margin: 3px 0 3px 15px; 
	padding: 3px 0 3px 0; 
	background-color: #fff; 
	color: #000; 
	}    
table.layout td,    
table.layout th { 
	border: none; 
	padding: 5px; 
	margin: 5px; 
	}    
td.center, th.center { 
	text-align: center; 
	}    
.cf_row0 { 
	background-color: #fff; 
	color: inherit; 
	}    
.cf_row1 { 
	background-color: #fffeee; 
	color: inherit; 
	}    
.datatable.noborder th,    
.datatable.noborder td,    
table.datatable tr td.noborder,    
table.datatable tr th.noborder { 
	border: none; 
	}    
table.datatable tr td.thickl { 
	border-left: 1px #000 solid; 
	}    
table.datatable tr td.thickr { 
	border-right: 1px #000 solid; 
	}    
table.tablesorter thead tr .header { 
	background: #FFFCEB url('/hep/images/bg.gif') no-repeat center right; 
	padding-right: 2em!important; 
	}   
table.tablesorter thead tr .headerSortUp { 
	background: #d8ecff url('/hep/images/desc.gif') no-repeat center right!important; 
	padding-right: 2em!important; 
	}    
table.tablesorter thead tr .headerSortDown { 
	background: #d8ecff url('/hep/images/asc.gif') no-repeat center right!important; 
	padding-right: 2em!important; 
	}    
.datatable td.tbullet { 
	text-align: center; 
	font-size: 1.5em; 
	padding: 0; 
	margin: 0; 
	}   
iframe.noborder { 
	border: 0; 
	}   
/*: :: :: :: :: :: :: :: :: :: :: CUSTOM TABLES (classes): :: :: :: :: :: :: :: :: :: : */    
/*--------------------------------------------------------------------*/    
/*: :: :: :: :: :: :: :: :: :: :: CUSTOM STYLES (classes): :: :: :: :: :: :: :: :: :: : */    
/* containers within #related on the right of content */    
/* Related items box on the right */    
#related { 
	width:18%; 
	min-width:185px;   
	float: right; 
	margin: 0 5px;   
	font-size: 0.75em;   
	font-family: "Trebuchet MS", Candara, Calibri, Verdana, sans-serif;   
	}   
div#related p.relatedtitle { 
	font-weight: bold;   
	margin: 0; 
	padding: 1px 5px; 
	border-bottom: 1px solid #5a5934;   
	font-size: 1.1em;   
	}   
div#pagecontents div#related { 
	font-size: 0.9em;   
 /* fix or tiny related box on 2-col pages */   
}   
div#related div.relateditem { 
	margin: 0 auto 20px auto; 
	padding: 0; 
	border: 1px solid #5a5934; 
	white-space: normal;   
	}   
div#related div.relateditem ul, 
div#related div.relateditem ol { 
	margin-left: 15px;
	background-color: inherit;
	}   
#hepcontent.hep #related {  
	width:25%; 
	}   
#hepcontent.hep .relateditem {  
	background-color: #fffbf2;   
 	color: #000; 
	}   
.relateditem p { 
	margin: 0; 
	padding: 3px 0 4px 6px; 
	white-space: normal; 
	}    
.relateditem ul { 
	margin-right: 0; 
	margin-bottom: 3px; 
	padding: 0 0 3px 0; 
	}    
.relateditem ul ul { 
	margin: 0; 
	}    
.relateditem .viewer { 
	margin: 10px 15px; 
	font-size: 80%; 
	}    
/* element formatting on a page displaying a memo */    
.memo { 
	font-weight: bold; 
	font-size: 30px; 
	}    
.memoheading { 
	font-weight: bold; 
	font-size: 200%; 
	margin: 0; 
	padding-top: 5px; 
	color: #006; 
	background-color: transparent;   
	}    
/* sectioned boxes for use as visible container */    
.box, 
.boxleft, 
.boxright	{ 
	border: 1px solid #000; 
	width:30%; 
	margin: 0 auto 5px auto; 
	padding: 5px 10px; 
	background-color: #fffbf2; 
	color: #000;   
	}    
.boxleft { 
	float: left; 
	margin-right: 20px; 
	margin-left: 5px    
	}    
.clearbox { 
	padding-left: 35%; 
	}   
.boxright { 	   
	float: right; 
	margin-left: 5px;   
	}    
.boxfull { 
	border: 1px solid #000; 
	width:90%; 
	margin: 0 auto 15px auto; 
	padding: 5px 10px; 
	background-color: #fffbf2; 
	color: #000;
	}   
 p.calltitle, nav p.calltitle { 
	background-color: #D6E8D2; 
	color: #004106; 
	border-radius: 3px 3px 0 0; 
	font-size: 105%;   
	font-weight: bold;   
	margin: -7px -7px 5px -7px; 
	padding: 5px 12px; 
	border-bottom: 1px solid #004106;
	}   
.callright { 
	width:25%;   
	float: right;   
	border: 1px solid #000066;   
	border-radius: 3px;   
	box-shadow: 3px 3px 5px #aaa;   
	padding: 7px 7px 10px 7px; 
	margin: 0 5px 5px 5px;   
	}   
.callleft { 
	width:25%;   
	float: left;   
	border: 1px solid #000066;   
	border-radius: 3px;   
	box-shadow: 3px 3px 5px #aaa;   
	padding: 7px 7px 10px 7px; 
	margin: 0 15px 5px 5px;   
	}   
.callcenter { 
	width:85%;   
	border: 1px solid #000066;   
	border-radius: 3px;   
	box-shadow: 3px 3px 5px #aaa;   
	padding: 2px 8px; 
	margin: 10px auto 10px auto;   
	color: inherit; 
	background-color: #FFFBF8;   
	}   
.callbox85	{ 
	width:85%; 
	border-left: .5em solid #66CCCC; 
	border-top: .1em solid #339999;   
	border-right: .5em solid #339999;   
	border-bottom: .1em solid #66CCCC;   
	border-radius: 0 3em 0 3em;   
	margin: .8em auto .8em auto;   
	padding: 1em; 
	color: #000;   
	}    
	   
.callhalf { 
	width:50%;   
	border: 1px solid #000066;   
	border-radius: 3px;   
	box-shadow: 3px 3px 5px #aaa;   
	padding: 8px; 
	margin: 10px auto 10px auto;   
	color: inherit; 
	background-color: #FFFBF8;   
	}   
	   
.callfull { 
	border: 1px solid #000066;   
	border-radius: 3px;   
	box-shadow: 3px 3px 5px #aaa;   
	padding: 5px 10px 10px 10px; 
	margin: 10px 0;   
	color: inherit; 
	background-color: #FFFBF8;   
	}   
.callright, nav.callright { 
	width:25%;   
	float: right;   
	border: 1px solid #000066;   
	border-radius: 6px;   
	box-shadow: 5px 5px 5px #aaa;   
	padding: 10px 10px 10px 10px; 
	margin: 0 5px 5px 10px;   
	}   
	   
ul.callright, 
ol.callright, 
ul.callleft, 
ol.callleft { 
	padding: 5px 0 0 0; 
	margin-left: -10px!important; 
	}   
.callboxrt	{ 
	border-left: .5em solid #66CCCC; 
	border-top: .1em solid #339999;   
	border-right: .5em solid #339999;   
	border-bottom: .1em solid #66CCCC;   
	border-radius: 0 3em 0 3em;   
	width:30%; 
	margin: 0 .5em .8em .8em; 
	padding: 1em .8em; 
	color: #000;   
	float: right;   
	}    
	   
.callboxlt	{ 
	border-left: .5em solid #66CCCC; 
	border-top: .1em solid #339999;   
	border-right: .5em solid #339999;   
	border-bottom: .1em solid #66CCCC;   
	border-radius: 0 3em 0 3em;   
	width:30%; 
	margin: 0 .5em .8em .8em; 
	padding: 1em .8em; 
	color: #000;   
	float: left;   
	}
.boxborderdk {
	border: 1px solid #000;
	}
.boxbordermd {
	border: 1px solid #999;
	}
.boxborderlt {
	border: 1px solid #fff;
	}
	
	
.highlight { 
	color: #000;   
	background-color: #e6f2ff;   
	}   
.callright p:first-child, 
.callright p:first-child { 
	margin-top: 0;   
	}   
div#pagecontents div.callright ul li, 
div#pagecontents div.callleft ul li, 
div#pagecontents div.callcenter ul li { 
	margin-left: -10px; 
	}   
nav.navright { 
	width:25%;   
	float: right;   
	border: 1px solid #000066;   
	padding: 5px;   
	margin: 0 5px;   
	font-size: 90%;   
	font-weight: bold;   
	}   
nav p.navtitle { 
	background-color: #transparent; 
	color: #004106; 
	font-size: 120%; 
	font-weight: bold;   
	margin: 1px -5px; 
	padding: 5px; 
	border-bottom: 1px solid #004106; 
	text-align: center;   
	}   
nav.navright ul { 
	margin-left: 5px; 
	padding: 0 0 0 5px; 
	}   
span.small.captionblue { 
	margin-left: 5px; 
	padding-left: 0; 
	font-size: 0.8em; 
	}   
.boxnobg { 
	color: inherit; 
	background-color: transparent!important; 
	}   
.boxfull h2 { 
	margin-top: .3em;   
	}   
.boxhalf { 
	border: 1px solid #000; 
	width:50%; 
	margin: 0 auto 5px auto; 
	padding: 5px 5px; 
	background-color: #fffbf2;   
	color: #000;
}    
.box3qtr { 
	border: 1px solid #000; 
	width:75%; 
	margin: 0 auto 5px auto; 
	padding: 5px 5px; 
	background-color: #fffbf2; 
	color: #000; 
	overflow: auto; 
	}    
.box p, 
.boxleft p,   
.boxright p,   
.boxfull p { 
	margin-bottom: 5px; 
	}    
.box ul,   
.boxleft ul,   
.boxright ul,   
.boxfull ul { 
	margin: 0; 
	padding-top: 0; 
	}    
.box ul li,   
.boxleft ul li,   
.boxright ul li,   
.boxfull ul li { 
	padding-top: 10px;   
/*	margin-left: 0;  */    
	}    
.noback { 
	background-color: transparent; 
	color: inherit; 
	}   
.boxclearimg { 
	clear: both; 
	width:100%; 
	font-size: 1px;
}   
.boxshade { 
	color: #000;   
	background-color: #FFFBF2;   
	border: 1px solid #ccc;   
	margin-top: 1em;   
	margin-bottom: 1em;   
	padding: 0.2em;   
	}   
.boxshadow { 
	box-shadow: 5px 5px 5px #888888;   
	}   
.boxshadowfull { 
	box-shadow: 5px 5px 5px #888888;   
	border: 1px solid #888;   
	}   
#pagecontents .boxfull table tr td ul li { 
	margin-left: 5px;
	padding-left: 15px; 
	}    
.imagecontain { 
	display: table; 
	width:50%; 
	}    
.imagecontain p { 
	padding-left: 0; 
	margin-left: -1px; 
	}    
.imagecontain img { 
	padding-left: 1px; 
	margin-left: 1px; 
	}    
.imageright { 
	border: 1px solid #000; 
	margin: 5px; 
	padding: 5px; 
	float: right; 
	background-color: #fffbf2;   
	color: #000; 
	}    
.imageleft { 
	border: 1px solid #000; 
	margin: 5px; 
	padding: 5px; 
	float: left; 
	background-color: #fffbf2; 
	color: #000; 
	}    
.imagecenter { 
	border: 1px solid #000; 
	margin: 5px auto; 
	padding: 5px; 
	float: none; 
	background-color: #fffbf2;   
	color: #000; 
	min-width:25%; 
	max-width:850px    
	}    
.imagecenter p { 
	text-align: center!important; 
	}    
.imagecenter img { 
	margin-left: auto; 
	margin-right: auto; 
	}    
/* fixed width styles */    
.px25 { 
	width:25px; 
	}    
.px50 { 
	width:50px; 
	}    
.px75 { 
	width:75px; 
	}    
.px100 { 
	width:100px; 
	}    
.px200 { 
	width:200px; 
	}    
.px225 { 
	width:225px; 
	}    
.px300 { 
	width:300px; 
	}   
.px350 { 
	width:350px; 
	}    
.px375 { 
	width:375px; 
	}    
.px400 { 
	width:400px; 
	}   
.px475 { 
	width:475px; 
	}    
.px500 { 
	width:500px; 
	}    
.px600 { 
	width:600px; 
	}    
.px700 { 
	width:700px; 
	}    
.px800 { 
	width:800px; 
	}    
/* percentage width styles */    
.pc5 { 
	width:5%; 
	}   
.pc10 { 
	width:10%; 
	}    
.pc15 { 
	width:15%; 
	}    
.pc20 { 
	width:20%; 
	}    
.pc25 { 
	width:25%; 
	}    
.pc30 { 
	width:30%; 
	}    
.pc33 { 
	width:33%; 
	}   
.pc35 { 
	width:35%; 
	}    
.pc40 { 
	width:40%; 
	}    
.pc45 { 
	width:45%; 
	}   
.pc50 { 
	width:50%; 
	}    
.pc55 { 
	width:55%; 
	}   
.pc60 { 
	width:60%; 
	}   
.pc65 { 
	width:65%; 
	}   
.pc70 { 
	width:70%; 
	}    
.pc75 { 
	width:75%; 
	}    
.pc80 { 
	width:80%; 
	}    
.pc85 { 
	width:85%; 
	}   
.pc90 { 
	width:90%; 
	}    
.pc95 { 
	width:95%; 
	}    
.pc100 { 
	width:100%; 
	}   
.pxh550 { 
	height: 550px; 
	}
.wauto {
	width: auto;
}
/* positioning styles */    
.clear { 
	/* does not wrap or allow wrapping */    
	clear: both;   
	float: none;   
	}    
.clearnone { 
	clear: none!important; 
	}   
.clear_l { 
	clear: left; 
	}   
.clear_r { 
	clear: right; 
	}   
.f_left { 
	/* other elements wrap to the right, object floats on the left */    
	float: left;   
	margin-right: 10px;   
	}    
.f_right { 
	/* other elements wrap to the left, object floats on the right */    
	float: right;   
	margin-left: 5px;   
	}    
.center, th.row.center p { 
	/* center the object or the content within the container */    
	margin: 0 auto; 
	text-align: center; 
	}    
.aln_left { 
	/* left align text */    
	text-align: left;   
	}    
.aln_right, th.row.aln_right, th.row.aln_right p,.datatable td.aln_right { 
	/* right align text */    
	text-align: right;   
	}   
.aln_justify { 
	text-align: justify; 
	} /* justify text */    
.nobold { 
	font-weight: normal!important; 
	} /* remove bold from text */    
/* line decoration of text - replaces <u>, <s>, <strike> tags which are now deprecated */    
.txtd_u { 
	text-decoration: underline; 
	} /* apply underline */    
.txtd_s { 
	text-decoration: line-through; 
	} /* apply strikethrough */    
.txtd_o { 
	text-decoration: overline; 
	} /* apply line over text */    
.txtd_n { 
	text-decoration: none; 
	} /* remove any of the above line decorations */    
/* white space - most useful for td{ 
	nowrap attribute is deprecated, use these classes instead */    
.ws_normal { 
	white-space: normal; 
	} /* text will wrap when necessary */    
.ws_nowrap { 
	white-space: nowrap; 
	} /* text will not wrap and will continue until a <br /> tag is encountered */    
.ws_pre { 
	white-space: pre; 
	} /* text will only wrap on line breaks{ 
	acts like <pre> (preformatted) tag in HTML */    
.ws_preline { 
	white-space: pre; 
	} /* sequential spaces will become a single space{ 
	text will wrap when necessary and on line breaks */    
.ws_prewrap { 
	white-space: normal; 
	} /* sequential spaces will be preserved as such{ 
	text will wrap when necessary, and on line breaks */   
/* list types - type attribute is deprecated and ordered lists should now use one of these classes */    
ol.uproman { 
	list-style-type: upper-roman; 
	} /* capaitalized roman numerals */    
ol.loroman { 
	list-style-type: lower-roman; 
	} /* lower case roman numerals */    
ol.upalpha { 
	list-style-type: upper-alpha; 
	} /* capitalized alphabet */    
ol.loalpha { 
	list-style-type: lower-alpha; 
	} /* lower case alphabet */    
ol.number, ol.decimal { 
	list-style-type: decimal; 
	} /* numbered list */    
ol.number0, ol.decimal0 { 
	list-style-type: decimal-leading-zero; 
	} /* numbered list with a leading zero */    
ul.nobullet, ul.typen, ul.none, ol.nobullet, ol.typen, ol.none { 
	list-style-type: none; 
	} /* list has no marker */    
ul.blt_circ, ul.typec, ul.circle { 
	list-style-type: circle; 
	} /* empty circle as bullet */    
ul.blt_disc, ul.disc { 
	list-style-type: disc; 
	} /* filled disc as bullet */    
ul.blt_sqr, ul.typesq, ul.square { 
	list-style-type: square; 
	} /* filled square as bullet */    
ul.check { 
	 list-style: none!important; 
	}   
ul.check li { 
	padding-left: 5px; 
	}   
ul.check li:before { 
	display: list;   
	content: "\2713"   
}   
ul.lgcircle { 
	 list-style: none!important; 
	}   
ul.lgcircle li { 
	padding-left: 5px; 
	}   
ul.lgcircle li:before { 
	display: list;   
	content: "\274D"   
}   
ul.lgbox { 
	 list-style: none!important; 
	}   
ul.lgbox li { 
	padding-left: 5px; 
	}   
ul.lgbox li:before { 
	display: list;   
	content: "\274F"   
}   
ul.under { 
	 list-style: none!important; 
	}   
ul.under li { 
	padding-left: 5px; 
	}   
ul.under li:before { 
	display: inline-block;   
	content: "\5f";   
	transform: scale(3,1);   
	padding-right: 10px; 
	}   
/* document navigation for multi-page publications */    
#pagecontents div.docnav { 
	margin: 0 auto 0 auto; 
	height: 25px; 
	padding: 5px 5px 3px 5px; 
	font-size: 90%; 
	text-align: center; 
	white-space: nowrap; 
	border-top: 1px solid #ccc;   
	border-bottom: 1px solid #ccc;   
	background-color: #FFEFD5; 
	color: inherit; 
	position: fixed;   
	z-index: 9999999; 
	bottom: 15px; 
	left: 0; 
	width:100%;
	}    
.docnav ul { 
	list-style-type: none; 
	margin: 0 auto; 
	width:80%; 
	}    
.docnav ul li { 
	display: inline; 
	margin: 0; 
	}     
.docnav ul li a { 
	display: inline-block;   
	padding: 2px 4px; 
	margin-top: 0; 
	min-width:10px; 
	text-decoration: none; 
	}    
.docnav ul li a.index { 
	display: inline-block;   
	padding: 2px 4px; 
	margin-top: 0; 
	text-decoration: none; 
	}    
.docnavul li a.nav { 
	display: inline-table; 
	padding: 2px 4px; 
	margin-top: 0; 
	}    
.docnav ul li a.current { 
	margin-top: 0; 
	}    
.docnav ul li a.hide { 
	visibility: hidden; 
	}    
.docnav ul li a:hover { 
	color: #fff; 
	margin-top: 0; 
	}    
.docnav .navtext { 
	float: left; 
	padding: 0; 
	margin: -18px 0 0 0; 
	}   
/* new docnav */   
div.prevnext { 
	display: table;   
	border-spacing: 0.5em;   
	border-collapse: separate;   
	white-space: nowrap;   
	width:100%; 
	}   
.sticky { 
	position: sticky;   
	z-index: 500;   
	bottom: 0;   
	color: red!important; 
	}   
div.prevnext div.docprev, 
div.prevnext div.docnext, 
div.prevnext div.doctop, 
div.prevnext div.docindex { 
 	display: table-cell;   
	margin: 0;   
	padding: 0;   
	vertical-align: middle;   
	box-shadow: 0 2px 1px -1px #555; 
	}   
div.prevnext div.docprev { 
	width:40%;   
	position: relative;   
	overflow: hidden; 
	}   
div.prevnext div.docprev a { 
	background: url('/hep/images/navprev.png') no-repeat 0 35%;   
	background-size: 6%;   
	position: absolute;   
	top: 0;   
	right: 0;   
	left: 0; 
	}   
div.prevnext div.docnext { 
	text-align: right;   
	width:40%;   
	position: relative;   
	overflow: hidden; 
	}   
div.prevnext div.docnext a { 
	background: url('/hep/images/navnext.png') no-repeat 100% 35%;   
	background-size: 6%;   
	position: absolute;   
	top: 0;   
	right: 0;   
	left: 0; 
	}   
div.prevnext div.docindex { 
	position: relative;   
	overflow: hidden; 
	}   
div.prevnext div.docindex a { 
	position: absolute;   
	top: 0;   
	right: 0;   
	left: 0; 
	}   
div.prevnext div.doctop { 
	text-align: center;   
	font-weight: bold;   
	width:5%;   
	padding: 0; 
	}   
div.prevnext div.doctop img { 
	width:21px;   
	height: auto;   
	margin: 2px 2px -2px -2px;   
	text-align: center;   
	}   
div.prevnext div.docprev a, 
div.prevnext div.docnext a, 
div.prevnext div.doctop a, 
div.prevnext div.docindex a { 
	display: block;   
	height: 100%;   
	margin: 0;   
	border-top: 1px solid #999;   
	border-left: 1px solid #999;   
	border-right: 1px solid #999;   
	background-color: #DBDFD1;   
	text-decoration: none!important; 
	}   
div.prevnext div.docprev a, 
div.prevnext div.docnext a { 
	padding: 0.3em 2.5em; 
	}   
div.prevnext div.doctop a, 
div.prevnext div.docindex a { 
	padding: 0.6em 0.9em;   
	text-align: center; 
	}   
div.prevnext div.docnext a:hover, 
div.prevnext div.docprev a:hover, 
div.prevnext div.doctop a:hover, 
div.prevnext div.docindex a:hover { 
	background-color: #FFFDDE; 
	}   
div.prevnext div.longtitle { 
	white-space: normal!important; 
	font-size: 85%;   
	}   
div.prevnext div.docprev.noshadow, 
div.prevnext div.docnext.noshadow { 
	box-shadow: none }   
/* end new docnav */   
	   
#pagecontents .docnav ul { 
	display: inline; 
	margin: auto; 
	}    
#pagecontents .docnav ul li a,    
#pagecontents .docnav ul li a.index { 
	border: 1px solid #365b01;   
	text-align: center;   
	text-decoration: none;   
	}    
#pagecontents .docnav ul li a.current,    
#pagecontents .docnav ul li a:hover { 
	background: #365b01; 
	color: #fff; 
	text-decoration: none; 
	}    
/* miscellaneous classes */    
.sitemap { 
	font-size: 85%; 
	}    
.hilight { 
	/* use for high lighting particular text with a yellow background */    
	font-size: 85%; 
	font-style: normal;   
	font-weight: bold; 
	color: #000; 
	background: #ff0; 
	border: thin groove; 
	padding: 1px; 
	white-space: nowrap; 
	}    
	   
.hr { 
	width:90%; 
	border-bottom: 1px solid #999;   
	border-top: none;   
	margin: 0.5em auto 1em auto; 
	}    
.hrthin {
	width:95%; 
	border-bottom: 1px solid #555;   
	border-top: none;   
	margin: 0 auto 0.5em auto;
}
.hr hr, .hrlite hr, .hrthin hr { 
	visibility: hidden; 
	}
#pagecontents table.datatable tr.bgltblue th { 
	color: #000; 
	background-color: #B5D3EB!important; 
	}   
.bgltblue { 
	color: #000; 
	background-color: #E0EEFA!important; 
	}   
.tdbgviolet,   
table.datatable tr td.tdbgviolet { 
	color: #000; 
	background-color: #CCC0D9!important; 
	}   
.tdbgltgr,   
table.datatable tr td.tdbgltgr { 
	color: #000; 
	background-color: #B4FFB4!important; 
	}    
.tdbggray,   
table.datatable tr td.tdbggray { 
	color: #000; 
	background-color: #F8F8F8!important; 
	}    
.tdbgdkgray,   
table.datatable tr td.tdbgdkgray { 
	color: #000; 
	background-color: #c3c3c3!important; 
	}    
.tdbgyellow,   
table.datatable tr td.tdbgyellow { 
	color: #000; 
	background-color: #FFFFC0!important; 
	}    
.tdbgred,   
table.datatable tr td.tdbgred { 
	color: #000; 
	background-color: #ff5d5d!important; 
	}   
.tdbgdata,   
table.datatable tr td.tdbgdata { 
	color: #000; 
	background-color: #FFFCEB!important; 
	}    
.tdbgdkgr,   
table.datatable tr td.tdbgdkgr { 
	background-color: #82FF82!important; 
	color: #000!important; 
	}    
.tdbgbl,   
table.datatable tr td.tdbgbl { 
	color: #000; 
	background-color: #80DBFD!important; 
	}   
.tdbgltred,   
table.datatable tr td.tdbgltred { 
	background-color: #FF9797!important; 
	color: #000; 
	}   
.tdbgltog,   
table.datatable tr td.tdbgltog { 
	background-color: #FAC090!important; 
	color: #000; 
	}   
.tdbgpurp, table.datatable tr td.tdbgpurp { 
	background-color: #B39FC6!important; 
	color: #000; 
	}   
.tdbgltgrn, table.datatable tr td.tdbgltgrn { 
	background-color: #dde5cb!important; 
	color: #000; 
	}   
.tdbgdkgrn, table.datatable tr td.tdbgdkgrn { 
	background-color: #336600!important; 
	color: #fff; 
	}   
.tdbgpink, table.datatable tr td.tdbgpink { 
	background-color: #FFE6FF!important; 
	color: #000; 
	}   
.tdbgtan, table.datatable tr td.tdbgtan { 
	background-color: #E3E0CE!important; 
	color: #000; 
	}   
div.pnobot { 
	padding-bottom: 7px; 
	}   
div.pnobot p { 
	padding-top: 0!important; 
	padding-bottom: 0!important; 
	margin-top: 0!important; 
	margin-bottom: 0!important; 
	}   
div.tcell div.pnobot p { 
	padding-top: 0!important; 
	padding-bottom: 0!important; 
	margin-top: 0!important; 
	margin-bottom: 0!important; 
	}   
.listnobot ul li,   
.listnobot ol li { 
	padding-top: 0; 
	padding-bottom: 0; 
	margin-top: 0; 
	margin-bottom: 0; 
	}   
.listnobot ul li p,   
.listnobot ol li p { 
	padding-top: 0; 
	padding-bottom: 0; 
	margin-top: 0; 
	margin-bottom: 0; 
	margin-left: 0; 
	}   
ol.qa li,   
ul.qa li { 
	margin-top: 2rem; 
	font-weight: bold; 
	}   
ol.qa li:first-child,   
ul.qa li:first-child {
	margin-top: 0; 
	}   
ol.qa li p,    
ul.qa li p { 
	padding: 0;   
	margin: 0.5rem 0 0 0;   
	font-weight: normal; 
	}   
.footerlink { 
	padding-bottom: 0; 
	} /* for the links in the FHWA footer */    
.navfooter { 
	padding-bottom: 35px; 
	} /* increases the height of the FHWA footer when docnav.cfm is included */    
.wideitem { 
	/* used for items that have the potential to not fit within the wrapper at any supported resolution. */    
	width:95%; 
	max-width:1200px;   
	overflow: auto;   
 /* adds scrollbars if necessary to view hidden parts */    
	height: auto;   
	max-height: 600px; 
	margin: 15px auto; 
	border: solid 1px #999; 
	padding: 10px 10px 10px 0; 
	}    
.wideitem table.datatable { 
	overflow: visible; 
	}   
@media (max-width:1280px) {
	.wideitem1024 { 
	/* used for items that have the potential to not fit within the wrapper at any supported resolution. */    
	max-width:95%; 
	overflow: auto;   
 /* adds scrollbars if necessary to view hidden parts */    
	height: auto;   
	max-height: 600px; 
	margin: 15px auto; 
	border: solid 1px #999; 
	padding: 10px; 
	} 
}   
.wideitem img { 
	max-width:none; 
	}    
/*: :: :: :: :: :: :: :: :: :: :: CUSTOM STYLES (classes): :: :: :: :: :: :: :: :: :: : */    
/* Table of contents */    
#pagecontents ul.toc,   
ul.toc ul,   
ul.toc ul li ul { 
	list-style-type: none; 
	}    
.hilite { 
	font-family: Arial, Helvetica, sans-serif; 
	font-style: normal; 
	font-weight: bold; 
	font-size: 80%; 
	color: #000000; 
	background: #FFFF00; 
	border: thin groove; 
	padding: 1px 2px; 
	white-space: nowrap; 
	}    
.callout { font-size: 110% }    
.callout2 { font-size: 120% }    
.callout3 { font-size: 130% }    
.callout4 { font-size: 140% }
.callout40 { font-size: 140%; font-weight: normal; }

.txtcenter { 
	text-align: center!important; 
	align-content: center; 
	}    
.flexcenter { 
	display: flex; 
	flex-wrap: wrap; 
	align-content: center; 
	}   
.tdbgdkgr { 
	background-color: #103513; 
	}    
#pagecontents h1 a,   
#pagecontents h2 a,   
#pagecontents h3 a,   
#pagecontents h4 a,   
#pagecontents h5 a,   
#pagecontents h6 a,   
#contents h1 a,   
#contents h2 a,   
#contents h3 a,   
#contents h4 a,   
#contents h5 a,   
#contents h6 a { 
	text-decoration: none;   
	}    
/* classes for fixed position table headers */    
.outer { 
	position: relative; 
	padding: 4em 0 3em 0; 
	width:auto; 
	margin: 0 auto 3em auto; 
	}    
.innera { 
	overflow: auto; 
	width:auto; 
	height: 9.6em; 
	}    
.outer thead tr { 
	position: absolute; 
	top: 2.5em; 
	height: 1.5em; 
	left: 0; 
	}    
.breakword { 
	overflow-wrap: break-word;   
	word-wrap: break-word;   
	word-break: break-word; 
	}    
#pagecontents a img.noborder, 
#contents a img.noborder { 
	border: none; 
	}    
#pagecontents .callright.noborder { 
	border: none; 
	border-radius: none!important; 
	box-shadow: none;   
F; 
	}   
.noborder { 
	border: none!important; 
	}   
/* Image caption classes */   
.imgleft, .imgright { 
	position: relative; 
	}    
.imgleft { 
	padding: 5px 15px 5px 0!important; 
	}    
.imgright { 
	padding: 5px 5px 5px 0!important; 
	margin-left: 10px}    
.imgcenter	{ 
	margin-right: auto; 
	margin-left: auto; 
	text-align: center; 
	}    
.imgcenter p { 
	text-align: center; 
	}    
div#wrapper div#pagecontents div.tablelayout div.tcell div.imgleft.smpadright { 
	padding-right: 2px!important; 
	margin-right: -5px; 
	}   
div.imgleft.capt1,   
div.imgright.capt1 { 
	padding-bottom: 1.5em!important; 
	}   
div.imgleft.capt2,   
div.imgright.capt2 { 
	padding-bottom: 2.5em!important; 
	}   
div.imgleft.capt3,   
div.imgright.capt3 { 
	padding-bottom: 3.5em!important; 
	}   
div.imgleft.capt4,   
div.imgright.capt4 { 
	padding-bottom: 4.5em!important; 
	}   
div.imgleft.capt5,   
div.imgright.capt5 { 
	padding-bottom: 5.5em!important; 
	}   
div.imgleft.capt6,   
div.imgright.capt6 { 
	padding-bottom: 6.5em!important; 
	}   
div.imgleft.capt7,   
div.imgright.capt7 { 
	padding-bottom: 7.5em!important; 
	}   
div.imgleft.capt8,   
div.imgright.capt8 { 
	padding-bottom: 8.5em!important; 
	}   
div.imgleft.capt9,   
div.imgright.capt9 { 
	padding-bottom: 9.5em!important; 
	}   
div.imgleft.capt10,   
div.imgright.capt10 { 
	padding-bottom: 10.5em!important; 
	}   
div.imgleft.capt11,   
div.imgright.capt11 { 
	padding-bottom: 11.5em!important; 
	}   
div.imgleft.capt12,   
div.imgright.capt12 { 
	padding-bottom: 12.5em!important; 
	}   
div.imgleft.capt2top,   
div.imgright.capt2top { 
	padding-top: 2.5em!important; 
	}   
div.imgleft.capt5top p,   
div.imgright.capt5top p{ 
	margin-bottom: 5.5em!important; 
	}   
div.imgleft span.imgcaption { 
	position: absolute;   
	left: 0;   
	right: 0;   
	display: block;   
	font-size: 0.8em;   
	margin: 0;   
	text-align: left;   
	}   
div.imgright span.imgcaption { 
	position: absolute;   
	left: 10px;   
	right: 0;   
	display: block;   
	font-size: 0.8em;   
	margin: 0 1em;   
	text-align: left;   
	}   
span.imgcaptiontop { 
	position: absolute;   
	left: 0;   
	right: 0;   
	display: block;   
	font-size: 0.8em;   
	margin: 0 1em;   
	}   
div.imgcaption { 
	position: absolute;   
	left: 0;   
	right: 0;   
	display: block;   
	font-size: 0.8em;   
	margin: 0 1em 0 0;   
	padding: 0;   
	white-space: normal;   
	text-align: left;   
	}   
div.imgcaption p { 
	margin-left: 0; 
	}   
div.imgcaptiontop { 
	position: absolute;   
	left: 0;   
	right: 0;   
	display: table;   
	font-size: 0.8em;   
	margin: 0 1em;   
	}   
/* generic image, non-floated, non-wrap */   
figure { 
	display: table; 
	margin: 0 0.5em 0.5em 0;   
	}   
figure img.maxwidth { 
	max-width:80%;   
	height: auto;   
	}   
figure img.maxwidth100 { 
	width:100%;   
	max-width:100%;   
	height: auto;   
	}   
figcaption { 
	display: table-caption; 
	caption-side: bottom;   
	margin: 0 0.5em; 
	0.5em 0.5em;   
	font-size: 0.8em; 
	}   
figcaption p { 
	margin: 0; 
	padding: 0; 
	} /* zero out the padding and margin on needless <p> tags */   
figure.flleft { 
	display: table; 
	padding: 0;   
	margin: 0 .5em .5em 0;   
	float: left;   
	}   
figure.flright { 
	display: table; 
	float: right;   
	}   
figure.figcenter { 
	text-align: center;   
	margin: 0 auto; 
	}   
figure.spaceb { 
	margin-bottom: 1em; 
	}   
figcaption.top { 
	display: table-caption; 
	caption-side: top!important;   
	margin: 0 0 2px 5px;   
	}   
figcaption.top p { 
	margin-left: 7px!important;   
	}   
figcaption.capright{ 
	float: right; 
	font-size: 1em; 
	}   
figure.figgroup { 
	display: table; 
	margin-left: 0 
	}   
figure.figgroup div.trow figure { 
	display: table-cell; 
	}   
figure.figgroup div.trow figure figcaption { 
	display: block; 
	width:100%; 
	margin-bottom: 1em; 
	}     
figure p.small { 
	margin-top: 5px; 
	}   
.alignimgtext { 
	display: flex; 
	align-items: top; 
	}   
ul.fixlist { 
	margin-left: 3em; 
	}   
ul.fixlist li, 
ol.fixlist li { 
	margin-left: 17em!important; 
	list-style-position: inside; 
	padding-left: 0; 
	text-indent: -0.9em; 
	}   
ul.fixlist li ul li , 
ol.fixlist li ol li { 
	margin-left: 1em!important; 
	list-style-position: outside; 
	padding-left: 0; 
	}   
div.tablelayout div.tcell figure figcaption p { 
	margin-top: -3px; 
	margin-left: 0; 
	}   
div .captioncenter { 
	position: relative; 
	left: auto; 
	right: auto; 
	margin-right: auto; 
	margin-left: auto; 
	text-align: left; 
	display: block; 
	}    
	/*End image classes*/   
dl.heptopics dt { 
	padding-top: 10px; 
	}    
dl.heptopics dd { 
	font-size: 85%; 
	}    
h2.topicalpha { 
	width:50%; 
	padding-top: 10px; 
	border-bottom: 1px solid #6B6725; 
	}    
p.topicindex { 
	padding-top: 10px; 
	margin-left: 5%; 
	}    
#pagecontents p.topicindex a { 
	text-decoration: none; 
	border-left: 1px solid #6B6725; 
	padding-left: 5px; 
	}    
#pagecontents p.topicindex a:first-child {
	border-left: none; 
	}    
.indextop { 
	float: right; 
	margin: 5px 0; 
	border: none; 
	}    
div#subnavigation div#gdsignup { 
	border: 1px solid #ccc; 
	border-radius: 5px; 
	padding: 2px 5px; 
	margin: 10px 5px 5px 5px; 
	text-align: center; 
	background-image: none; 
	}    
div#subnavigation div#gdsignup img { 
	border: 0; 
	vertical-align: middle; 
	float: left; 
	margin: 7px 8px 30px 3px; 
	}    
div#subnavigation div#gdsignup p { 
	background-image: none; 
	font-size: 75%; 
	font-weight: bold; 
	margin: 0 3px; 
	text-align: left; 
	}    
#related #gdsignup { 
	border: none; 
	}    
#related #gdsignup p { 
	font-size: 90%; 
	}    
.pindent { 
	text-indent: 2em; 
	margin: 6px; 
	padding: 6px; 
	}    
	    
.pindent2 { 
	text-indent: 4em; 
	margin: 5px; 
	padding: 5px;   
	}    
	    
.pindent3 { 
	text-indent: 6em; 
	margin: 5px; 
	padding: 5px;   
	}    
	    
.pindent4 { 
	text-indent: 8em; 
	}    
.datatable td.vam,   
.datatable th.vam { 
	vertical-align: middle; 
	}   
.datatable td.aright,   
.datatable th.aright,   
.datatable td.aright p,   
.datatable th.aright p { 
	text-align: right; 
	}    
#pagecontents table.datatable .tspace { 
	margin-bottom: 5px; 
	padding-bottom: 5px; 
	}    
#col1 { 
	float: left; 
	width:48%; 
	padding-right: 3px; 
	margin-right: 3px; 
	}    
#col2 { 
	float: right; 
	width:48%; 
	}    
div#pagecontents div.relateditem h3 { 
	text-align: left; 
	}    
p.hidemore { 
	display: none; 
	}    
.hideitem { 
	display: none; 
	}    
/* two-column layout */   
.col1 { 
	float: left!important; 
	width:45%; 
	}   
.col2 { 
	float: right!important; 
	width:45%; 
	}    
.col2nf { 
	width:45%; 
	}   
/* three-column layout */   
.tricol_container { 
	overflow: auto;   
	width:100%; 
	}   
.tricol1 { 
	float: left;   
	width:33%; 
	}   
.tricol2 { 
	float: left;   
	width:33%; 
	}   
.tricol3 { 
	float: right;   
	width:33%; 
	}   
/*styles for fixed table headers */    
.fixedheader { 
	overflow: auto; 
	position: relative; 
	left: 15px; 
	width:95%; 
	height: 750px;   
	}    
.fixedheader .wideitem { 
	padding: 0; 
	width:100%; 
	height: auto;   
	}    
#pagecontents table.fixedhead { 
	overflow: hidden; 
	width:98%; 
	border-collapse: collapse;   
	table-layout: fixed;   
	}    
#pagecontents table.fixedhead thead { 
	position: absolute; 
	top: 2px; 
	left: 25px; 
	width:95%; 
	z-index: 2;   
	}    
table.fixedhead tbody { 
	overflow: auto; 
	z-index: 1; 
	border: 1px solid #000; 
	margin: 0;   
	}    
table.fixedhead thead th { 
	border: 1px solid #000; 
	padding: 0; 
	width:10%;   
	}    
table.fixedhead tbody td { 
	border: 1px solid #000; 
	padding: 0; 
	width:10%;   
	}    
/* tablescroll class is created by the jQuery.	Doesn't exist in the markup at all.*/   
.tablescroll_wrapper { 
	background-color: #fff; 
	color: inherit; 
	border-left: 0; 
	border-bottom: 1px solid #666;
}    
.tablescroll_head { 
		margin-bottom: 3px; 
	}    
.tablescroll td { 
	border: 1px solid #999; 
	font-size: 75%;   
	    
	}    
.tablescroll th { 
	border-top: 1px solid #999; 
	border-bottom: 1px solid #999; 
	border-right: 1px solid #999; 
	background-color: #e5e5e5; 
	color: inherit; 
	font-size: 75%; 
	padding: 0; 
	}    
.tablescroll th:first-child { 
	border-left: 1px solid #999; 
	}    
.tablescroll tbody tr.first td { 
		border-top: 0; 
	}    
label { 
	font-size: .9em; 
	}   
fieldset.select legend label { 
	font-size: 1.1em; 
	}   
/*legacy classes from discontinued fhwatopics.css*/    
.small,   
.viewer { 
	font-size: .75em; 
	}    
#contents .viewer,   
#pagecontents .viewer { 
	margin-left: 5px;   
	}   
.bcarrow { 
	font-size: 1.3em; 
	line-height: .8em;
}    
li.none { 
	list-style-type: none;
}    
.nolines { 
	border: none!important; 
	}    
/* li.hang removes bullets from <ul><li> for indenting lists.   
Only use for content that is actually a list and requires numbers or letters in   
parenthesis, such as an Order, to match hard copy;   
use the padding classes if the content is not a list */    
li.hang { 
	list-style-type: none; 
	text-indent: -.9em;
}   
li.hang p.unhang { 
	text-indent: -10px; 
	}   
/* use the minor and major classes to modify the font size of header tags when the default size is not appropriate */    
.minor { 
	font-size: .87em;
}    
.major  { 
	font-size: 1.125em;
} 
.datatable caption.major {
	font-size: 1.05em!important;
	margin-left: 7px;
}
.date { 
	font-size: 1em; 
	font-weight : normal;
}    
/* row turns off the default bold and center for <th>. */    
.row { 
	font-weight : normal; 
	text-align: left;
}    
/* padding classes for indenting text when blockquote is not appropriate{ 
	indents text by increments of 1 em */    
.padding { 
	padding-left: 1em!important;
}    
.padding2 { 
	padding-left: 2em!important;
}    
.padding3 { 
	padding-left: 3em!important;
}    
.padding4 { 
	padding-left: 4em!important;
}    
.nopadall { 
	padding-top: 0; 
	padding-bottom: 0; 
	margin-top: 0; 
	margin-bottom: 0; 
	}    
.nopadbottom { 
	padding-bottom: 0!important; 
	margin-bottom: 0!important; 
	}    
.nopadtop { 
	padding-top: 0!important; 
	margin-top: 0!important; 
	}    
.nopadcaption{ 
	padding-bottom: 0!important; 
	padding-left: 3px; 
	margin-bottom: 0!important; 
	margin-left: 3px; 
	}    
.paddingtop { 
	padding-top: 10px!important; 
	margin-top: 10px!important; 
	}    
.paddingbot { 
	padding-bottom: 10px; 
	margin-bottom: 10px!important; 
	}   
/*Class tspace adds padding to the <table> tag*/    
.tspace { 
	margin: 5px;
}    
.tspace caption { 
	padding-top: 15px;
}    
.line { 
	border-top: 1px solid #000;
}    
.underline { 
	border-bottom: 1px solid #000;
}    
a#fhwacontent { 
	margin: 0; 
	padding: 0; 
	clear: none; 
	}    
.nobr { 
	white-space: nowrap; 
	}    
/*three picture layout */    
.pwrap { 
	width:100%; 
	display: table; 
	}    
.p1 { 
	float: left; 
	width:33%; 
	vertical-align: top; 
	display: table; 
	margin-left: 0; 
	padding: 0; 
	}   
.p2 { 
	float: left; 
	width:33%; 
	margin-right: auto; 
	margin-left: 0; 
	padding: 0;   
	vertical-align: top; 
	}    
.p3 { 
	width:33%; 
	vertical-align: top; 
	display: table; 
	margin-left: 15px; 
	padding: 0; 
	}    
#pagecontents .pwrap .p1 p img { 
	margin-right: auto!important; 
	margin-left: auto!important; 
	}   
.pdflink { 
	font-weight: bold; 
	}    
.statenav { 
	position: fixed; 
	bottom: 0; 
	left: 0; 
	width:100%; 
	padding: 5px 0 10px 0; 
	border-top: 1px solid #ccc;   
	text-align: center;   
	font-size: 85%; 
	line-height: 1.5em; 
	margin-top: 10px; 
	background-color: #fff; 
	color: #000; 
	z-index: 500;   
}    
.statenav a { 
	border-left: 1px solid #ccc; 
	padding: 0 3px;    
}    
.statenav a.first { 
	border: 0; 
	}    
/* Three column layout. Wrap Column 1 in tricol1. Wrap columns 2 and 3 in Tricol23. Then, wrap columns 2 and 3 in their own classes. */    
.tricol1 { 
	width:33%; 
	float: left; 
	}    
.tricol23 { 
	width:67%; 
	float: right; 
	}    
.tricol2 { 
	width:50%; 
	float: left; 
	}    
.tricol3 { 
	width:50%; 
	float: right; 
	}    
.tricol_content { 
	font-size: .88em;   
	word-wrap: break-word; 
	}   
.strong { 
	font-weight: bold; 
	}    
.alignlt { 
	text-align: left; 
	margin-left: 5px; 
	}    
#pagecontents dl dd p { 
	margin-left: 0!important; 
	padding-left: 0!important; 
	font-size: 100%; 
	}   
#pagecontents ul li p { 
	padding-left: 0; 
	margin-left: 0!important; 
	margin-top: 5px; 
	}   
#pagecontents table caption a { 
	text-decoration: none; 
	color: #000; 
	background-color: transparent; 
	}   
#pagecontents table caption a:hover { 
	text-decoration: none; 
	color: #000; 
	background-color: transparent; 
	}   
.captionblue { 
	color: #00f; 
	background-color: transparent; 
	}   
p.captionblue { 
	color: #00f; 
	background-color: transparent; 
	}   
ul li.toppad, 
ol li.toppad, 
ul li p.toppad, 
ol li p.toppad { 
	padding-top: 10px!important; 
	}   
/* web tool styles */   
fieldset.select { 
	width:60%;   
	margin-left: 2em;   
	margin-bottom: 1em; 
	border: 1px solid #ccc;   
	}   
fieldset.nb { 
	border: none; 
	}   
fieldset.select2 { 
	float: left;   
	width:35%;   
	margin-left: 2em;   
	margin-bottom: 1em; 
	border: 1px solid #ccc;   
	}   
fieldset.narrow { 
	width:45%;   
	}    
fieldset.select div.mselect { 
	max-height: 14em;   
	overflow: auto;   
	margin: 0.2em 0 0 0; 
	padding: 0 .5em 0 .3em; 
	}   
fieldset.select2 div.mselect { 
	max-height: 8em;   
	overflow: auto;   
	margin: 0.2em 0 0 0; 
	padding: 0 .5em 0 .3em;   
	}   
fieldset.select legend, 
fieldset legend { 
	font-weight: bold; 
	font-size: 0.9em; 
	margin-bottom: 0.1em;   
	}    
fieldset label, 
fieldset.select label { 
	display: block; 
	font-size: 0.8em; 
	}    
label.em { 
	font-style: italic; 
	font-weight: bold; 
	}    
fieldset.select div.mselect input.bump { 
	margin-bottom: 0.7em; 
	}    
p.subselect { 
	width:25%;   
	margin-left: 2em;   
	}   
p.subselect2 label { 
	margin-left: 1em;   
	float: left;   
	width:10%;   
	max-width:15%;   
	white-space: nowrap;   
	font-weight: bold;   
	}   
p.subselect3 { 
	margin-left: 2.3em;   
	padding-top: 0;   
	font-weight: bold;   
	font-size: .85em;   
	}   
p.subselect3 input { 
	margin-left: 5%; 
	}   
p.subselect3 label { 
	font-weight: normal; 
	}   
div.officelabel { 
	font-weight: bold; 
	font-size: 90%; 
	padding-top: 1em; 
	}   
table.datatable caption.large { 
	font-size: 110%; 
	margin-top: 1em 
	}   
dl.results { 
	padding: 0.5em;   
	}    
dl.results dt:first-child { 
	margin: 0;   
	padding: 0;   
	}    
dl.results dt { 
	margin: 0;   
	padding: 2em 0 0 0;   
	}    
dl.results dd { 
	font-size: 0.9em; 
	}   
span.hilitefeat { 
	background: none repeat scroll 0 0 #CEF6CE;   
	border: thin groove;   
	color: #000;   
	font-family: Arial,Helvetica, sans-serif;   
	font-size: 80%;   
	font-style: normal;   
	font-weight: bold;   
	padding: 1px 2px;   
	white-space: nowrap;   
	}   
.hilite_nby { 
	color: #000000; 
	background: #FFFF00; 
	padding: 1px 2px;
}   
.hilite_nbb { 
	color: #000000; 
	background: #4de1f9; 
	padding: 1px 2px;
}   
p.results, p.pdfsave { 
	width:45%;
}    
p.pdfsave { 
	float: right; 
	text-align: right;
}    
input.pdflink { 
	border: none;   
	text-decoration: underline; 
	font-family: Verdana, Geneva, sans-serif; 
	float: right; 
	margin-bottom: 3px; 
	cursor: pointer; 
	background: transparent url('/livability/tools/placefit/images/pdf-icon-small.png') no-repeat; 
	width:57px; 
	height: 22px; 
	}   
#pagecontents ul.leftside { 
	overflow: hidden;   
	}   
div#rdwarn { 
	font-size: 1em;   
	color: #B40404;   
	background-color: white;   
	border: 2px solid red;   
	text-align: center;   
	height: 48px;   
	padding-top: 20px;   
	margin: 0 auto;   
	width:95%;   
	max-width:1280px; 
	}   
div#rdwarn p a { 
	color: #B40404;   
	background-color: white;   
	text-decoration: underline; 
	}   
div#rdwarn p { 
	margin: 0;   
	padding: 0;   
	text-align: center; 
	}   
.d_block { 
	display: block; 
	}   
a[href$='.pdf'], a.pdf { 
	padding-right: 18px;   
	background: transparent url('/hep/images/icon_pdf.gif') no-repeat center right; 
	}   
a[href$='.pptx'] { 
	padding-right: 18px;   
	background: transparent url('/hep/images/icon_ppt.png') no-repeat center right; 
	}
a[href$='.xls'], a[href$='.xlsx'],  a[href$='.xlsm'], a.xls { 
	padding-right: 18px;   
	background: transparent url('/hep/images/icon_xls.png') no-repeat center right; 
	}
a[href^='https://www.youtube.com'], 
a[href^='http://www.youtube.com'], 
a[href^='https://youtu.be'], 
a[href^='http://youtu.be'] {
	padding-right: 18px;
	background: transparent url('/hep/images/icon_yt.png') no-repeat center right;   
	overflow: visible; 
}
a.yt { 
	padding-right: 2em;   
	background: transparent url('/hep/images/yt_icon_link.png') no-repeat center right;   
	overflow: visible; 
	}   
a.noicon { 
	 background: none;   
	 padding-right: 0; 
	}   
/* CSS Table Layout */   
.max95 { 
	max-width:95%; 
	}   
.tablelayout { 
	display: table; 
	margin: 0; 
	padding: 0;   
	border-spacing: 0;   
	border-collapse: collapse;   
	}   
.tablelayout2 { 
	display: table; 
	margin: 0; 
	padding: 0;   
	border-spacing: 0.5em;   
	}   
.tablelayout3 { 
	display: table; 
	margin: 0; 
	padding: 0;   
	border-spacing: 1em;   
	}   
.tcell { 
	display: table-cell;   
	padding: 0 5px 0 0;   
	margin: 0;   
	vertical-align: top;   
	}
.vtop { vertical-align: top; }
.vmid { vertical-align: middle; }
.vbot { vertical-align: bottom; }
.bspace1 { 
	border-spacing: 1em; 
	}   
.bspace2 { 
	border-spacing: 2em; 
	}   
.tablelayout .tcell p { 
	padding: 3px 1px!important; 
	}   
.tcell ul li { 
	padding-top: 0!important; 
	padding-bottom: 0!important; 
	margin-top: 0!important; 
	padding-bottom: -5px!important; 
	}   
.tcell ul li, .tablelayout .tcell ol li { 
	padding: 5px 1px!important; 
	}   
.trow { 
	display: table-row; 
	}   
.tcol { 
	display: table-column; 
	}     
.borderbox { 
	border: 1px solid #000; 
	}   
.oh { 
	overflow: hidden!important; 
	}   
.oa { 
	overflow: auto!important; 
	}   
.hide508 { 
	position: absolute;   
	top: auto;   
	left: -1000em;   
	overflow: hidden;   
	}   
#hepp a:hover, 
#hepe a:hover, 
#hepr a:hover { 
	opacity: 0.7; 
	}   
.h2under { 
	border-bottom: 1px #666 solid; 
	}   
caption { 
	min-width:300px; 
	}   
.listpad { 
	padding-top: 10px; 
	}   
/* top content navigation */   
div#pagecontents ul#topnav { 
	margin: 3em!important auto;   
	padding: 1em!important 2em 2em!important 0;   
	display: block;   
	list-style-type: none;   
	text-align: center;   
	width:100%;   
	height: 2.1em;   
	color: #fff;   
	background-color: #C5CDD7; 
	}   
div#pagecontents ul#topnav li { 
	display: inline;  
}   
div#pagecontents ul#topnav { 
	padding-top: 10px; 
	}   
div#pagecontents ul#topnav li a{ 
	text-decoration: none;   
	border: 1px solid #17385E;   
	padding: 0 .5em 0.3em 0.5em;   
	color: #17385E;   
	background-color: #fff;   
	position: relative; 
	}   
div#pagecontents ul#topnav li a:hover { 
	color: #000; 
	background-color: #D6E8D2; 
	}   
/*Fixed table header code*/   
div.table_section { 
	 position: relative;   
	 border: 1px solid #000;   
	 padding-top: 37px;   
	 background: #A6A3AF; 
	}   
div.positioned { 
	 position: absolute;   
	 top: 100px;   
	 left: 100px;   
	 width:800px;   
	 box-shadow: 0 0 15px #333; 
	}   
.table_scroll_container { 
	 overflow-y: auto;   
	 height: 400px; 
	}   
table.fixedhead { 
	 border-spacing: 0;   
	 width:100%; 
	}   
table.fixedhead td + td { 
	 border-left: 1px solid #eee; 
	}   
table.fixedhead td, table.fixedhead th { 
	 border-bottom: 1px solid #eee;   
	 background: #fff;   
	 color: #000;   
	 padding: 10px 25px; 
	}   
table.fixedhead th { 
	 height: 0!important;   
	 line-height: 0!important;   
	 padding-top: 0!important;   
	 padding-bottom: 0!important;   
	 color: inherit;   
	 background-color: transparent;   
	 border: none;   
	 white-space: nowrap;
}   
table.fixedhead th div{ 
	 position: absolute;   
	 background: transparent;   
	 color: #fff;   
	 padding: 5px 5px 20px 25px;   
	 top: 0;   
	 margin-left: -25px;   
	 line-height: normal;   
	 border-left: 1px solid #000;   
	 font-size: 80%!important; 
	}   
table.fixedhead th:first-child div { 
	 border: none; 
	}   
table.fixedhead th { 
	color: #000; 
	background-color: #FFFCEB; 
	border: 1px solid #000; 
	vertical-align: top; 
	padding: 10px; 
	}   
@media all and (max-width:1200px) {
.table1200 {
	.tcell display:block; 
	.tablelayout display: block; 
	.trow display:block; 
	.tcol display: block;
	}
}   
@media all and (max-width:1200px) {  
div.table1200 div.tablelayout { 
	display: block!important; 
	}   
}   
@media all and (max-width:1200px) {  
div.table1200 div.tcell { 
	display: block!important; 
	}   
}   
@media all and (max-width:1200px) { 	  
div.table1200 div.trow { 
	display: block!important; 
	}   
}   
@media all and (max-width:1200px) { 
div.table1200 div.tcol { 
	display: block!important; 
	}
}
@media all and (max-width:1024px) {
.table1024 {  
	.tcell display: block;   
 	.tablelayout display: block;   
 	.trow display: block;
	.tcol display: block; 
	}   
}   
@media all and (max-width:1024px) { 
div.table1024 div.tablelayout { 
	display: block!important; 
	}   
}   
@media all and (max-width:1024px) { 	  
div.table1024 div.tcell { 
	display: block!important; 
	}   
}   
@media all and (max-width:1024px) { 	  
div.table1024 div.trow { 
	display: block!important; 
	}   
}   
@media all and (max-width:1024px) {   
div.table1024 div.tcol { 
	display: block!important; 
	}   
}   
@media screen a:tel { 
	text-decoration: none; 
	}   
/* svg fix for IE8 */   
div.svgbox { 
	padding: 0;   
	position: relative; 
	}   
div.svgbox img.svg { 
	position: absolute;   
	top: 0;   
	left: 0;   
	z-index: 2; 
	}   
/*div.svgbox img.png { 
	max-width:1024px; 
	}*/   
/* Expand/collapse styles */   
h2.pgcollapse,   
h3.pgcollapse,   
h2.pgexpand,   
h3.pgexpand,   
p.expandall,   
p.collapsall { 
	cursor: pointer; 
	}   
h2.pgcollapse a,   
h3.pgcollapse a,   
h2.pgexpand a,   
h3.pgexpand a,   
p.expandall a,   
p.collapsall a { 
	text-decoration: none!important; 
	}   
h2.pgcollapse { 
	padding-left: 0.4em; 
	}   
h2.pgexpand:before,   
h3.pgexpand:before,   
h3.pgsub:before { 
	content: "+ "; 
	}   
h2.pgcollapse:before,   
h3.pgcollapse:before,   
h3.subcollapse:before { 
	content: "- "; 
	}   
div.pgcontain h3 { 
	padding: .5em 1.5em; 
	}   
div#pgcontainer p { 
	margin-left: 2em; 
	}   
p.expandall, p.collapsall { 
	font-size: 110%;   
	font-weight: bold;   
	color: #0C4B4B;   
	background-color: transparent; 
	}   
h2.pgcollapse,   
h3.pgcollapse,   
h2.pgexpand,   
h3.pgexpand,   
h3.pgsub,   
h3.subcollapse,   
p.expandall,   
p.collapsall { 
	cursor: pointer; 
	}   
div.pgsection { 
	border: 1px solid #999;   
	border-radius: 0.5em;   
	margin-bottom: 0.5em;   
	padding-top: 0.3em; 
	}   
div.pgsection:hover { 
	background-color: #FFFFE0;   
	border-color: #0C4B66;   
	transition: 0.5s ease; 
	}   
div.pgsection:hover table.datatable td { 
	background-color: #fff; 
	} /* keeps table cells from changing color inside expand/collapse */   
div#pgcontainer div.pgsection h2,   
div#pgcontainer div.pgsection h3.pgexpand,   
div#pgcontainer div.pgsection h3.pgcollapse,   
div#pgcontainer h3.pgsub,   
div#pgcontainer h3.subcollapse,   
div#pgcontainer div.pgsection div.pgcontain h3 { 
	font-weight: bold;   
	margin-bottom: 0; 
	}   
div#pgcontainer div.pgsection div.pgcontain h4 { 
	padding: .5em 2em; 
	}   
div#pgcontainer div.pgsection h2.pgcollapse { 
	padding-left: 0.3em; 
	}   
div#pgcontainer div.pgsection h3.subcollapse { 
	margin-left: 0.7em; 
	}   
div#pgcontainer ul { 
	margin-bottom: 1.5em }   
/* end of Expand/collapse */   
/* HEP search form */   
div#header div#hepsearchbox { 
	position: absolute;   
	top: 5px;   
	right: 5px; 
	}   
div#header form#searchform { 
	position: relative;   
	font-size: 1em;   
	font-weight: normal;   
	text-align: right; 
	}   
div#header form#searchform label { 
	position: absolute;   
	top: 0;   
	right: 330px;   
	z-index: 50;   
	height: 18px;   
	background-color: #fff;   
	color: #444;   
	padding: 3px 6px 0 6px; 
	opacity: 0.9;   
	border-right: 1px solid #444;   
	visibility: hidden; 
	}   
div#header form#searchform input[type="text"] { 
	position: absolute;   
	top: 0;   
	right: 23px;   
	border: 1px solid #ccc;   
	border-radius: 4px;   
	margin-left: 2px;   
	padding-left: 4px;   
	height: 18px;   
	width:300px;   
	opacity: 0.8; 
	}   
input#mag { 
	positon: absolute;   
	top: 0;   
	right: 0;   
	background: url('/hep/images/mag_glass.png');   
	background-repeat: no-repeat;   
	background-color: #fff;   
	width:23px;   
	height: 22px;   
	border: 1px solid #ccc;   
	border-left: 1px solid #fff;   
	border-radius: 4px;   
	opacity: 0.8; 
	}   
div#header form#searchform a { 
	font-size: 0.7em;   
	background-image: none;   
	color: #fff; 
	}   
div#searchbg { 
	background-color: inherit;   
	color: #fff;   
	opacity: 0.9;   
	display: block; 
	}   
/*figure img { 
	display: block; 
	}   
summary { 
	border-bottom: 1px dotted #999; 
	margin-bottom: 5px; 
	padding-bottom: 5px; 
	}   
*/   
.txtright { 
	text-align: right!important; 
	}   
.w100 { 
	width:100%!important; 
	}   
.w75 { 
	width:75%!important; 
	}   
.w70 { 
	width:70%!important; 
	}   
.w65 { 
	width:65%!important; 
	}   
.w55 { 
	width:55%!important; 
	}   
.w50 { 
	width:50%!important; 
	}   
.w45 { 
	width:45%!important; 
	}   
.w35 { 
	width:35%!important; 
	}   
.w25 { 
	width:25%!important; 
	}   
.w20 { 
	width:20%!important; 
	}   
.w15 { 
	width:15%!important; 
	}   
.w10 { 
	width:10%!important; 
	}   
.margin10 { 
	margin: 10px;
	}   
div.pad10 {
    padding: 10px; 
	}   
.center {  
	margin: 0 auto!important; 
	}   
.border0 { 
	border: 0!important;      
	}   
.top05em { 
	margin-top: 0.5em!important; 
	}   
.top1em { 
	margin-top: 1em!important; 
	}   
.top12em { 
	margin-top: 1.2em!important; 
	}   
.top15em { 
	margin-top: 1.5em!important; 
	}   
.top2em { 
	margin-top: 2em!important; 
	}   
.top3em { 
	margin-top: 3em!important; 
	}   
.top4em { 
	margin-top: 4em!important; 
	}   
.right05em { 
	margin-right: 0.5em!important; 
	}   
.right1em { 
	margin-right: 1em!important; 
	}   
.right2em { 
	margin-right: 2em!important; 
	}   
.right3em { 
	margin-right: 3em!important; 
	}   
.right4em { 
	margin-right: 4em!important; 
	}   
.bottom05em { 
	margin-bottom: 0.5em!important; 
	}   
.bottom1em { 
	margin-bottom: 1em!important; 
	}   
.bottom2em { 
	margin-bottom: 2em!important; 
	}   
.bottom3em { 
	margin-bottom: 3em!important; 
	}   
.bottom4em { 
	margin-bottom: 4em!important; 
	}   
.left05em { 
	margin-left: 0.5em!important; 
	}   
.left1em { 
	margin-left: 1em!important; 
	}   
.left2em { 
	margin-left: 2em!important; 
	}   
.left3em { 
	margin-left: 3em!important; 
	}   
.left4em { 
	margin-left: 4em!important; 
	}
.boxflushleft { margin-left: 0.4em; } /* for callout boxes */
div#wrapper p.code { 
	font-family: "Courier New", Courier, monospace!important; 
	margin-left: 2em;   
	}   
input.submitgreen {  
	color: #015362;   
	background-color: #fff;   
	border: 2px solid #015362; 
	border-radius: 3px;   
	padding: 5px 8px;   
	font-weight: bold; 
	}   
input.submitgreen:hover { 
	color: #fff;   
	background-color: #015362; 
	}   
img.noalt { 
	border: 3px solid red!important; 
	}


/* Tags */
span.tag {
	font-size: 0.65em;
	font-style: italic;
	font-weight: normal;
	padding: 1px 6px 2px 4px;
	margin: auto 15px auto 0;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	color: #fff;
	position: relative;
}
span.tag:first-child { margin-left: 1em }
span.tag:before {
    content:"";
    position: absolute;
    right: 100%;
    top: 0px;
    width: 0px;
    height: 0px;
    border-top: 7px solid transparent;
    border-bottom: 8px solid transparent;
}
span.nevi { background: #5a5934; }
span.nevi:before { border-right: 11px solid #5a5934; }
span.cfi { background: #326598; }
span.cfi:before { border-right: 11px solid #326598; }
span.afc { background: #800000; }
span.afc:before { border-right: 11px solid #800000;	}