body {
margin: 0;
padding: 0;
background: white;
font: 80% verdana, arial, sans-serif;
}

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

.menu ul 
{
	width:155px;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

.menu h2 a, .menu h2
{
	font: bold 11pt Times New Roman;
	color: #000000;
	background: #ddcc88;
	display: block;
	margin: 0;
}

.menu a:hover, .menu h2:hover, .expandedmenu h2
{
	color: #a00;
	background: #fff;
	cursor: pointer;
}

.menu h2 
{
	border-width: 1px;	
	padding: 0px 0px;
	border-style: solid;
	border-color: #ccc #888 #555 #bbb;
}

.menu a 
{
	font: 11pt Times New Roman;
	color: #000000;
	background-color: #e9deb2;
	border-width:1px;
	padding: 2px 2px;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc #888 #555 #bbb;
	text-decoration: none;	
	display: block;
	width: 150%;
}

.menu h2 a 
{
	border-width:0px;
	padding: 0px 0px;
	text-decoration: none;	
	width: 100%;
}

.menu li {position: relative;}

.menu ul ul 
{
	position: absolute;
	z-index: 500;
}

.menu ul ul ul 
{
	top: 0;
	left: 100%;
}

.menu ul ul,
.menu ul li:hover ul ul,
.menu ul ul li:hover ul ul
{display: none;}

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