#menu {
	width: 627px;
	float: left;
	background-color: #E70000;
	margin: 75px 0px 0px 0px;
	padding: 0;
	border-left:#FFFFFF solid 2px;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: auto;
float: left;
}
#menu ul h2{
margin: 0 0 0 5px;
padding: 0;
width: auto;
}
#menu ul h2 a{
	font: 12px/16px arial, helvetica, sans-serif;
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: #E70000;
	margin: 0;
	padding:4px 4px 3px 15px;
	background-color:#FFEBE7;
	background-image:url(images/navTop.gif);
	background-position:0px;
	background-repeat:no-repeat;
}
#menu a {
	font: 11px/16px arial, helvetica, sans-serif;
	display: block;
	margin: 0;
	padding: 2px 3px;
	border-top: 1px none #E70000;
	border-right: 1px solid #E70000;
	border-bottom: 1px solid #E70000;
	border-left: 1px solid #E70000;
}

#menu h2 {
	color: #666666;
	background-color: #FFEBE7;
}

#menu a {
	color: #2200;
	text-decoration: none;
	background-color: #EFCBBD;
}

#menu a:hover {
color: #a00;
background: #fff;
}
#menu h2 a:hover {
	background-image:url(images/navTop1.gif);
	background-position:0px;
	background-repeat:no-repeat;
}
#menu li {position: relative;}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}
#menu ul ul {
top:25px;
left:0;
position: absolute;
z-index: 500;
}

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; width: 120px;}
#menu ul li a {height: 1%;} 

#menu a, #menu h2 {
font: 11px/16px arial, helvetica, sans-serif;
}
</style>
<![endif]-->