#menu {
margin:0px;
width: 100%;
height:100%;
float: left;
}
 
#menu ul {
list-style: none;
margin: 0px 0px 0px 5px;
padding: 0;
width: 8.4em;
float: left;
}
 
#menu ul li a{
border: dotted 1px #999999;
border-bottom: hidden;
border-top: hidden;
border-left:hidden;
}
 
#menu a {
font: bold 1em  sans-serif;
display: block;
margin: 0;
padding: 2px 3px;
}

 
#menu ul li ul a {
color: #000;
text-decoration: none;
background: url(../images/nav_bg.jpg) repeat-x ;
border-bottom:solid 1px #CCCCCC;
}
 
#menu a:hover {
color: #a00;
border:solid 1px #CCCCCC;
border-bottom: hidden;
background: url(../images/nav_bghover.jpg) repeat-x;
}
 
#menu li {
line-height: 0px;
position: inherit;
}
 
#menu ul ul {
margin-left:1px;
margin-top:2px;
position: relative;
z-index: 500;
border-right:#cccccc 1px solid;
border-bottom:#cccccc 1px solid;
border-left:#cccccc 1px solid;
}


 
#menu ul ul ul {
position: relative;
}
 
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}
 
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{
position:relative;
display: block;
z-index: 1000;
}