#menu {
	border-top: 1px solid white;
	border-left: 1px solid white;
	background: #C7DBEF;
	padding: 4px;
	margin-bottom: 10px;
	width: 179px; /* set width of menu */
} 
#menu ul { /* remove bullets and list indents */
	background: #F3F0F0;
	list-style: none;
	margin: 0;
	padding: 0;
}

/* style, color and size links and headings to suit */
#menu a {
	background: #F3F0F0 url("../gfx/bullet.gif") no-repeat 10px center;
	display: block;
	width: 149px;
	padding: 6px 5px 6px 25px;
	color: #535353;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	border-top: 1px solid #F7F5F5;
	border-bottom: 1px solid #B9CCDF;
}
#menu a:hover, #menu a.active {
	color: black;
	background-color: #C7DBEF;
}
#menu li {
	/* make the list elements a containing block for the nested lists */
	position: relative;
} 
#menu ul ul  {
	border: 4px solid #C7DBEF;
	position: absolute;
	top: 0;
	left: 100%; /* to position them to the right of their containing block */
	width: 100%; /* width is based on the containing block */
}

div#menu ul ul, /* 2 level */
div#menu ul li:hover ul ul, /* 3 level */
div#menu ul li:hover ul ul ul /* 4 level */
{display: none; }

div#menu ul li:hover ul, /* 2 level */
div#menu ul ul li:hover ul, /* 3 level */
div#menu ul ul ul li:hover ul /* 4 level */
{display: block; }

#menu h3 {
	color : White;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	font-weight : bold;
	text-align : center;
}