	a {
	text-decoration:none;
	color: #CCCCCC;
	}
	
	#lava {
	/* you must set it to relative, so that you can use absolute position for children elements */
		position:absolute;
	width:600px;
	height:20px;
	bottom: 0px;
	left: 200px;
	}
	
	#lava ul {
	/* remove the list style and spaces*/
		margin:0;
	padding:0;
	list-style:none;
	/* position absolute so that z-index can be defined */
		position:absolute;
	/* should be higher than #box */
		z-index:100;
	height: 20px;
	}
#lava li {
	position: relative;
}
	
	#lava ul li {
	/* display the list item in single row */
		float:left;
	height: 20px;
	margin: 0;
	padding: 0px;
	}

#lava      ul      ul    {
	position: absolute;
	top: 20px;
	z-index: 500;
	width: 120px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FF9900;
}
#lava ul ul li {
	width: 100%;
	padding-top: 5px;
	margin: 0px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-color: #FF9900;
	border-bottom-color: #FF9900;
	border-left-color: #FF9900;
	background-color: #000000;
}



#lava a, #lava a:active, #lava a:visited {
	text-decoration:none;
	color:#DCA8CE;
	padding-right: 9px;
	padding-left: 5px;
}

#lava a:hover {
	color:#FFFFFF;
}
#lava .selected a {
	color: #FFFFFF;
}



div#lava ul ul,
div#lava ul li:hover ul ul,
div#lava ul ul li:hover ul ul
{display:none;}

div#lava ul li:hover ul,
div#lava ul ul li:hover ul,
div#lava ul ul ul li:hover ul
{display:block;}
	
	#lava #box {
	/* position absolute so that z-index can be defined and able to move this item using javascript */
		position:absolute;
	left:0;
	bottom:0;
	/* should be lower than the list menu */
		z-index:50;
	background-color: #FF9900;		/*height:20px;*/
		
		/* add padding 8px so that the tail would appear *
		padding-right:8px;/
		
		/* self-adjust negative margin to make sure the box display in the center of the item 
		margin-left:-10px;*/
	}

	
	#lava #box .head {
	height:20px;
	background-color: #9E769E;		/* self-adjust left padding to make sure the box display in the center of the item 
		padding-left:10px;*/
	}
