#menu {
padding: 0;
margin: 0;
list-style: none;
height: 30px;
position: relative;
z-index: 5;
font-family: arial, verdana, sans-serif;
}

#menu li {
float: left;
margin-right: 0px;
}

#menu li a {
display: block;
float: left;
height: 30px;
line-height: 0px;
text-decoration: none;
font-size: 11px;
padding: 0;
}


#menu table {
border-collapse: collapse;
width: 300;
height: 0;
position: absolute;
top: 0;
left: 200px;
}

#menu li a:hover {
z-index: 2;
position: relative;
}

#menu li:hover {
position: relative;
z-index: 2;
}

#menu li:hover > a {
color: #fff;
background: #00FFFF;
}

#menu li:hover > a.sub {
color: #fff;
background-color: #336699;
}

/* .current */

#menu li.current a {
color: #fff;
background: #333399;
}

#menu li a.sub {
background:url(image/down-arrow.gif) no-repeat right center;
}

#menu li.current a.sub {
color: #fff;
background:url(image/down-arrow.gif) no-repeat right center;
}

#menu :hover ul {
left: 200px;
top: 0px;
width: 300px;
background: #660000;
}

#menu ul, #menu :hover ul ul {
position: absolute;
left: -9999px;
top: -9999px;
width: 0;
height: 0;
margin: 0;
padding: 0;
list-style: none;
}

#menu :hover ul :hover ul {
left: 120px;
top: -1px;
background: #CC0033;
white-space: nowrap;
width: 300px;
z-index: 2;
height: auto;
}

#menu :hover ul l i{
margin: 0;
border-top: 1px solid #666;
}

#menu :hover ul li a {
width: 200px;
padding: 0;
text-indent: 10px;
background: url(image/down-arrow.gif) no-repeat right center;
color: #999999;
height: 30px;
line-height: 30px;
}

#menu :hover ul li a.fly {
background: url(image/down-arrow.gif) no-repeat right center;
}

#menu :hover ul :hover {
background-color: url(image/down-arrow.gif) no-repeat right center;
color: #CC0000;
}
#menu :hover ul :hover a.fly {
background-color: url(image/down-arrow.gif) no-repeat right center;
color: #CC0000;
}

/* .currentsub */

#menu :hover ul li.currentsub a {
background: #00CC00;
color: #CC0000;
}
#menu :hover ul li.currentsub a.fly {
background: url(image/down-arrow.gif) no-repeat right center;
color: #CC0000;
}

#menu :hover ul :hover ul li a {
width: 300px;
padding: 0;
text-indent: 10px;
background: #3e3e3e;
color: #ccc;
}
#menu :hover ul :hover ul :hover {
background-color: #d70;
color: #CC0000 
;
}

/* currentfly */

#menu :hover ul :hover ul li.currentfly a, #menu :hover ul :hover ul li.currentfly a:hover {
background: #00CC00;
color:  #CC0000;
}