/* Basic code - don't modify */

#nav { 
display: block; 
margin: 0; 
padding: 0; 
position: relative; 
border:0 !important;
}

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

#nav ul ul { 
left: 179px;
}




/* Everything else is theming */

#nav { 
background-color: #222222; 
height: 24px;
}

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

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

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

#nav ul { 
top: 33px;
padding:10px 0;
}

#nav ul li a { 
background-color: #CC3333;
padding:2px 18px;
}

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

#nav ul a { 
border-bottom: 1px solid #AB2011;
text-decoration:none;
}
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */