#menu {list-style-type:none; padding:0; margin:0; width:158px; border:1px solid #fff; border-width:0 1px 1px; z-index:100;}
#menu ul {list-style-type:none; padding:0; margin:0;}
#menu li {float:left; background:#D7EEFF; position:relative; border-top:1px solid #fff; }

#menu li.sub {background:#87CDFF;}

#menu li, #menu li a {display:block; color:#0066CC; font-family:arial, sans-serif; font-size:11px; line-height:24px; width:158px; text-decoration:none;  cursor:pointer; font-weight:bold; text-indent:5px;}


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

#menu li.hover {color:#FFFFCC; z-index:500;}
#menu li.click {color:#FFF;}

#menu li.click ul {display:block;}
#menu li.click ul li.hover ul, 
#menu li.click ul li.hover ul li.hover ul {display:block; position:absolute; left:150px; top:-1px; border:1px solid #fff; border-width:0 1px 1px;}

#menu li.click ul li.fly {background: #657 url(frog_arrow.gif) no-repeat top right;}
#menu li.click ul li.hover {background:#87CDFF;}

#menu li.click ul li.hover ul li {background:#59B9FF;}
#menu li.click ul li.hover ul li.hover ul li {background:#780; z-index:500;}

#menu li.click ul li.hover ul li.fly {background: #59B9FF url(frog_arrow.gif) no-repeat top right;}
#menu li.click ul li.hover ul li.hover {z-index:500; background:#fa4;}
#menu li.click ul li.hover ul li.hover a {color:#000;}

#menu li.click ul li.hover ul li.hover ul li.hover {background:#59B9FF;}
#menu li.click ul li.hover ul li.hover ul li.hover a {color:#fff;}