#menu {width:100%; height:30px; background:#72a62d;margin:0px auto;}

#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;height:30px;display:inline-block;}

#menu li {margin:0; padding:0; list-style:none;height:30px;}
#menu ul ul {position:absolute; left:-9999px;margin-top:5px;}
#menu ul.level3{margin-top:-10px;}
#menu ul.level1 {height:30px;}
#menu ul.level1 li.level1-li {height:24px;float:left;padding-left:20px;padding-right:20px;padding-top:6px;position:relative;}
#menu ul.level1 li.level1-li:hover{background-color:#3a1a42;}


#menu a {color:#ffffff;font-weight:bold;text-decoration:none;font-size:12px;}
#menu ul.level1 li.level1-li a.level1-a {float:left;}

#menu ul li:hover > ul {visibility:visible; left:0; top:25px;}
#menu ul ul li:hover > ul {visibility:visible; left:100%; top:auto; margin-top:-25px;}
#menu li.left:hover > ul {visibility:visible; left:auto; right:0; top:30px;}
#menu li.left ul li:hover > ul {visibility:visible; left:auto; right:100%; top:auto; margin-top:-25px;}

#menu ul.level1 li.level1-li ul.level2 li{height:22px; padding-top:8px;padding-left:6px;padding-right:6px;background:#3a1a42;min-width:129px;}
#menu ul.level1 li.level1-li ul.level2 li a{height:30px;color:#ffffff;}
#menu ul.level1 li.level1-li ul.level2 li:hover > a{color:#ffffff;}
#menu ul.level1 li.level1-li ul.level2 li:hover{background-color:#72a62d;}

#menu a:hover ul {left:0; top:23px;}
#menu li.left a:hover ul {left:auto; right:-1px; top:23px;}

#menu li.left ul a {text-align:right; padding:0 10px 0 20px;}

#menu a:hover a:hover ul, #menu a:hover a:hover a:hover ul {left:100%; visibility:visible;}
#menu li.left a:hover a:hover ul, #menu li.left a:hover a:hover a:hover ul {left:auto; right:0; visibility:visible;}

#menu a:hover ul ul, #menu a:hover a:hover ul ul {left:-9999px;}
#menu li.left a:hover ul ul, #menu li.left a:hover a:hover ul ul {left:-9999px;}

#menu li a.fly {background:transparent url(anywidth/arrow.gif) no-repeat right center;}
#menu li.left ul a.fly {background:transparent url(anywidth/arrow-left.gif) no-repeat left center;}

#menu li a:hover,#menu li a.fly:hover {color:#ffffff;} 
#menu li:hover > a, #menu ul li:hover > a.fly {color:#ffffff;}

#menu table {position:absolute; height:0; width:0; left:0; border-collapse:collapse; margin-top:-4px;}
#menu table table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}

#menu li.left table {position:absolute; height:0; width:0; left:auto; right:0; border-collapse:collapse; margin-top:-4px;}
#menu li.left table table {position:absolute; left:auto; right:100%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}