#menu
{
width: 100%;
float: left;
background: #3366CC;
}

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

#menu ul li
{
float: left;
}

#menu ul li ul li
{
float: none;
}

#menu ul ul
{
display: none;
}



#menu ul li ul
{
width: 150px;
}
/*
#menu ul ul
{
position: absolute;
z-index: 500;
}
*/
#menu ul ul ul
{
top: 0;
left: 100%;
}

#menu a
{
height: 1%;
font: 9px arial;
display: block;
color: #ffffff;
text-decoration: none;
background: #3366cc;
text-align: left;
}

#menu ul li ul li a {
}

#menu a.main_menu
{
font: 9px arial;
color: #ffffff;
text-align: left;
background: #3366CC;
padding-left: 3px;
padding-top: 2px;
padding-right: 3px;
padding-bottom: 2px;
}

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

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

#menu a:hover
{
color: #3366cc;
background: #ffffff;
cursor: pointer;
}

#menu a.main_menu:hover {
color: #3366cc;
background: #ffffff;
cursor: pointer;
}


div#menu.menu ul ul li{

font-size: 0.8em; 
padding-left: 20px;
padding-top: 5px;
}

	/* show submenu of current page*/
		div#menu ul li.main_current ul,
		div#menu ul li.current ul,
		div#menu li.main_current ul li.current ul,
		div#menu ul li.current ul li.current ul{
		display:block;
		}

		

		/* hide submenus */
		div#menu ul li ul,
		div#menu ul li.main_current ul li ul,
		div#menu ul li.current ul li ul{
		display:none;
		}