#menu, #menu ul, #menu li { margin: 0; padding: 0; border: 0 none;}

#menu       { position:relative; z-index: 100;}
#menu li    { float:left;  position:relative; list-style: none; display: inline;}
#menu li a  { display:block; white-space: nowrap;}
#menu li li { clear: both;}
#menu li ul { visibility: hidden; position:absolute;}

#menu li li ul { top: 0; left: 0;}

#menu li.hover ul               { visibility: visible;}
#menu li.hover ul li ul 		{ visibility: hidden;}
#menu li.hover li.hover ul      { visibility: visible; left: 100%;}

#menu li li { border: 0;}

#menu li.node a{
	color:#000; font-weight:bold;
	padding: 5px 10px; margin:0;
}
#menu li.hover a{
	color:#fff; font-weight:bold;
	padding: 5px 10px; margin:0;
	background-color:#000;
}
#menu li.node ul{
	background:#fff;
	border:1px solid #ccc;
	font-size:11px;
	padding:5px;
	overflow:hidden;
}
#menu li.node ul li a{
	color:#000; font-weight:normal;
	padding: 4px 10px; margin:0;
	background-color:transparent;
}
#menu li.node ul li.hover a{
	color:#336666; font-weight:normal;
	text-decoration:underline;
	padding: 4px 10px; margin:0;
	background-color:transparent;
}
#menu li.title{
	text-transform:uppercase;
	padding-left: 5px;
	padding-top: 10px;
}
#menu li.more{
	font-weight:bold;
	text-align:right;
}