.menu {
width:750px; 
font-family: Arial, Helvetica, sans-serif;
font-size: 90%;
margin: 0px;
padding: 0px;
position: relative;
z-index: 10;
height:27px;
line-height: 27px;}
/* line-height positions the text vertically */



.menu UL LI A
{
	display: block;
	font-size: 100%;
	overflow: hidden;
	width:107px; 
    height:27px;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	background: url(../images/menu.gif);
}

.menu UL LI A:visited
{
	display: block;
	font-size: 100%;
	overflow: hidden;
	width:107px; 
    height:27px;
	color: #ffffff;
	line-height: 27px;
	text-align: center;
	text-decoration: none;
	background: url(../images/menu.gif);
}

.menu UL
{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.menu UL LI
{
	float: left;
	margin: 0;
	position: relative;
}

.menu UL LI UL { display: none }

.menu UL LI:hover A { background-color: #CC0000; color: #ffffff;
text-decoration: none;}
.menu UL LI:hover UL { display: block; left: 0; width: 93px; position: absolute; top: 27px; z-index: 10; }
.menu UL LI:hover UL LI A.hide { background-color: #ADACB2; color: #000000; }
.menu UL LI:hover UL LI:hover A.hide { background-color: #ADACB2; color: #000000; }
.menu UL LI:hover UL LI UL { display: none; }
.menu UL LI:hover UL LI A { display: block; background: #cc0000; color: #ffffff; }
.menu UL LI:hover UL LI A:hover { background-color: #ADACB2; color: #000000; }
.menu UL LI:hover UL LI:hover UL { display: block; left: 93px; position: absolute; top: 0; z-index: 10; }
.menu UL LI:hover UL LI:hover UL.left { left: -93px; }

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {

height:auto; 
line-height:1em; 
padding:5px 10px; 
width:225px;
text-decoration: none;
text-align: left;}
* html .menu ul ul a{
width:225px;

}