#menu ul {
	list-style:none;
	width:auto;
	margin:0;
	padding:0 20px 0 0;
	/*background:url(../images/menu_bg_right.png) 100% 0 no-repeat;*/
	float:right;
}
#menu ul h2{
	padding:0;
	margin:0px;
}
#menu ul h2 a{
	padding:8px 20px 8px 21px;
	margin:0;
	display:block;
	background:url(../images/menu_sep.gif) 0 50% no-repeat;
}
#menu ul h2 a:hover{
	padding:8px 20px 8px 20px;
	margin:0;
	background:url(../images/menu_over.png) repeat-x;
	border-left:#7d2121 solid 1px;
}
#menu h2 {
	margin:0;
	padding:0;
}
#menu a {
	text-align:center;
	margin:0;
	padding:0;
}
/* IE needs the values given in 2 x parts to display autosized menu properly - width:auto */ 
* html #menu h2 a{display:inline-block;} 
* html #menu h2 a{display:inline;} 

#menu ul ul li {
	border:#ffffff solid 1px;*
	margin:0 1px 1px 1px;
	background-color:#CCCCCC
}
#menu ul ul li a {
	padding:0px;
}
#menu ul ul li a:hover {
}
#menu a:hover {
	background:transparent;
}
#menu h2 a:hover {
	background-color:transparent;
}
#menu li {position:relative;}

#menu ul ul ul {
	position:absolute;
	top:0;
	left:100%;
}
#menu ul ul {
	top:30px;
	left:0;
	position:absolute;
	z-index:500;
	background-color:#999999;
	border-bottom:#999999 solid 1px;
}
div#menu ul ul {
display:none;
}
div#menu ul li:hover ul
{display:block;}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display:none;}

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

body {
behavior:url(/csshover.htc);
}
<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior:url(/csshover.htc);
font-size:100%;
}

#menu ul li {float:left; white-space:wrap; overflow:inherit; width:auto;}
#menu ul li a {height:1%;} 

#menu a, #menu h2 {
	list-style:none;
	font-family: Arial, Tahoma, Verdana, helvetica, sans-serif;
	font-size:1.05em;
	font-weight:bold;
	text-transform:uppercase;
	color:#f4f4f4;
}
</style>
<![endif]-->