#menu {
width: 100%;
float: left;
background: #686868;
color: #7d30d9;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
width: auto;
background: #686868;
}

#menu ul li ul {
width: 150px;
}

#menu a {
font: 14px Verdana;
display: block;
border-top-width: 3px;
border-top-color: #000000;
border-top-style: solid;
margin: 0;
padding: 0;
color: #FFFFFF;
text-decoration: none;
background: #686868;
text-align: center;
}

#menu a.main_menu {
font: bold 14px Verdana;
display: block;
color: #000000;
border-top-width: 3px;
border-top-color: #000000;
border-style: solid;
text-align: center;
background: #686868;
}

#menu a.main_current{
color: #FFFFFF;
background: #B8B8B8;
}

#menu a.current{
color: #FFFFFF;
background: #FFFFFF;
}

#menu a:hover {
color: #FFFFFF;
background: #FFFFFF;
}

#menu a.main_menu:hover {
color: #FFFFFF;
background: #FFFFFF;
}

#menu li { position: relative; }

#menu ul ul {
position: absolute;
z-index: 500;
}

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