#nav {
display: block;
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;
}

#nav .nav-ready ul {
left: 10px;
}

#nav .nav-ready ul ul {
left: 251px;
}

#nav li ul li{
height: auto;
}

#nav li ul li a{
padding: 10px;
height: auto !important;
cursor: default;
text-decoration: none;
}

#nav li ul li ul li a{
cursor: pointer;
text-decoration: underline;
background-color: #009900 !important;
}

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

* 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: 250px;
}
#nav ul ul {
left: 251px;
}

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

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

#nav a {
/*border-right: 1px solid white;*/
color: white;
/*font-size: 11px;
padding: 6px;
line-height: 1;*/
}

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

#nav ul {
/*top: 25px;*/
top:50px;
}

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

#nav ul a.hover {
background-color: #009900;
}

#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 */