#menu { width:170px; height:400px; position:relative; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }

#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; padding:1px 1px 0 1px;}

#menu li {margin:0; padding:0; list-style:none;}
#menu li {display: inline-block; display: inline;}
#menu ul {position:absolute; left:-9999px;}
#menu ul.level1 {width:170px; position:absolute; left:0;}

#menu a { display:block; color:#000; line-height:30px; text-decoration:none; padding-top: 0; padding-right: 10px; padding-bottom: 0; padding-left: 10px; font-family: verdana, arial, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; font-variant: normal; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #afaf82; } 

#menu ul li:hover > ul {background:#d0d0b0; width:155px; visibility:visible; left:100%; margin-top:-32px; margin-left: -1px;}

#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%; visibility:visible;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}

#menu li a:hover { background:#636e46; color: #fff; } 
#menu li:hover > a { background:#636e46; color: #fff;}
#menu li a.fly { background-image: url(../images/icon_arrow.gif); background-repeat: no-repeat; background-position: 155px center; }
#menu li a.fly:hover { color: #fff; background-color: #636e46; background-image: url(../images/icon_arrow.gif); background-repeat: no-repeat; background-position: 155px center; } 
#menu li:hover > a.fly { background-color: #636e46; background-image: url(../images/icon_arrow.gif); background-repeat: no-repeat; background-position: 155px center; }

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