#menu {
	width:642px;
	position:relative;
	z-index:500;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align: center;
	float: left;
	/*height:39px;*/
/*	
width: 100%;
background: #eee;
float: left;
*/
}

#menu ul {
padding:0;
margin:0;
list-style-type:none;
float:left;
width:107px;
font-size:14px;
/*
list-style: none;
margin: 0;
padding: 0;
width: 12em;
float: left;
*/
}

#menu a, #menu a:visited {
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	/*background-color:#009933;*/
	text-decoration:none;
	color:#FFFFFF;
	/*width:149px;*/
	height:39px;
	padding-left:0px;
	line-height:39px;
	font-weight: bold;
}

#menu a:hover {
	color:#4F2D87;
	background:#C0B4C9;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
}

#menu li {
	position: relative;
	font-size:14px;
}

#menu ul ul {
position: absolute;
/*position: relative;*/
z-index: 900;
width:160px;
top:39px;
left:0px;
height:0;
}
/* another hack for IE5.5 */
* html #menu ul ul {
left:0px;
l\eft:0px;
}
#menu ul ul a, #menu ul ul a:visited {
	font-size:12px;
	text-align:left;
	background:#C8BED1; 
	color:#4E1D8A; 
	height:auto; 
	line-height:1em; 
	padding:5px 10px; 
	height:20px;
	line-height:20px;
}

#menu ul ul a:hover{
	color:#4F2D87;
	background:#C0B4C9;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}


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

#menu ul ul ul a, #menu ul ul ul a:visited {
font-size:12px;
background:#AD9DBA;
color:#4E1D8A;
}

/* style the third level hover */
#menu ul ul ul a:hover {
font-size:12px;
background:#AD9DBA;
color:#FFFFFF;
}

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