div#menu {

	background-color: #7a11a1;
	position: relative;
	top:2px;

	color: red;

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	font-size: 20px;

	line-height: 200%;	

}



ul.menu {

	clear: both;
	

	float: none;

	cursor: pointer;

	z-index: 1;

	position: relative;

}



div#menu ul {
	margin: 1px;

	padding: 1px;
	
	list-style: none;

	float: left;

	z-index: 2;

	position: relative;

}

div#menu li {

	position: relative;

	margin: 0px;
	

	padding: 0.5px;

	display: block;

	overflow: visible;

	float: left;  

	height: 30px;

	z-index: 3;

}

/* menu::level1 */

div#menu li a {
	background-color: #7a11a1;
	height: 30px;
	display: block;
	float: left;
	line-height: 30px;

	text-decoration: none;

	color: white;

	overflow: hidden;

	z-index: 4;

    position: relative;

}



div#menu li span {  
	background-color: #7a11a1;
	color: white;
	font-weight:bolder; 

	display: block;

	padding: 0 15px;

    background-repeat: no-repeat;

	background-position: 95% 0px;

	z-index: 6;

	position: relative;


}



div#menu li span.bg { 

  display: block;

  padding: 0;

	height: 30px;

	z-index: 5;

	position: relative;

  float: left;

}





div#menu li.current {  

	color: darkgreen;

	font-weight: bold;

}



div#menu li.current ul {  

	color: darkgreen;

	font-weight: bold;

}



/* menu::level2 */

div#menu ul.menu ul {

	padding: 0px 0px 10px;
	left: -999em; 
	width: 200px;
	position: absolute;
	top: 30px;

}

div#menu li:hover ul, div#menu li.sfhover ul { 

	left: 0px; 
	z-index: 100;
	visibility: visible; 
}



div#menu li li { 

	width: 100%; 

	text-indent: 0px;

	float: none; 

	height: auto;

}

div#menu li li a, div#menu li li span.separator { 

	margin: 0px 0px;

	padding: 0px; 



	border-bottom:1px solid #808080;

	height: auto; 

	float: none; 

	display: block; 

	line-height: 25px; 

	width: 160px;

}



div#menu li li a.parent { 

}



/* menu::level3 */

div#menu li ul ul { 

	margin: -31px 0 0 170px;

}



div#menu li:hover ul ul, div#menu li.sfhover ul ul { 

	border-top: 1px solid #ccc; 
	color: yellow;

}



div#menu li:hover ul ul, div#menu li.sfhover ul ul, div#menu li:hover ul ul ul, div#menu li.sfhover ul ul ul, div#menu li:hover ul ul ul ul, div#menu li.sfhover ul ul ul ul { 

	left: -999em; 
	color: yellow;
}

div#menu li li:hover ul, div#menu li li.sfhover ul, div#menu li li li:hover ul, div#menu li li li.sfhover ul, div#menu li li li li:hover ul, div#menu li li li li.sfhover ul { left: 0pt; z-index: 100; }



div#menu a:hover {

	color: #0ad4d2;
}

div#menu span:hover {

	color: yellow;

}

div#menu li ul span:hover {

	color: yellow;
}