/* ------ :hover subclass emulator for IE ------ */
/*body { behavior:url("menu/csshover.htc"); }*/
#menu{ background-image:url(../images/menu.gif); background-repeat:repeat-x; background-color:#c61111; background-position:bottom; float:left; width:557px; border:2px solid #cccccc; margin-bottom:12px}

#menu ul {
	font-family:"Trebuchet MS",Tahoma, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
}

#menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
	position: relative;
}

#menu a {
	font-size:70%;
	float: left;/* \*/float: none;/*  */
	display: block;
	text-align:center;
}

#menu li ul {
	visibility: hidden;
	position: absolute;
	z-index: 100;
}

#menu li ul li {
	width: 100%;
	display: block;
	float: left;
	position: static;
}
html>body #menu li ul li {
	float: none;
	position: relative;
}

#menu li ul li:hover {
	position: relative;
}

/* fix the position */
#menu li ul li ul {
	top: 0;
	left: 100%;
}

/* simulate child selector for IE */
div#menu li:hover ul, #menu li:hover li:hover ul, #menu li:hover li:hover li:hover ul {
	visibility: visible;
}
#menu li:hover li ul, #menu li:hover li:hover li ul, #menu li:hover li:hover li:hover li ul {
	visibility: hidden;
}

/* do the normal show, with increased specificity */
#menu ul#menuList li:hover > ul {
	visibility: visible;
}
/*--------------------------------------------------------------------------------------------*/
#menu ul {
	margin:0px;
	padding:0px;
}

#menu ul li {
	margin:0px;
	padding:0px;
	position:relative;
	top:0px;
}

#menu ul li a {
	margin:0px;
	padding: 3px 12px;
	font-weight:bold;
	text-decoration:none;
	color:#ffffff;
}


#menu ul li:hover {background-color:#ffffff;}

#menu ul li:hover ul a {color:#c61111;}

#menu ul li a:hover, #menu ul li:hover a {
	color:#c61111;
}

#menu li ul {
	margin:0px;
	padding:0px 0px 0px 0px;
	width: 170px;
	background-color:#f2f2f2;
	border:none;
	border-bottom:1px solid #c61111;
	border-top:2px solid #cccccc;
}

#menu li ul li {
	margin:0px;
	padding:0px;
	width: 170px;
	background-color:transparent;
	top:0px;
}

#menu li ul li a {
	margin: 0px;
	padding: 5px 10px;
	text-align:left;
	font-weight:normal;
	width: 150px;
	background-color:transparent;
	border:none;
	color:#c61111;
}

#menu li ul li a:hover {
	color:#c61111;
	background-color:#fff;
}