/* Basic code - don't modify */
 
#nav {}
#nav li {position: relative; z-index:10; }
#nav a { display: block; text-decoration: none; }
#nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
/* Essentials - configure this */


/* Everything else is theming */

#nav ul li.hover a { background:url(../img/bg.png) repeat; }
#nav ul { top: 52px; float:none; }
#nav ul li{ float:none; }
#nav ul li a { background:url(../img/bg.png) repeat; display:block; height:12px; width:116px; padding:7px 10px 7px; color:#FFFFFF;}
#nav ul li a.nidan { background:url(../img/bg.png) repeat; display:block; height:20px; width:116px; padding:7px 10px 7px; color:#FFFFFF;}
#nav ul li a.hover { background:url(../img/bg_o.png) repeat; color:#663300;}
#nav ul a { border-bottom: 1px solid white; opacity: 0.9; }
/* IE6,IE7 */
#nav ul li a { /background: #F3A926; }
#nav ul li a.nidan { /background: #F3A926; }
#nav ul li a.hover { /background: #F7CB54; }
#nav ul a { /filter: alpha(opacity=90); }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */