/* horizontal dropdown */
/* positioning */
#menu {
float: right;
height:20px;
text-align:right;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
	text-align:left;
}

#menu li{ 
		 /* width must be included here otherwise the menu does not render correctly in ie6, if the buttons are all diffrent sizes then apply the style straight to the <li> itself with inline styles */
}

#menu li.active a {
	color: #ffffff;
}

#menu li li a {
	display: block;
	width: 100px;
	padding: 3px;
	color: #FFFBF2;
	background-color:#511845;
	font-weight:bold;
	font-size:11px;
}

/* colour and style */

#menu a, #menu h2 {
display: block;
text-decoration:none;
margin: 0;
padding: 0;
}

#menu h2 {
color: #FFFBF2;
font-weight:normal;
}

#menu h2:hover {
color: #ffffff;
font-weight:normal;
}

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

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

/* layer positioning */

#menu li {
	float: left;
	position: relative;
}

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

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

/* setup hover */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;}