/* The Ultimate CSS only Drop-Down Menu - © 2006 Stu Nicholls, http://www.cssplay.co.uk/ */
#menu {
	position: relative; 
	background-color: #656565;
	padding: 0px;
	margin: 0px 0px 0px;

}

/*#menu {
	position: relative; 
	width: 882px; 
	height: auto;
	background-color: #656565;
	z-index: 10;
}*/
#menu ul {
	padding: 0; 
	margin: 0;
	margin-left: 0px;
	list-style-type: none;
}
#menu ul li {
	float:left;
	position:relative;
	left: 0px;
}
#menu ul li a, #menu ul li a:visited {
	display: block; 
	width: 125px; 
	height: 21px;
	line-height: 21px; /* Centre text vertically */
	padding: 0;
	border: 1px solid white; 
	border-width: 0	1px 0 0;
	color: white; 
	background-color: #656565;
	text-decoration: none; 
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}
#menu ul li:first-child a {
	width: 123px;	/* tab-width -2 */
	border-width: 0 1px 0 1px;
}
#menu ul li:last-child a {
	width: 124px;	/* tab-width - 1 */
}
#menu ul li a.menuactive, #menu ul li a:visited.menuactive {
	background-color: #BF0474;
}
#menu ul li ul {
	display: none;
}
table {
	margin: -1px; 
	border-collapse: collapse;
	font-size: 1em;
}
#menu ul li:hover a {	/* Will not be applied by IE<6 */
	color: white; 
	background-color: #ce000c;/*DD2293*/
}
#menu ul li:hover ul {
	position: absolute; 
	display: block; 
	top: 21px; /* Main items width */
	left: 0; 
	width: 190px; /* child width + padding */
	margin-top: 0px; /* border-bottom-width of main items*/
}
#menu ul li:hover ul li a {
	display: block;
	width: 180px;
	height: auto;
	border-width: 1px 0 0 0;
	padding: 0 0 0 10px;
	background-color: #656565;
	color: white; 
	line-height: 22px; 
	text-align: left;
}
#menu ul li:hover ul li a:hover {
	background-color: #ce000c; /*DD2293*/
	color: white;
}

/* Not required, but if ever the menu wraps on two
   lines, the layout will not be broken */
#menu_clearer {
	clear: left;
}