@charset "utf-8";
/* CSS Document */

/*================================================================
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/flyout2.html
Copyright (c) 2005-2007 Stu Nicholls. all rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
===================================================================*/
.menu
{
	z-index: 100;
	font-weight: bold;
	margin: 0;
	border-bottom: 1px solid #999999;
	position:relative;
	
}
.menu ul
{
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 170px;
}

/*hack for IE5.5*/
* html .menu ul
{
	margin-left: -16px;
	ma\rgin-left: 0;
}
/*position relative so that you can position the sub levels*/
.menu li
{
	position: relative;
	/*background:#D4D8BD;*/
	background:#CCC;
	height: 35px;
	border-top: 1px solid #999999;	/*border-right: 1px solid #999999;*/
}

.menu ul li ul {
	border-bottom: 1px solid #999999;
	z-index:100;
	/*zoom:1;*/
	}

.menu li li {
	border-right: 1px solid #999999;	
}


/*get rid of the table*/
.menu table
{
	position: absolute;
	border-collapse: collapse;
	top: 0;
	left: 0;
	z-index: 100;
	font-size: 0.9em;
}
/*style the links*/
.menu a, .menu a:visited
{
	display: block;
	text-decoration: none;
	height: 40px;
	line-height: 30px;
	width: 170px;
	color: #333;
	text-indent: 10px;
}
/*hack for IE5.5*/
* html .menu a, * html .menu a:visited
{
	background: #D4D8BD;
	width: 169px;
	w\idth: 170px;
}
/*style the link hover*/
* html .menu a:hover
{
	color: #FFF;
	background: #949E7C;
	
}
.menu :hover>a
{
	color: #FFF;
	background: #949E7C;
	height:40px;

}
/*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: 0;
	left: 169px;
	font-size: 100%;
}
/*make the second level visible when hover on first level list OR link*/
.menu ul li:hover ul, .menu ul a:hover ul
{
	visibility: visible;

}
/*keep the third level hidden when you hover on first level list OR link*/
.menu ul :hover ul ul
{
	visibility: hidden;
}
/*keep the fourth level hidden when you hover on second level list OR link*/
.menu ul :hover ul :hover ul ul
{
	visibility: hidden;
}
/*make the third level visible when you hover over second level list OR link*/
.menu ul :hover ul :hover ul
{
	visibility: visible;
}
/*make the fourth level visible when you hover over third level list OR link*/
.menu ul :hover ul :hover ul :hover ul
{
	visibility: visible;
}