#menu {
	position: relative;
	width: 146px;
	text-align: left;
	color: #888888;
	background-color: #ffffff;
	}

#menu li {
	position: relative;
	width: 146px;
	}

#menu a {
	text-decoration: none;
	display: block;
	font: normal 11px/1.5em Verdana, Arial, Helvetica, sans-serif;
	width: 134px;
	color: #888888;
	background: #fff;
	padding: 4px 6px;
	border-bottom: 1px solid #888;
	}
#menu a:hover {
	color:#ffffff;
	background-color: #888888;
	}


#menu ul ul {
	position: absolute;
	top: 0;
	left: 146px;
	display: none;
	}

#menu ul ul ul a {
	width: 200px;
	}



/* Fix IE. Hide from IE Mac \*/
* html #menu ul li{float:left;height:1%;}
* html #menu ul li a{height:1%;}
/* End */

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

div#menu ul ul, div#menu ul ul ul, div#menu ul li:hover ul ul, div#menu ul li:hover ul ul ul{
display:none;
}

div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul{
display:block;
}