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

/* Begin CSS Popout Menu */

#menu{z-index:2;width:170px;height:230px;}
#menu a{display:block; white-space:nowrap; }
#menu h2{font:bold 1em Verdana, Arial, Helvetica, sans-serif !important;display:block; white-space:nowrap; margin:1px; color:#431073; border:1px solid #431073;}
#menu a, #menu a:visited{color:#431073; background:#fff; text-decoration:none; display:block; overflow:hidden;}
#menu a:hover{color:#fff !important; background:#431073;}
#menu ul{list-style:none; margin:0; padding:0;}
#menu li{position:relative;list-style:none;margin:0;padding:0;}
#menu li a{padding:4px; margin:0 !important;font:bold 1.1em Verdana, Arial, Helvetica, sans-serif !important;}
#menu ul ul{position:absolute; z-index:500; top:auto; display:none; _left:0; text-align:left; border:1px solid #431073; background:#fff;}
#menu ul ul ul{top:0; left:100%;}
#menu ul ul a {padding:4px 0 4px 6px;}
#menu ul ul ul a {padding:4px 0 4px 6px;}
#menu .marrow{position:absolute;right:15px;}
#menu .submenu{position:absolute; left:184px;top:104px; width:170px !important;}
#menu ul li.page_item{font:bold 1em Verdana, Arial, Helvetica, sans-serif !important;display:block; white-space:nowrap; margin:1px; color:#431073; border:1px solid #431073;}

/* 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{width:165px; position:absolute;top:0;left:100.1%;display:none;}
div#menu li ul li ul {width:173px;}
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 */
#navigation
{
display:block;
height:40px;
min-width:900px;
width:100%;
position:relative;
z-index:999;
background:#410069 url(img/navigation/navback.jpg) repeat-x 0 0; 
border:2px solid #ccc;
border-width:2px 0;
font:12px Arial, Helvetica, sans-serif;
}
#navigation h3
{
padding:3px 0 3px 5px;
margin:0;
width:175px !important;
border:1px solid #000;
border-width:0 1px 1px 0;
background:#410069 url(img/navigation/navback.jpg) repeat-x 0 0;
color:#fff;
font:bold 1em Arial, Helvetica, sans-serif;
line-height:30px;
height:30px;
}
#navigation a
{
font:bold 1em Arial, Helvetica, sans-serif;
color:#fff;
width:125px;
display:block;
text-decoration:none;
padding:13px 0 0 8px;
height:27px;
border-right:1px solid #ccc;
}
#navigation a:hover, #navigation ul li:hover
{
color:#fff;
background:#3e3e3e url(/img/navigation-button-over.png) repeat-x 0 0;
}
#navigation ul li
{
float:left;
list-style:none;
margin:0;
padding:0;
position:relative;
}
#navigation ul
{
padding:0;
margin:0;
}
#navigation ul ul
{
position:absolute;
top:40px;
left:0;
width:180px;
height:auto;
background:#fff;
border:solid 1px #000;
display:none;
}
#navigation ul ul:hover { display:block; }
#navigation ul ul li a
{
color:#000;
width:160px;
display:block;
text-decoration:none;
background:#fff url(/img/content-background.png) repeat-x 0 0;
padding:0 10px 0;
margin:0;
line-height:30px;
height:30px;
text-align:left;
border:solid 1px #000;
border-width:0 1px 1px 0;
}
#navigation ul li ul li a:hover
{
color:#bf0000;
background:#fffcc2;
}
#navigation ul ul ul
{
position:absolute;
top:0;
left:120px;
width:180px;
height:auto;
background:#fff;
border:solid 2px #000;
display:none;
z-index:1000;
}
div#navigation li:hover ul ul, div#navigation li li:hover ul ul, div#navigation li li li:hover ul ul, div#navigation li li li li:hover ul ul { display:none; }
div#navigation li:hover ul, div#navigation li li:hover ul, div#navigation li li li:hover ul, div#navigation li li li li:hover ul { display:block; }