/* ================================================================ 
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/drop_variations.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.
=================================================================== */
 /* common styling */

 /* Set up the default font and ovrall size to include image */
.menu {
	height:auto;
	position:relative;
	font-family: "Trebuchet MS";
	font-size: 14px;
	z-index:1000;
	font-weight: bolder;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: left;
	width: 845px;
}
/* get rid of the default padding - margin and bullets */
.menu ul {
	padding:0;
	margin:0;
	list-style-type: none;
	font-size: 14px;
	font-weight: bold;
}
/* make menu horizontal */
.menu ul li {
float:left;
position:relative;
}
/* set up the default top level links */
.menu ul li a, .menu ul li a:visited {
	display:block;
	text-decoration:none;
	color:#000;
	width:200px;
	color:#FFFFFF;
	text-align:left;
	background-repeat: no-repeat;
	background-position: right;
	font-size: 14px;
	font-weight: bold;
	line-height: 29px;
}
/* hack for IE5.5 to correct the faulty box model */
* html .menu ul li a, .menu ul li a:visited {
	width:91px;
	w\idth:200px;
}
/* hide the drop down menu */
.menu ul li ul {
	display: none;
}
/* remove all table style so that it does not interfere with the menu */
.menu table {
	margin:-1px;
	border-collapse:collapse;
	font-size:1em;
	color: #FFFFFF;
}

/* first line for IE7 and non-IE browsers, second line for IE5.5 and IE6 */

/* style the top level hover */
.menu ul li:hover a,
.menu ul li a:hover {
	color:#FFFFFF;
	background-repeat: no-repeat;
	background-position: right;
	width: 200px;
	font-size: 14px;
	font-weight: bold;
}
/* make the drop down menu show and correctly position it */
.menu ul li:hover ul,
.menu ul li a:hover ul {
	display:block;
	position:absolute;
	left:0;
	width:200px;
	background-color:#666666;
	overflow: visible;
}
/* style the drop down links with no hover */
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
	display:block;
	color:#FFFFFF;
	text-align:left;
	border:0;
	margin:0;
	width:200px;
	background-color:#666666;
	border-bottom:1px solid #000000;
	text-indent: 10px;
	overflow: visible;
	font-size: 12px;
	font-weight: bold;
}
/* style the drop down menu links when hovered */
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
	background-color:#819C97;
	color:#ffffff;
	border-bottom:1px solid #ffffff;
	font-size: 12px;
	font-weight: bold;
}

/* special styling for IE5.5 and IE6 - transparency is non validating */
.menu ul li a:hover ul {
	background-image: none;
}
/* IE5.5 hack for faulty box model in drop down menu */
.menu ul li a:hover ul li a {
	background-color:#EDBD0C;
	width:121px; /* for IE5.5 faulty box model */
	w\idth:200px; /* for IE6 */
	background-image: none;
}