#menu { 
	width: 174px; 
	margin-left:20px;
	margin-top:20px;
	background-color:red;
	position:relative;
}

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

#menu a {
  	display: block; 
  	margin: 0; 
	padding: 2px 3px; 
	color: #FFF; 
	text-decoration: none; 
}

#menu a:hover { 
	color:#AEDACD;
}
#menu a.active { 
	color:#AEDACD;
}

#menu li { 
	position: relative; 
	background: #017E60; 
	padding-bottom:10px;
}

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


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

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


/*

 #menu { width: 80px; background: #eee; }

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

#menu a, #menu h2 {
  font: bold 11px/16px arial, helvetica, sans-serif;
  display: block;
  border-width: 1px; border-style: solid; border-color: #ccc #888 #555 #bbb;
  margin: 0; padding: 2px 3px; }

#menu h2 { color: #FF8635; background: #96D12C; text-transform: uppercase; }

#menu a { color: #000; background: #efefef; text-decoration: none; }

#menu a:hover { color: #a00; background: #fff; }

 #menu li { position: relative; }

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

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

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

*/