/* Main menu bar panel */

#navbarmenu 
{
    background: #990000 url("../Images/MenuBar.jpg");
    float: left;
    border-top: 1px solid #990000;
    border-right: 0px solid #ffffff;
    border-bottom: 1px solid #990000;
    margin: 0;
    padding: 0;
    width: 535px;
    font-size: 12pt;
    font-family: Tahoma;
    font-weight: bold;
}

#nav 
{ 
    /* the UL ID definition */   
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    z-index: 99; /* places subnavs on top of other content */	
 }
 
#nav li.mainnav 
{
    float: left;
    margin: 0;
    padding: 0;
    line-height: normal;
    position: relative; /* anchor point for absolutely positioned subnavs */
    color: #000000;
    display: block;
    text-align:center;
    border-right: 1px solid #ffffff;
    border-left: 0px solid #000000;
}

#nav>li.mainnav:hover 
{
    z-index: 96;  /* Opera 7 */
}
	
#nav li.mainnav a 
{
    display: block;
    float: left;
    color: #ffffff;
    padding: 5px;            /* top/bottom margins help center vertically */
    text-decoration: none;
    background: transparent; /* for browsers that don't see li:hover, if change need to change in iehover.htc file */
    letter-spacing: 0;
}
  
/* hide from IE5-Mac */
#nav li.mainnav a 
{ 
    float: none; 
}

/* the widths of each section, total = 515px */
#navhome { width:60px; }
#navproducts { width:80px; }
#navservices { width:75px; }
#navbiofuels { width:80px; }
#navlinks { width:60px; }
#navphotos { width:80px;}
#navcontact { width:90px;}



/* controls colors of rollover when dropdown active (non-IE) */

#navbarmenu #nav li.mainnav a:hover 
{ 
    color: #000000;     
    background: #ffffff url("../Images/MenuBar_on.jpg");
    text-decoration: underline;
}

/* to make last right dropdown display to the left */

li#navnews ul 
{ 
    position: absolute; 
    right: 0; 
    left: auto;
    margin-right: 0px;
}

/* Main Nav Hover Flyout -- Hiding it, show it in nav-menu.css */ 

#nav ul 
{
    position: absolute;
    display: none;
    overflow: hidden;
    width: 0px;
}
  	
#nav>li.mainnav ul 
{
    display:none;
}

#nav li.mainnav:hover>ul 
{ 
    display: none;
}