/* Begin CSS Popout Menu */

#menu{
position:relative;
z-index:2;
width:154px;
}

#menu a{
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; color:#FFFFFF;
}


#menu a:hover{
color:#F3F3F3;
}

#menu a:active{
color:#F3F3F3;
}

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

#menu ul li ul li a{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#FFFFFF; font-weight:100;}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#menu li, div#menu li:hover{
position:relative;
list-style: none;
 padding-bottom:7px; 
 color:#FFFFFF;
 line-height:16px;
}

div#menu li ul{
width:180px;
position:absolute;
top:-20px;
left:100%;
display:none;
padding-left:20px;
}
div#menu li ul li{ padding:7px; background-color:#03579A;  border-bottom:1px solid #000; border-right:1px solid #000;}
}

div#menu ul ul,
div#menu ul ul ul,
div#menu ul li:hover ul ul,
div#menu ul li:hover ul 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
{display:block;}

/* End non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{

}

#menu a.x:hover{
color:#a00;
background:#ddd;
}

#menu a.x:active{
color:#060;
background:#ccc;
}