#menu {
/*width: 8em;*/
background: #FFFFcc;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu ul li ul {
/*width: 20em;*/
}

#menu a {
font: 1em Verdana;
display: block;
border-top-width: 1px;
border-top-color: #9c0d11;
border-right-width: 1px;
border-right-color: #9c0d11;
border-bottom-width: 1px;
border-bottom-color: #9c0d11;
border-left-width: 1px;
border-left-color: #9c0d11;
border-style: solid;
margin: 0;
padding: 2px 3px;
color: #000000;
text-decoration: none;
background: #ffffcc;
text-align: left;
}

#menu a.main_menu {
font: 1em Verdana;
display: block;
color: #000000;
border-top-width: 1px;
border-top-color: #9c0d11;
border-right-width: 1px;
border-right-color: #9c0d11;
border-bottom-width: 1px;
border-bottom-color: #9c0d11;
border-left-width: 1px;
border-left-color: #9c0d11;
border-style: solid;
text-align: left;
background: #FFFFcc;
}

#menu a.main_current{
color: #CC0000;
background: #FFCC66;
}

#menu a.current{
color: #cc0000;
background: #FFcc66;
}

#menu a:hover {
color: #9c0d11;
background: #f1ca87;
}

#menu a.main_menu:hover {
color: #9c0d11;
background: #F1CA87;
}

#menu li { position: relative; }

#menu ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}