/* Begin CSS Popout Menu */

#menu{
padding-left:8px;
padding-top:8px;
padding-bottom:1em; /* To allow room for bottom dropdown */
}
#menu a, #menu h2{
display:block;
white-space:nowrap;
margin:0;
padding:1px 3px;
}
#menu ul.main li h2 {
font-size:125%;
}
#menu h2.link {
font-size:125%;
}
#menu li a {
font-size:120%;
}
#menu h2{
color:#000;
font-weight:bold;
height:18px;width:159px;
padding:3px;
padding-left:15px;
margin-left:5px;
width:170px;
background:url(../dimages/menu_li_bg2.gif) no-repeat center left;
border-bottom:1px solid #999;
line-height:1.7em;
}
#menu h2.big {
height:32px;
line-height:1.4em;
background:url(../dimages/menu_li_bg2.gif) 0px 7px no-repeat;
}
#menu h2.link {
padding:3px;
padding-left:12px;
}
#menu h2.link a,#menu h2.link a:hover {
background:none;
font-weight:bold;
}
#menu ul {
border-left:1px solid #999999;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
}
#menu ul ul{
border-top:1px solid #999999;
}
#menu a{
font-weight:normal;
color:#000;
/*!*/background:#EAECEE;
text-decoration:none;
cursor:pointer;
}

#menu a:hover{
color:#a00;
/*!*/background:#DFE5EA;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
width:192px;
}
#menu ul ul.w200{
width:200px;
}
#menu ul ul.w250{
width:250px;
}
#menu ul ul.w300{
width:300px;
}
#menu ul ul.w350{
width:350px;
}
#menu ul.main{
border:none;
}
#menu ul.main h2,#menu ul.main h2:hover{
cursor:pointer;
}
#menu ul.main h2:hover{
color:#a00;
}
/* 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;
}

div#menu li ul{
position:absolute;
top:0;
margin-left:0px;
left:100.1%;
display:none;
}

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{
background:url(../dimages/menu_expand.gif) no-repeat center right;
background-color:#EAECEE;
}

#menu a.x:hover{
color:#a00;
background:url(../dimages/menu_expand_.gif) no-repeat center right;
background-color:#DFE5EA;
}

#menu a.x:active{
color:#060;
/*!*/background-color:#DFE5EA;
}