html { overflow-y: scroll; }
body { font: 75%/1.4em Verdana, Geneva, sans-serif; margin: 0; padding: 0; background: url(media/bg-pics/greymetalbevel-whitebg.jpg) repeat-y fixed center top; margin:0; }
h2, h3, h4 { margin: 0; }
.noline .a { text-decoration:none; }
h2 a:after { content:"\0BB"; }
h1 { color: #900; text-decoration: none; border-bottom:2px solid #009; font-size: 120%; font-style: italic; font-weight: bold; margin-bottom: 5px; }
h1 a{font-style:italic;}
h2 { font-size:115%; line-height: normal; color: #900; margin-top: 2px; margin-bottom: 2px; }
h3 { font-size: 101%; }
#container { position: absolute; left: 50%; margin:0 0 10px -35.5em; width: 71em; min-width: 700px; max-width: 950px; top: -9px; height: 100%; }
#jumplinks { position: absolute; top: -9999px; z-index: 4; }
/*this is the masthead area*/
#masthead { background: url(media/bg-pics/webbanner.jpg) no-repeat left bottom; width:70em; min-width: 600px; max-width: 950px; height: 10em; margin: 0px; padding: 10px 0px 5px; }
.header { text-align: right; display: block; padding: 5px; font-size: 90%; width: 300px; float: right; margin: 2px; vertical-align: bottom; height: 10em; }
.clr { clear:both; font-size: 50%; }
/*this is the middle area */#middle {
	padding-top:10px;
	padding-bottom: 100px;
	padding-left: 10px;
}
a { color: #900; }
#rightcol {
	width: auto;
	max-width: 650px;
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: auto;
	padding-left: 10px;
} /*margin added to keep content on right from flowing under nav area on left.*/
#leftcol {
	float: left;
	width: 170px;
	text-align: right;
	font-size:90%;
	margin-top: 0;
	margin-right: 10;
	margin-bottom: 0;
	margin-left: 0;
}
#leftcol a {color: #FFF; text-decoration: none; font-weight: bold;}
#leftcol ul {list-style:none; margin: 0; padding: 0;}
#leftcol li{display: block; color: #FFFFFF; border-top: 1px solid #CCC; border-left: 1px solid #F00; border-right: 1px solid #F00; white-space:normal;}
#leftcol li a{background-color: #0903FF; border-left: 10px solid #FFF; border-right: 10px solid #FFF; line-height: 170%; display: block; padding: 3px;}
#leftcol a:hover{background-color: #FFF; color: #0903FF; border-right: 10px solid #253B97; border-left: 10px solid #F00;}
.clr { clear: both; }
/*this is the footer section */
#footer { font-size: 90%; margin: 10px 0px 0px; display: block; clear: both; position: relative; bottom: 10px; top: auto; padding-top: 50px; padding-left: 20px; }
#printing { display: none; }
.source { display: none; }
.pictures { float: right; margin: 2px; padding: 0px; border: 1px solid #666; }
img { border:0; }
li .smallnum { list-style: lower-alpha; }
#suppliermiddle {padding: 10px;}
.homelink { float: right;  display: block; width: 10em; text-align: center; line-height: 150%; background: #CCC; border: 1px groove #666;}
.portal-link { display: block; width: 16em; line-height: 150%; text-align: center; background: #CCC; border: 1px groove #666;}
#navtable { text-align: left; font-size:90%; margin: 0; line-height: 200%; font-weight: bold; padding: 0px;  }
#navtable a {   padding-left: 4px; text-decoration: none; border-left: 10px solid blue; display:block;}
#navtable ul { list-style:none; margin: 0; padding: 0; border-bottom: 1px dotted #999; background-color:#FFF;}
#navtable li { display: block; border-top: 1px dotted #999; padding: 2px;}
#navtable li a { color: blue; background-color:#FFF; border-left: 10px solid #FFF;  }
#navtable li a:hover {color: #0903FF; border-left: 10px solid #F00; background-color:#FFF;}

#navtable2 { text-align: left; font-size:90%; margin: 0; line-height: 200%; font-weight: bold; padding: 0px;  }
#navtable2 a {   padding-left: 3px; text-decoration: none; border-left: 10px solid blue; display:block;}
#navtable2 ul { list-style:none; margin: 0; padding: 0; border-bottom: 1px dotted #999;}
#navtable2 li { display: block; border-top: 1px dotted #999; padding: 2px;}
#navtable2 li a{ color: blue; border-left: 10px solid #FFF;  }
#navtable2 li a:hover {color: #0903FF; border-left: 10px solid #F00;}
#bluedivider { background-image:url(media/bg-pics/fadebar.jpg); }
.bulletlist { line-height: 1.2em; }
.linedtable { border: 1px solid #999; }
.biofuelfade { background: url(media/bg-pics/biodieselfade.jpg) repeat-y; padding-left: 15px;}
.FuelProcessorfade { background: url(media/bg-pics/bluefade.jpg) repeat-y; padding-left: 20px;}
.centerbold { font-size: 110%; text-align: center; font-weight: bold; }
.subheads { font-style: normal; font-weight: bold; }
.pictures { float: right; border: 1px solid #666; margin: 2px; padding: 0px; }
.seaprofade { background: url(media/bg-pics/seaprofade.jpg) repeat-y; padding-left: 15px;}
.indprogradient {background: url(media/bg-pics/greyfade.jpg) repeat-y; padding: 0px 0px 0px 15px; }
.renfade { background: url(media/bg-pics/REN-fade.jpg) repeat-y; padding-left: 15px;}
.pictures_leftalign { float: none; border: 1px solid #666666; margin: 2px; padding: 0px; }
.buttonstyle { font-weight: bold; color: #000; background-color: #CCC; border: thin double #333; }
#sidenav { text-align: right; font-size:90%; margin: 15px 15px 15px 0px; padding: 0px; width: 15em; list-style: inside; float: left; }
#sidenav a {text-decoration: none; padding-left: 3px; }
#sidenav ul { list-style:none; text-decoration:none; margin: 0; padding: 0;font-weight: normal; }
#sidenav li { border: 1px dotted #999; padding: 2px; list-style: none inside; margin-left:0;}
#sidenav li a:hover { color: #0903FF; margin-left:0; }
.infotable { border-collapse:collapse; margin: 0px; }
.infotable td{ border: 1px solid #666; padding: 2px; font-size:95%;}
.infotable th {text-align: left; padding:2px; border: 1px solid #666; }
.infotable a {text-decoration:none; font-weight:normal;}
.fadebar{ clear:both; background: url(media/bg-pics/fadebar.jpg) no-repeat; height: 5px; }
.hilight { background-color:#FFFF80; }
.clr { clear: both; }