

#flyout {
	padding: 0px; 
	margin: 0px;
	margin-top: 0px;
	list-style: none;
	width: 170px;
	position: absolute;
	z-index: 500;
}

#flyout li {	
	width: 170px;
	margin: 0px;
	padding: 0px;
	background: #FFF;
	font: bold 10px Verdana;
	text-align: left;	
	color: #777; 
	
}

#flyout li a, #flyout li a:visited {
	display: block;
	width: 160px;
	margin: 0px;
	text-decoration: none; 
	color: #777; 
	padding: 5px;
	border-bottom: 1px dotted #777;
}

#flyout li a:hover { 
	color: #2072b4;
}
 
#flyout li a.root {	
}

#flyout table { position:absolute; border-collapse:collapse; top:0; left:0; z-index:300; font-size:1em; padding:0px; margin:0px; }

#flyout ul {
	top: 0px;
	margin: 0px;
	padding: 5px;
	visibility: hidden; 
	position: absolute; 
	left: 170px; 
	width: 170px; 
	background: #FFF;
	list-style:none; 
	border: 1px solid #777;
	z-index: 500;
}


#flyout li:hover > a { color: #2072b4; }

#flyout li a:hover { position:relative; color: #2072b4;}

#flyout li a:hover ul li a:hover { position:relative; color:#2072b4; }

#flyout li:hover { position: relative; color: #2072b4;}

#flyout li:hover ul li:hover { position: relative; color: #2072b4; }

#flyout li  {position:relative; float: left;}

#flyout li:hover ul, #flyout li a:hover ul {
visibility:visible;
}

/*level 3 hidden when hover level 1*/
#flyout li:hover ul li ul, #flyout li a:hover ul li ul {
	visibility:hidden;
}

/*level 3 hidden when hover level 2*/
#flyout li:hover ul li:hover ul, #flyout li a:hover ul li a:hover ul {
	visibility:visible;
}

/*level 4 hidden when hover level 2*/
#flyout li:hover ul li:hover ul li ul, #flyout li a:hover ul li a:hover ul li ul {
	visibility:hidden;
}

/*level 4 hidden when hover level 3*/
#flyout li:hover ul li:hover ul li:hover ul, #flyout li a:hover ul li a:hover ul li a:hover ul {
	visibility:visible;
}

/*level 4 hidden when hover level 2*/
#flyout li:hover ul li:hover ul li:hover ul li ul, #flyout li a:hover ul li a:hover ul li a:hover ul li ul {
	visibility:hidden;
}

/*level 4 hidden when hover level 3*/
#flyout li:hover ul li:hover ul li:hover ul li:hover ul, #flyout li a:hover ul li a:hover ul li a:hover ul li a:hover ul {
	visibility:visible;
}

/* add pointers */
/*
#flyout li.fly { background: #FFF url('../img/tri2.gif') no-repeat 98% 50%; }
#flyout li.fly:hover { background: #FFF url('../img/tri21.gif') no-repeat right center; }
*/


#flyout li.mark a  { color: red; }


