/* ================================================================ 
Thanks to Stu Nicholls for his example version of this stylesheet.
=================================================================== */

#menu {list-style-type:none; padding:0; margin:0; width:200px; position:relative; top:20px; left:20px; border:1px solid #150517; border-width:0 1px 1px; z-index:100;}
#menu ul {list-style-type:none; padding:0; margin:0;}
#menu li {width: 200px; float:left; background-color:#38ACEC; position:relative; border-top:1px solid #150517;}

#menu li.sub {background-color:transparent;}

#menu li, #menu li a {display:block; color:#150517; font-family:Tahoma, Arial, Helvetica; font-size:13px; font-weight:bold; line-height:24px; width:200px; text-decoration:none;  cursor:pointer; font-weight:bold; text-indent:0px;}


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

#menu li:hover {color:#2B60DE; z-index:500;}

#menu li:hover ul {display:block; height:72px;}
#menu li:hover ul li:hover ul, 
#menu li:hover ul li:hover ul li:hover ul {display:block; position:absolute; left:110px; top:-1px; border:1px solid #6A287E; border-width:0 1px 1px; height:auto;}

#menu li:hover ul li.fly {background: #38ACEC url(arrow.gif) no-repeat top right;}
#menu li:hover ul li:hover {background-color:#98a;}

#menu li:hover ul li:hover ul li {background-color:#5CB3FF;}
#menu li:hover ul li:hover ul li.hover ul li {background-color:#FFFFFF; z-index:500;}

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

#menu li:hover ul li:hover ul li:hover ul li:hover {background-color:#aa0;}
#menu li:hover ul li:hover ul li.hover ul li:hover a {color:#fff;}