a, #breadcrumb, #breadcrumb a, #breadcrumb a:visited { color: #00f; }
a:visited { color: #609; background-color: transparent; }
h1, h2, h3, h4, h5, h6 {
    margin: 5px 0;
    padding: 5px 0;
    color: #333; 
    background-color: transparent;
	}
	
body#hepcontent h1 {color: #282828; background-color: transparent; }
body#hepcontent h2 {color: #006; background-color: transparent; }
div#afccallout { 
	/*text-align: center; */ 
	margin-bottom: 1.5em;
	}
div#afccallout h2 {
	font-size: 1.1rem;
	font-weight: bold;
	margin: 0.3em 0 0 0.6em;
}
div#afccallout p {
	margin-left: 0.8em;
}
body#hepcontent h3 a, body#hepcontent h3 a:hover, body#hepcontent h4 a, body#hepcontent h4 a:hover  {color: #333; background-color: transparent;}
#header, #wrapper, #contacts,  .relateditem, .relateditem p.relatedtitle { border-color: #333; }
#wrapper { background-image: url(/environment/alternative_fuel_corridors/images/subnavbg.png); }
#header { 
	border-bottom: 1px solid #000; 
	overflow:hidden; 
	/* background: #DBF0FD url('/environment/alternative_fuel_corridors/images/bannerbg.png') no-repeat center right; */
	}
#header #pageheading { margin: 0; color: #000; background-color: transparent; }
#header #pageheading img { color: #fff; background-color: transparent; }
#navigation { background: #999 url(/images/hep/bg_nav.png) repeat-x center; } 
 
#navigation a:hover, #navigation a.current { background: #333 url(/images/hep/bg_nav.png) repeat-x center; color: #fff; }

#contacts, #related .relateditem {
	color: #000;
    background-color: #fff;
    padding: 0;
	}
#contacts p.contacttitle, .relateditem p.relatedtitle { 
	border-bottom: 1px solid #333;
	color: #333;
    background-color: transparent;
    margin: 0;
	}
#pageconents .docnav ul li a, .docnav ul li a.index { 
	border-color: #00f; 
    text-decoration: none!important; 
    text-align: center; 
	}
#pageconents .docnav ul li a.current, .docnav ul li a:hover { 
	background-color: #00f; 
    color: #fff;  
    text-decoration: none!important; 
	}
/*html body#hepcontent.alternative_fuel_corridors div#header div#navigation  {display: none;}
html body#hepcontent.designated div#header div#navigation ul {margin-left: 18%; border-left: 1px solid #fff;}
html body#hepcontent.pending div#header div#navigation ul {margin-left: 18%; border-left: 1px solid #fff;}
html body#hepcontent.webinars div#header div#navigation  {display: none;}
html body#hepcontent.resources div#header div#navigation  {display: none;}*/

ul#altfuelnav {
	list-style-type: none;
	white-space: nowrap;
	width: 90%;
	margin-left: 0;
	padding-left: 0;
}
ul#altfuelnav li {
	display: inline;
	margin: 0 0.1em;
	padding: 0;	
	list-style-type: none;
}
ul#altfuelnav li a {
	margin: 0;
	padding: 0.2em 0.5em;
	border: 1px solid #999;
	text-decoration: none;
	color: #0F2E0A;
	background-color: #DBF0FD;
}
ul#altfuelnav li a:hover
, body#hepcontent.evus ul#altfuelnav li a.evus
, body#hepcontent.evmaui ul#altfuelnav li a.evmaui
, body#hepcontent.evoahu ul#altfuelnav li a.evoahu
, body#hepcontent.hydrogen ul#altfuelnav li a.hydrogen
, body#hepcontent.propane ul#altfuelnav li a.propane
, body#hepcontent.cng ul#altfuelnav li a.cng
, body#hepcontent.lng ul#altfuelnav li a.lng {
	color: #fff;
	background-color: #0F2E0A;
}
div#subnavigation ul li.altfuelemph {font-weight: bolder!important; font-size: 120%;}
div.altfuelmap {
	border: 1px solid #999;
	}
.altfuelmap {
	position: relative; 
	padding-bottom: 80%; 
	height: 0; 
	max-width: 100%;
	}
.altfuelmap iframe
, .altfuelmap object
, .altfuelmap iframe {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
	border: 0;
	}
table.hide508 {
	display: none;
}
span.afcmaplink {
	position: absolute; 
	z-index: 40; 
	bottom: 0; 
	margin-bottom: -15px;
	}
.loading { 
	position: absolute;
	top: 20%;
	left: 40%;
	font-size: 150%;
	color: #999;
}
p.maptip {
	margin-bottom: 0;
	padding-bottom: 0;
}
/*Fixed table header*/
table tbody, table thead
{
    display: block;
	float: left;
}
table thead {
    padding-right:18px;   /* 18px is approx. value of width of scroll bar */
    width: calc(100% - 18px);
}
td.pc14, th.pc14 {width: 16%;}
.pc98 {width: 98%}

table tbody.overflo 
{
   width: 100%;
   overflow: auto;
   height: 600px;

}
table tbody.overflo td {width: 14!important;%}

aside.spotlight { display: table; }
figure.spotlight { 
 display: table-cell;
 vertical-align: bottom;
 }

h2.huline {border-bottom: 1px solid #515E4B; overflow: hidden;}
section.slide {
	border: 1px solid #ccc;
	box-shadow: 0.2em 0.2em 1em #ddd;
	margin: 1em 0;
	padding: 0 1em;
	border-radius: 0.3em;
	overflow: hidden;
	background-color: #e5f3fc;
	min-height: 200px
}
section.slide img.fit {
	width: 100%;
    max-width: 800px;
	height: auto;
    border: 0; 
}
div.slidenumber {
	float: right; 
	width: 2em; 
	height: 2.1em; 
	background-color: #B8D6EC; 
	box-shadow: 3px 3px #3A90CA; 
	text-align: center; 
	font-size: 1.2em; 
	padding-top: 0.7em;
}