#menu {padding: 15px;}
#menu ul {}
#menu li {}

#menu li.sub {background: url("../images/Ghost.png") no-repeat right top; 
    width: 200px; 
    margin: 0; padding: 0 40px 10px 0;}
#menu li.sub:hover {background: url("../images/Ghost_hover.png") no-repeat right top; 
    width: 200px; 
    margin: 0; padding: 0 40px 10px 0;}

#menu li, #menu li a {display:block; color:#000; 
    font-family:arial, sans-serif; font-size:14px; line-height:30px; 
    width:125px; 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:#FFF; 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; position:absolute; 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:#AF9F95;}

#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;}