/* CSS Menus - Vertical CSS Menu with Popout and Dropdown Menus - 20050131 */

*{margin:0;padding:0;border:none;}

/* Begin CSS Popout Menu */

#menu{
position:absolute;
top:130px;
/*left:0em;*/
z-index:2;
width:187px;
min-width:187px;
padding-bottom:12em; /* To allow room for bottom dropdown */
}

#menulink
{
position:absolute;
top:480px;
/*left:0em;*/
z-index:2;
width:185px;
min-width:185px;
}

#menu a{
font:bold 10px Verdana,Arial,Helvetica,sans-serif;
display:block;
border-width:1px 0 0 0;
border-style:solid;
/*white-space:nowrap;*/
white-space:pre-wrap;
margin:0;
padding:5px 5px;
}


#menulink a{
font:bold 10px Verdana,Arial,Helvetica,sans-serif;
display:block;
border-width:1px 0 0 0;
border-style:solid;
white-space:nowrap;
margin:0;
padding:5px 5px;
}

a.niv1{
color:white;
border-color:#5588bb;
background:#336699;
}

a.niv2{
background:#c0cedc;
border-color:#aabbdd;
}

a.navlink{
color:white;
border-color:white;
}

p.navlink{
color:white;
border-color:white;
border-width:1px 0 0 0;
}


#menu a{
text-decoration:none;
}

#menu a:hover{
color:#eaeaff;
background:#5588bb;
}

#menulink a:hover{
color:#eaeaff;
background:#5588bb;
}


#menu ul{
list-style:none;
margin:0;
padding:0;
/*width:100%;*/
}

#menulink 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#menu li, div#menu li:hover{
position:relative;
}

div#menulink li, div#menulink li:hover{
position:relative;
}

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

div#menulink li ul{
position:absolute;
top:0;
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;
width:120%;}

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

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

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