#menu { float:left;text-align:left;width:160px; border-right:2px dotted #ccc; padding-right:10px;
        font-family:arial; font-size: 13px; line-height:18px; color:#000;
}
#menu a { font-weight:bold; color:#000; text-decoration:none; display:block; margin-bottom:2px;
        padding:2px; padding-left:5px;
        border-bottom:1px dashed #eee;
}
#menu a:hover { color:#bb0000;background-image:url(../images/menuover.gif);
        background-position:bottom; background-repeat:repeat-x;}
#menu .bigheading {
        font-face:trebuchet ms; font-size: 30px; line-height:40px; letter-spacing:1px; color:#16479f;
        font-weight:bold;
        font-style:italic;
}



######

#menu {
width: 12em;
background: #fff;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu a, #menu h2 {
font: 13px verdana;
display: block;
border-bottom:1px dotted #eee;
margin: 0;
padding: 3px;
}

#menu h2 {
color: #000;
}

#menu a {
color: #000;
background: #fff;
text-decoration: none;
}

#menu a:hover {
	background-image:url(../images/menuover.gif);
        background-position:bottom; background-repeat:repeat-x;
}

#menu li {
position: relative;
padding:2px; 

}

#menu ul ul ul {
position: absolute;
z-index:10000;
top: 0;
left: 100%;
width: 100%;
background-color:#fff;
border:1px dotted #ccc;
}

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

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}