#menu {
width: 100%;
background: #FFF;
float: left;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: auto;
float: left;
}

#menu a {
	color: #7B5639;
	display: block;
	margin: 0;
	padding: 3px 8px 1px 9px;
	text-decoration: none;
}

#menu h2 {
	display: block;
	margin: 0;
	padding: 3px 8px 1px 9px;
	color: #7B5639;
	background-color: #FFFFFF;
	text-decoration: none;
}


#menu a:hover {
color: #FFF;
background: #7B5639;
}

#menu li {position: relative;}

#menu ul ul {
	position: absolute;
	left: 9px;
	z-index: 500;
	width: 16em;
	background-image:url(../images/submenu_bg.jpg);
	border-bottom:solid 1pt #663300;
}

#menu ul li ul li {
	border-left:solid 1pt #663300;
	border-right:solid 1pt #663300;
	border-top:solid 1pt #663300;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

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;}

</style>
[if IE]>
<style type="text/css" media="screen">
 #menu ul li {float: left; width: 100%;}
</style>
<![endif]
[if lt IE 7]>
<style type="text/css" media="screen">
body {
behavior: url(csshover3.htc);
font-size: 100%;
}

#menu ul li a {height: 1%;} 

#menu a, #menu h2, #menu ul ul {
font: bold 0.85em/1.5em Verdana, Arial, Helvetica, sans-serif;
letter-spacing:0.02em;
}