#lava {
		/* you must set it to relative, so that you can use absolute position for children elements */
		position:relative; 
		text-align:center; 
	    height: 12px;
            width: 795px;
		margin-top: 6px;
		
	}
	
	#lava ul {
		/* remove the list style and spaces*/
		margin:0; 
		padding:0; 
		list-style:none; 
		display:inline;
				
		/* position absolute so that z-index can be defined */
		position:absolute; 
		
		/* center the menu, depend on the width of you menu*/
		left:0px; 
		top:0; 
		
		/* should be higher than #box */
		z-index:100;

	}
	
	#lava ul li {
		
		/* give some spaces between the list items */
		/* margin:0 15px; */ 
		
		/* display the list item in single row */
		float:left;
		 
					background:url(../img/menuspace.gif);
					background-repeat:no-repeat;
	}
	#lava ul .first {
		
		/* give some spaces between the list items */
		/* margin:0 15px; */ 
		
		/* display the list item in single row */
		float:left;
		background:none;
		background-image:none;

	}
	#lava #box {
		
		/* position absolute so that z-index can be defined and able to move this item using javascript */
		position:absolute; 
		left:0; 
		top:0; 
		
		/* should be lower than the list menu */
		z-index:50; 

		/* image of the right rounded corner */
		background:none; 
		height:20px;
		
		/* add padding 8px so that the tail would appear */
	 /*	padding: 0 15px 0 5px; */
		 
		/* self-adjust negative margin to make sure the box display in the center of the item */
		margin:5px 0 0 0px;
	}
	
	#lava #box .head {
		/* image of the left rounded corner */
		border-bottom: 7px solid #cd0101; 
		background:none;
		height:23px;

		/* self-adjust left padding to make sure the box display in the center of the item */
		padding-left:0px;
	}
	#lava li a {
                        font-family: Helvetica, Arial, Sans-serif;
						font-size: 11px;
	                    text-decoration: none;
                        color: #ffffff;
                        outline: none;
                        text-align: center;
                        top: 0px;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 20px;
                        position: relative;
                        overflow: hidden;
                        margin: 5px 17px 5px 17px;
                    }   
                        .lava li a:hover, .lava li a:active, .lava li a:visited {
                            border: none;
                        }