/* Basic code - don't modify */
 
#nav { 
display: block; 
margin: 0; 
padding: 0; 
position: relative; 
}
  
#nav li { 
display: block; 
list-style: none; 
margin: 0; 
padding: 0; 
float: left; 
position: relative; 
}

#nav a { 
display: block;
}
  
#nav ul { 
display: none; 
position: absolute; 
left: 0; 
margin: 0; 
padding: 0; 
}

  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { 
width: 166px; 
}


ul#nav li ul li a { 
	padding: 10px; 
}

/* Everything else is theming */
 
#nav { 
height: 31px; 
}

#nav *:hover { 
background-color: none; 
}

#nav a { 
border-right: 1px solid white; 
color: white; 
font-size: 12px; 
padding: 0px; 
line-height: 1; 
}

#nav li.hover a { 
background-color: #328934; 
}

#nav ul { 
top: 33px; 
}

#nav ul li a { 
background-color: #328934;
text-decoration:none;
}

#nav ul li.hover > a { 
background-color:#999999; 
}

#nav ul a { 
border-bottom: 1px solid white; 
border-right: none; 
opacity: 0.9; 
filter: alpha(opacity=90); 
}

/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */