/* Basic code - don't modify */

body { 
font: 12px/1.4 Arial, Helvetica, sans-serif;}

#nav { 
display: block; 
padding: 0; 
position: relative;
float:right;
top:36px; }

#nav li { 
display: block; 
list-style: none; 
margin: 0; 
padding: 0; 
float: left; 
position: relative; }

#nav a { 
display: 
block;
text-decoration:none; }

#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: 100px; }

#nav ul ul { 
left: 101px; }

/* Everything else is theming */
 
#nav { 
background-color: #000000; height: 24px; }

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

#nav a { 
color: #CCCCCC; 
font-size: 12px; 
padding: 6px; 
line-height: 1; }

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

#nav ul { 
top: 24px; }

#nav ul li a { 
background-color: #333333;}


#nav ul a.hover { 
background-color: #333333;
text-decoration:underline; }

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

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