/*---------------------------------------------------------------------
Use Corn: Base Styles
Author:  Mario S. Cisneros
Version 1: 29 November 2006
Email: mario@webnet-ts.com
----------------------------------------------------------------------*/
html
{height: 100%;
  font-size: 100.01%;
  margin-bottom: 1px;}

/*margins set to 0 in order to eliminate default margins in IE, Firefox, Mozilla and Netscape*/
/*padding set to "0" in order to eliminate default padding in Opera*/
/*text-align: center set to center the page in Internet Explorer 5.0 & 5.5*/

body
{margin: 0;
  padding: 0;
  text-align: center;
	font: 1em arial, verdana, sans-serif;
  color: #000;
  background: #E4EFC7 url("/img/backgrounds/body.jpg") repeat-x left top;}

#gaspump
{position: absolute;
  top: 58%;
  left: 5px;
  width: 101px;}

#container
{width: 770px;
  margin: 0 auto;
  padding: 0; border-left: 1px solid #005266; border-right: 1px solid #005266;
  background-color: #FFF;}

#wrapper
{width: 772px;
  margin: 0 auto;
  background-color: #005266;}
  
#shopping
{width: 740px;
  height: 220px;
  margin: 0 auto;
  padding: 0;
  background-color: #FFF;}  

#browseralert
{display: none;
  text-indent: -1000px;}


/*MASTHEAD  transparent url("/img/backgrounds/wrapper.jpg") repeat-y center top;
---------------------------------------------------------------------------------------------------------------------------*/
div #header
{position: relative;
	width: 770px;
	height: 100px;
  background: #E1E490 url("/img/backgrounds/header.jpg") no-repeat;}

div #logo
{position: absolute;
  width: 280px;
  height: 100px;
  top: 0;
  left: 25px;
  margin: 0;
  padding: 0;}

div #logo span
{color: #286ea0;}

div #tagline
{position: absolute;
  width: 240px;
  top: 65%;
  left: 54px;
  color: #01209F;
  letter-spacing: 1px;
	font: bold 0.7em "trebuchet ms", arial, sans-serif;
  font-variant: small-caps;
  margin: 0;
  padding: 0;
  display: none;}


/*HEADINGS
---------------------------------------------------------------------------------------------------------------------------*/
#home #leftcolumn h1
{font: normal 1.3em georgia, trebuchet, arial, sans-serif;
  text-transform: capitalize;
  text-align: left;
  color: #FFF;
	margin: 0;
  padding: 5px 0 9px 10px;
  border-bottom: none;
  background: url("/img/backgrounds/ethanol8.gif") repeat-x left top;}

#home #leftcolumn h2
{font: bold 1.1em trebuchet, arial, sans-serif;
  font-variant: small-caps;
  text-align: left;
  color: #005266;
	margin: 10px 0 5px;
  padding-top: 5px;
  border-bottom: 1px solid #005266;
  background: none;}

#home #centercolumn h1
{font: normal 1.3em georgia, trebuchet, arial, sans-serif;
  color: #B3391B;/*#DB5C24*/
	margin: 10px 0;
  padding: 5px 0 0 5px;
	border-bottom: none;
  background: none;}

#home #centercolumn h2
{font: normal 1em trebuchet, arial, sans-serif;
  color: #000;
	margin: 5px 0;
  padding: 5px 0 0 5px;
	border-bottom: none;
  border-left: none;
  background: none;}

#home #centercolumn h3
{font: normal 1em trebuchet, arial, sans-serif;
  color: #000;
	margin: 5px 0;
  padding: 5px 0 0 5px;
	border-bottom: none;
  background: none;}

#home #centercolumn h2 span
{font-size: 0.8em;
  font-weight: bold;
  color: #999;
  text-decoration: none;
  margin-left: 5px;}

#home #rightcolumn h1
{font: normal 1.3em georgia, trebuchet, arial, sans-serif;
  text-transform: capitalize;
  color: #FFF;
  margin: 0 0 5px 0;
	padding: 5px 0 5px 10px;
  background-color: #327A8C;}

#home #rightcolumn h2
{font: normal 1.2em georgia, arial, serif;
  text-transform: capitalize;
  letter-spacing: 1px;
  color: #005266; 
  margin: 0;
  padding: 5px 5px 9px 10px;
  border-left: none;
  background: url("/img/backgrounds/sponsors-H2.gif") repeat-x left top;}

h1
{font: normal 1.5em georgia, trebuchet, arial, sans-serif;
  color: #005266;
	margin: 0 0 20px 0;
  padding: 20px 0 0 0;
	border-bottom: 1px solid #005266;
  background: none;}

h2
{font: normal 1.2em georgia, "trebuchet ms", arial, sans-serif;
  color: #990000;
  margin: 25px 0 15px 0;
  padding: 0 0 0 5px;
  border-left: 1px solid #990000;}

h3
{font: normal 1.2em georgia, "trebuchet ms", arial, sans-serif;
  color: #031866;
	margin: 15px 0 0 0;
	padding: 5px 0 0 5px;}


/*LEFT COLUMN STRUCTURE
---------------------------------------------------------------------------------------------------------------------------*/
#leftcolumn
{float: left;
 width: 205px;
 display: inline;
 font: normal 0.8em/1.5 arial, verdana, sans-serif;
 color: #000;}

#leftcolumn table
{margin: 10px 0 0 0;}

/*login
---------------------------------------------------------------------------------------------------------------------------*/
#leftcolumn form
 {width: 185px; 
   height: 220px;
   margin: 0;
   padding: 15px 0 0 0;
   border-bottom: 2px solid #B3391B;
   background: url("/img/backgrounds/login.jpg") repeat-x left top;}

#leftcolumn form dl
 {margin: 0 0 10px 0;
   padding: 0;}

#leftcolumn form dt
 {font: normal 1.3em georgia, trebuchet, arial, sans-serif;
   text-align: left;
   color: #B3391B; /*#005266*/
   margin: 0;
   padding: 0 0 0 18px;}

#leftcolumn form dd
 {text-align: left;
   font-style: italic;
   margin: 0;
   padding: 5px 0 0 18px;}

#leftcolumn form p
 {clear: left;
   margin: 0;
   padding: 5px 5px;}

#leftcolumn p label
 {float: left;
   width: 35%;
   text-align: right;
   font-weight: bold;
   font-size: 0.9em;
   color: #005266;
   padding-top: 7px;}

#leftcolumn input
 {float: right; 
   margin-right: 2px;
   background-color: #F1F7E2;}

.register
 {text-align: left;
   font-size: 0.9em;}

#leftcolumn .btn
 {float: right;
   color: #FFF;
   margin-bottom: 10px; 
   padding: 2px 3px;
   background-color: #005266;}


/*CENTER COLUMN STRUCTURE
---------------------------------------------------------------------------------------------------------------------------*/
#centercolumn
{float: left;
  width: 360px;
  display: inline;
  font: normal 0.8em/1.5 arial, verdana, sans-serif;
  text-align: left; 
  margin: 0 1px 0 2px;
  padding: 10px 7px 15px;
  border-left: 1px solid #DDD;
  border-right: 1px solid #DDD;}

#centercolumn .feature
{width: 360px;
  height: 185px;
  text-align: left;
  margin: 0;
  padding: 0;
  background: transparent url("/img/feature/vpt.jpg") no-repeat left top;}

#centercolumn .feature h1
{display: none;}

#centercolumn .feature p
{position: relative;
  top: 165px;
  left: 295px;
  width: 80px;
  margin: 0;
  padding: 0;}

#centercolumn .feature a
{color: #FFF;
  font-size: 0.9em;}

#centercolumn .feature a:hover
{color: #D3CE48;}

#centercolumn .feature span.arrow
{color: #FFF;
  font-weight: bold;
  padding-left: 3px;
  text-decoration: none;}

#centercolumn a:hover span.arrow 
{color: #D3CE48;
  font-weight: bold;
  text-decoration: none;
  padding-left: 3px;}


/*TAB SECTION
---------------------------------------------------------------------------------------------------------------------------*/
#centercolumn #content
{position: relative;
  width: 360px;}

#centercolumn p
{margin: 10px 0 5px 0;
  padding: 0 5px;}

#centercolumn p.separator
{padding-bottom: 20px;
  border-bottom: 1px solid #DDD;}

#centercolumn #content dl
{margin: 10px 0 10px 5px;}

#centercolumn #content dt
{color: #00472E;
  font-size: 1em;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 0;}

#centercolumn #content dd
{color: #999;
  font-size: 0.8em;
  font-weight: bold;
  margin: 0;
  padding: 0;}

#centercolumn #content dd span
{color: #FF0000;
  font-size: 0.9em;
  font-weight: bold;
  margin-right: 5px;}

#centercolumn #content dd address /*Events*/
{color: #000;
  font-size: 1em;
  font-weight: normal;
  padding: 5px 0 0 0;}

#centercolumn #content .events dt /*Events*/
{margin-top: 15px;}

.beeker
{height: 280px;
 background: url("/img/beeker.jpg") no-repeat right bottom;}

#centercolumn #content ul.resources
{list-style: none;
  margin: 15px 0 200px 0;}

#centercolumn #content .resources li
{padding: 0 0 10px 10px;
  background: url("/img/bullets/red-arrow.gif") no-repeat 0% 35%;}


/*RIGHT COLUMN STRUCTURE
---------------------------------------------------------------------------------------------------------------------------*/
#rightcolumn
{float: right;
 width: 175px;
 display: inline;
 font: normal 0.8em/1.5 arial, verdana, sans-serif;
 text-align: left;
 color: #000;
 margin-top: 5px;}

#rightcolumn p
{margin: 0;
  padding-top: 5px;
  height: 35px;
  border-top: 1px solid #CDD6E7;
  background: url("/img/backgrounds/sponsors.jpg") repeat-x left top;}

#rightcolumn div
{margin: 0;
  padding: 0;}

#rightcolumn dl
{margin: 5px 0 8px 0;
  padding: 0 5px;
  line-height: 1.3; }

#rightcolumn dt
{color: #000;
  padding-top: 5px;}

#rightcolumn dd
{margin-left: 0;
  padding: 7px 0;}

#rightcolumn dd.separator
{background-color: #00472E;}


/*CORE PAGES
---------------------------------------------------------------------------------------------------------------------------*/
#copy
{text-align: left;
  font-size: 0.9em;
  padding: 0 10px;
  line-height: 1.5;
  background-color: #FFF;}

#copy dt
{color: #3E6804;
  font: normal 1.1em georgia, "trebuchet ms", arial, sans-serif;
  margin: 10px 0 0 0; padding: 0;
  background-color: transparent;}

#copy dd
{margin: 0;
  padding: 0 0 10px 0;}

#copy dl dd span
{font-size: 0.8em;
  font-weight: bold;
  color: #999;
  text-decoration: none;}

#copy .partners dt
{font: normal 1.2em georgia, "trebuchet ms", arial, sans-serif;
  color: #990000;
  margin: 25px 0 15px 0;
  padding: 0 0 0 5px;
  border-left: 1px solid #990000;}

#copy #faqs dt
{color: #000;
  font-size: 1em;
  margin-top: 0;
  padding-left: 5px;
  background-color: #DDD;}

#copy #faqs dd
{padding: 0 0 10px 5px;}

#copy #sitemap li
{list-style: none;
 line-height: 2.5;
 padding-left: 30px;
 background: url("/img/backgrounds/sitemap.gif") no-repeat 0% 50%;}

#events #copy dt
{margin-top: 20px;}

#events dd, #advertisement dd
{padding: 0;}

#advertisement img#screen
{float: right;
  padding-left: 15px;}

#events img#agenda
{float: right;
  margin: 45px 45px 0 0;
  padding: 5px;
  border: 1px solid #629376;}

/*RECENT NEWS CORE PAGE
---------------------------------------------------------------------------------------------------------------------------*/
#news #copy dl 
{font-size: 0.8em;
  margin: 0;
  padding: 0;}

#news #copy dl dt
{line-height: 1.5;}

#news #copy dd
{color: #999;
 font-weight: bold;
 font-size: 0.8em;
 margin: 0;
 padding: 5px 0 10px 0;}

 #news #copy dd span
{color: #FF0000;
  font-size: 1em;
  font-weight: bold;
  margin-right: 5px;}

/*OVERVIEW
---------------------------------------------------------------------------------------------------------------------------*/
#overview #copy li
{padding: 5px 0;}


/*BIO NAVIGATION SIDE COLUMN
---------------------------------------------------------------------------------------------------------------------------*/
#aboutus
{float: right;
  width: 145px;
  display: inline;
  margin-top: 0; margin-left: 15px;
  border-left: 1px solid #DAD6CD;
  background-color: #FFF;}

.biophoto
{float: left;
  width: 75px;
  height: 110px;
  margin-right: 15px;
  border: 1px solid #333;}
  
.productphoto
{float: left;
  width: 150px;
  height: 200px;
  margin-right: 15px;
  border: 1px solid #333;}  


/*ETHANOL PLANTS
---------------------------------------------------------------------------------------------------------------------------*/
table
{margin-top: 15px;}

table th
{text-align: left;
  background-color: #FBF9E2;
  font-size: 1.2em;}


/*EXTRAS
---------------------------------------------------------------------------------------------------------------------------*/
img.left
{float: left;
 margin-right: 15px;
 margin-bottom: 15px;
 border: 1px solid #333;}

img.noborder
{border: none;}

#copy p
{margin: 0 0 15px 0;}

#fineprint
{font-size: 0.6em;}

ol li
{margin: 0 0 15px 0;}