/* Basic code - don't modify */

#nav {
display: block;
margin: 0;
padding: 0;
position:relative;
background:url(../images/menu_bg.png) repeat-x top left #31365c;
width:826px;
height:46px;
color:#FFF;
}
#nav li {
display: block;
list-style: none;
margin: 0;
padding: 0;
float: left;
position: relative;
text-align:center;
}
#nav a {
display: block;
border-right: 1px solid #666;
color: white;
font-size: 10pt;
line-height:46px;
width:102px;
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: 160px; }
#nav ul ul { left: 131px; }

/* Everything else is theming */
#nav *:hover { background-color: none; }
  #nav li.hover a { background-color: #17133c; }
  #nav ul { top: 46px; }
    #nav ul li a { background-color: #31365c;line-height:16px;padding-top:5px; padding-bottom:5px }
      #nav ul a.hover { background-color: #17133c; }
   #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 */