#menu {width: 100%; background: ; float: center; font-family: aerial, helvetica, sans-serif; font-size: 16px; color:gray;  font-weight: bold; z-index: 500;}
#menu1 ul {list-style: none; margin: 0; padding: 0; width: 98px; float: left;}
#menu2 ul {list-style: none; margin: 0; padding: 0; width: 110px; float: left;}
#menu3 ul {list-style: none; margin: 0; padding: 0; width: 120px; float: left;}
#menu5 ul {list-style: none; margin: 0; padding: 0; width: 160px; float: left; }
#menu6 ul {list-style: none; margin: 0; padding: 0; width: 80px; float: left;}
#menu7 ul {list-style: none; margin: 0; padding: 0; width: 140px; float: left;}
#menu8 ul {list-style: none; margin: 0; padding: 0; width: 110px; float: left; z-index:500}
#menuXX {font-family: aerial, helvetica, sans-serif; font-size: 13px; font-weight: bold; line-height:16px; display: block; border-width: px; border-style: solid; border-color: #ccc #888 #555 #bbb; margin: 0; padding:; text-align: center; color: #505050; background: #c0c0c0; }

#menu h2 {font-family: aerial, helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height:16px; display: block; border-width: px; border-style: solid; border-color: #ccc #888 #555 #bbb; margin: 0; padding:; text-align: center; color: #505050; background: #c0c0c0;  text-decoration: none;}
#menu a {font-family: aerial, helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height:16px; display: block; border-width: px; border-style: solid; border-color: #ccc #888 #555 #bbb; margin: 0; padding:; text-align: center; color: #505050; background: #c0c0c0;  text-decoration: none;}

#menu a:hover {color: blue; background: #ffffff;}
#menu li {position: relative; left:0px; z-index:500;}
#menu ul ul {position: absolute; center:0px; z-index: 500;}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover 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;}