/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout4.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */



.menu {
position: absolute;
z-index:  100;
color: #FFFFFF;
font-size:90%;
height:100%;
padding-top: 0px;
padding-bottom: 0px;
margin-left:24px; /* this page only */
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {

padding:0;
margin:0;
list-style-type:none;
position:relative;
border:0px solid #fff;
}

.menu ul ul li {

background-color: #000000;
color: #FFFFFF;

}


* html .menu li {margin-left:-16px; margin-left:0;}
/* get rid of the table */
.menu table { position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em; width:0; height:0;}


/* style the links */
.menu2 a, .menu2 a:visited {
text-decoration:none;
line-height:27px;
color:#FFFFFF;



}


.menu li {
padding-top: 2px;
height: 22px;

}














/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {

visibility:hidden;
position:absolute;
top:-1px;
left:220px;
filter:alpha(opacity=90);
-moz-opacity:.90;
opacity:.90;

}

/* make the second level visible when hover on first level list OR link */




.menu  td:hover ul{
visibility:visible;

}