#mn, 
#mn ul {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0 0 0px 0;
	margin: 0;
	list-style: none;
	border: 0px solid #000;
	background: #ee1c25;
	position: relative;
	z-index: 200;	
}
#mn {height:20px; padding:0;}

#mn table {
	border-collapse: collapse;
}
#mn li {
	float: left;
	padding: 0 0px 0 25px;
}
#mn li li {
	float: left;	
}
/* a hack for IE5.x and IE6 */
#mn li a li {float:left;}

#mn li a {display:block; float:left; color:#FFFFFF; height:25px; padding-right:10px; line-height:20px; text-decoration:none; white-space:nowrap;}
#mn li li a {height:20px; line-height:20px; float:none;}

#mn li:hover {position:relative; z-index:300; background:#ee1c25;}
#mn a:hover {position:relative; z-index:300; text-decoration:none; color:#FFFFFF;}

#mn :hover ul {left:0; top:25px;}
/* another hack for IE5.5 and IE6 */
#mn a:hover ul {left:-10px;}

#mn ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#mn li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#mn li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#mn li:hover > a {text-decoration:none; color:#2638a4;}