/* Custom CSS to make top-level menu have an mouseover background */

/*--------------------------------------------------------------------------------*/
/*--- first level : inactive ---*/

ul.dropdown li a.menuTop,
ul.dropdown li span.menuTop {
	padding: 3px 0 0 0;
	width: 148px; height: 22px;
	border-style: solid;
	border-width: 1px 0 1px 1px;
	border-color: #000000;
	font-family: Tahoma,Verdana,Arial;
	font-size: 9pt;
	line-height: 1.5em;
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}

ul.dropdown li a.menuTopWide {
	width: 148px;
}

ul.dropdown li a.menuTopLast {
	padding: 3px 0 0 0;
	width: 148px; height: 22px;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #000000;
	font-family: Tahoma,Verdana,Arial;
	font-size: 9pt;
	line-height: 1.5em;
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}

ul.dropdown li {
	background: url(images/fill_off.gif) 1px 1px repeat-x;
}


/*--------------------------------------------------------------------------------*/
/*--- first level : hover ---*/

ul.dropdown li:hover a.menuTop, ul.dropdown li:hover a.menuTopLast,
ul.dropdown li:hover span.menuTop, ul.dropdown li:hover span.menuTopLast {
	color: white;
}

ul.dropdown li:hover {
	background: url(images/fill_on.gif) 1px 1px repeat-x;
}


/*--------------------------------------------------------------------------------*/
/*--- first level : active ---*/

ul.dropdown li a:active {
	background: none;
}


/*--------------------------------------------------------------------------------*/
/*--- non-first level ---*/

/* Above CSS alters non-first level so need to undo some of above CSS */

ul.dropdown ul li {
	background: none;
	background-color: #f6f6f6;
}

ul.dropdown ul li.hover,
ul.dropdown ul li:hover {
	background: url(images/grad2.png) 0 100% repeat-x;
	color: #000;
}

ul.dropdown ul li:hover > *.dir,
ul.dropdown-vertical li:hover > *.dir {
	border-left: solid 2px #ff0000;
}

ul.dropdown ul a,
ul.dropdown ul span {
	padding: 5px;
}

/*
ul.dropdown a:hover {
	color: red;
	text-decoration: underline;
}
*/


/*--------------------------------------------------------------------------------*/
/*--- END ---*/