#menu {
width: 100%;
float: left;
background: #A54625;
color: #3399CC;
}

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

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

#menu a {
font: 9px Verdana;
display: block;
margin: 0;
padding: 0;
color: #FFFFFF;
text-decoration: none;
background: #A54625;
text-align: left;
}

#menu a.main_menu {
font: 9px Verdana;
display: inline;
color: #FFFFFF;
text-align: center;
background: #A54625;
}

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

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

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

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

#menu li { position: relative; }

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

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

/* CSS Document */
<style type="text/css">

a.nav:link {color: #8BB1C7; font-size: x-small; text-decoration: none; }
a.nav:visited {
	color: #CCCCCC;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
}
a.nav:hover {
	color: #F7F081;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	font-weight: bold;
}
a.nav:active {color: #8BB1C7; font-size: x-small; text-decoration: none; } 

</style>