.menu {
	background-color: #af001f;
	width: 980px;
	height: 24px;
}

ul#menu {
	background-color: #af001f;
	color: #fff;
	float: right;
	width: 980px;
	/*height: 24px;*/
	margin: 0;
	padding: 0;
}

ul#menu li {
	float: left;  /* For Gecko too */
	display: inline;
	list-style: none;
	position: relative;
	text-align: center;
	width: 140px;
	/*height: 13px;*/
	margin: 0;
	padding: 5px 0;
}

/* For FireFox - 1st level, For IE 6 - 1st level  */     
ul#menu li:hover, ul#menu li.iehover {
	background-color: #8d734c;
}
	
/*	 For IE 6 - 2nd level,  For FireFox - 2st level*/ 			
ul#menu li.iehover li.iehover, ul#menu li:hover ul li:hover {   
	background-color: #c0a070;
}

ul#menu a {
	color: #fff;
	text-decoration: none;
}

ul#menu a:visited {
	color: #fff;
	text-decoration: none;
}

ul#menu a:hover {
	text-decoration: none;
}

ul#menu ul {
	border-top: #c0a070 1px solid;
	background-color: #8d734c;  /*d1cbbf*/
	display: none;
	list-style: none;
	left: 0;
	top: 23px;
	position: absolute;
	width: 141px;
	margin: 0;
	padding: 0;
}

ul#menu ul:after{  /* From IE 7 lack of compliance */
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}

ul#menu ul li {
	float: left;  /* For IE 7 lack of compliance */
	border-bottom: #c0a070 1px solid;
	display: block !important;
	display: inline; /*  For IE */
	text-align:left;
	width: 141px;
	/*height: 24px;*/
	margin: 0;
	padding: 0;
}


/* Root Menu */
 
ul#menu ul li a {
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	color: #fff;
	font: bold 10px/24px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	/*height: 24px; !important;*/
	height: 1%; /*For IE*/
	width: 135px;
	padding: 0 0 0 5px;
	margin: 0;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#menu li:hover ul ul,
ul#menu li.iehover ul ul {
	display: none;
}

ul#menu li:hover ul,
ul#menu ul li:hover ul,
ul#menu li.iehover ul,
ul#menu ul li.iehover ul {
	display: block;
}