/* CSS Popout menuv */

.menuv                                  /* position, size, and font of  menu */
{
top:19em;
left:10em;
z-index: 0;
width: 10em;           /* [1] width of menu item (i.e., box) */
text-align: left;
text-indent: 3px;
font-weight: bold;
font-size: 75%;
margin-left: 20px;
}

.menuv a
{
width: 175px;
display:block; 
white-space:normal;
background: #FFFFFF;
padding: 0.4em 0px;
margin: 0px;
float: none;
/*z-index: 550;*/
}

.menuv a, .menuv a:visited /* all menus at rest */
{
color: #666666;
text-decoration:none;        /* removes underlines from links */
background: #6699FF;
}

.menuv a.main  /* attaches parent-arrow on all parents */
{
z-index:100;
background: #FFFFFF;
color: #000000;
border-bottom:2px dotted #CCCCCC; /* adds bottom border */
}

.menuv a.main:hover  /* attaches parent-arrow on all parents */
{
color: #666666;
background-color: #FFFFFF;
text-decoration: none;
z-index:1000;
} 

.menuv a:hover              /* all menus on mouse-over */
{
color: #FFFFFF;
background-color: #6699FF;
z-index:1000;
/*position: absolute;*/
}

.menuv a.sub  /* attaches parent-arrow on all children */
{
color: #000000;
border: 1px solid #FFFFFF;
background-color: #6699FF;
filter:alpha(opacity=85);
opacity:0.85;
/*position:absolute;*/
z-index:550;
}

.menuv a.sub:hover  /* attaches parent-arrow on all children */
{
color: #FFFFFF;
background-color: #6699FF;
filter:alpha(opacity=85);
opacity:0.85;
text-decoration: none;
/*position:absolute;*/
z-index:550;
} 

.menuv li
{
list-style-type:none;             /* removes bullets */
}

.menuv ul li
{
position:relative;
width: 200px; /* Ed: Added to allow moving flyout to align with border */
}

.menuv li ul
{
position: absolute;
top: 0;
/*left: 175px;*/                  /* distance from  left menu (this should be the same as width value in .menuv [1]) above */
left: 200px; /* Ed: Added to move flyout to align with border */
display: none;
z-index:500;
}

div.menuv ul, .menuv ul ul, div.menuv ul ul ul
{
margin:0;                /* keeps the menu parts together */
padding:0;
width: 8em;               /* width of sub menus  (this should be the same as width value in .menuv [1]) above */
}

div.menuv ul ul, div.menuv ul ul ul, div.menuv ul li:hover ul ul, div.menuv ul li:hover ul ul ul
{
display: none;
}

div.menuv ul li:hover ul, div.menuv ul ul li:hover ul, div.menuv ul ul ul li:hover ul
{
display: block;
}

/* Fix IE. Hide from IE Mac \*/
* html .menuv ul li{float:left;height:1%;}
* html .menuv ul li a{height:1%;}
/* End */