#menu {list-style-type:none; padding:0; margin-top:10px; margin-left:0px; width:200px; border:1px solid #fff; border-width:0 1px 1px; float:left;}
#menu ul {list-style-type:none; padding:0; margin:0; width:180px;}
#menu li {background:#B7D9F5; border-top:1px solid #fff;}

#menu li.sub {background:#5F97D7; text-align:left;}
#menu li.sub a:hover {color:#ff0; z-index:500;}


#menu li, #menu li a { display:block; color:#fff; font-family:arial, sans-serif; font-size:11px; line-height:24px; width:180px; 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:#ff0; z-index:500;}
#menu li.click {color:#ff0;}

#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; left:110px; 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:#5F97D7;}

#menu li.click ul li.hover ul li {background:#c60;}
#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: #c60 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:#aa0;}
#menu li.click ul li.hover ul li.hover ul li.hover a {color:#fff;}