/* Begin CSS Popout Menu */

#sectionnav {
float:left;
width:155px;
text-align:right;
padding-bottom:6em; /* To allow room for bottom dropdown */
margin:0;
position:relative;
}

#sectionnav a {
font:normal 11px/15px arial,helvetica,sans-serif;
display:block;
border-top: 1px solid #ccc;
margin:0;
padding:3px 18px 3px 3px;
}

#sectionnav a{
color:#000;
text-decoration:none;
}

#sectionnav a.sectionnav_title {
font: 11px/15px bold Arial,Helvetica,sans-serif;
font-weight:bold;
margin-bottom:1px;
text-align:right;
color:#990033;
display: block;
}

#sectionnav ul.minor {
border-bottom: 1px solid #CCCCCC; 
border-top: 1px solid #EFEFEF;
}

#sectionnav a:hover{
color:#a00;
background:#ddd;
}

#sectionnav a:active{
color:#600;
background:#ccc;
}

#sectionnav ul{
list-style:none;
margin:0;
padding:0;
width: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#sectionnav li, div#sectionnav li:hover{
position:relative;
}

div#sectionnav li ul{
position:absolute;
top:3px;
left:98%;
display:none;
background-color:#eee;
border-color:#ddd #ccc #ccc #ddd;
border-width:1px;
border-style:solid;
z-index:100;
}

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

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

/* End non-anchor hover selectors */

/* Styling for Expand */

#sectionnav a.x, #sectionnav a.x:visited{
background:transparent url(/css/expand.gif) no-repeat center right;
}

#sectionnav a.x:hover{
background:#ddd url(/css/expand.gif) no-repeat center right;
margin:0;
}

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