#menu {	width: 100%; background: #eee; float: right}
#menu ul {	padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; width: 12em; padding-right: 0px; float: left; list-style-image: none; padding-top: 0px;}
#menu a {	border-bottom: #555 1px solid; border-left: #bbb 1px solid; padding-bottom: 2px; margin: 0px; padding-left: 3px; padding-right: 3px; display: block; font: bold 11px/16px arial, helvetica, sans-serif; border-top: #ccc 1px solid; border-right: #888 1px solid; padding-top: 2px}
#menu h2 {	border-bottom: #555 1px solid; border-left: #bbb 1px solid; padding-bottom: 2px; margin: 0px; padding-left: 3px; padding-right: 3px; display: block; font: bold 11px/16px arial, helvetica, sans-serif; border-top: #ccc 1px solid; border-right: #888 1px solid; padding-top: 2px;}
#menu h2{	text-transform: uppercase; background: #000; color: #fff;}
#menu a{ background: #efefef; color: #000; text-decoration: none;}
#menu a:hover { background: #fff; color: #a00;}
#menu li { position: relative;}

#menu ul ul {	z-index: 500; position: absolute;}
#menu ul ul ul {position: absolute; top: 0px; left: 100%}
div#menu ul ul {display: none;}
div#menu ul li:hover ul ul {display: none;}
div#menu ul ul li:hover ul ul {	display: none;}
div#menu ul li:hover ul { display: block}
div#menu ul ul li:hover ul { display: block}
div#menu ul ul ul li:hover ul {	display: block}