/* reset default styles */
#menu,
#menu ul { margin: 0; padding: 0;}
#menu li { list-style-type: none; }

/* first level */
#menu {width: 160px; }
#menu li,
#menu a {float: left; width: 160px; padding:2px 2px 5px 2px; padding-right: 10px; display: block; font-family: Verdana, Arial, Helvetica; font-size: 10pt; color: #FFFFFF; font-weight: bold;}
#menu a {text-decoration: none; display: block;}
#menu a.submenu {background: url("arrow.gif") no-repeat right center;}
#menu a:hover,
#menu a.menu_open {color:#FFCC33;}

/* second level */
#menu ul {visibility: hidden; position: absolute; width: 320px; z-index: 100; background: #800000; }
#menu ul a {padding:0px 0px 2px 5px; font-family: Verdana, Arial, Helvetica; font-size: 10pt; width: 320px; font-weight: bold; text-decoration: none;}
#menu ul a:hover,
#menu ul a.menu_open {color:#FFCC33; }