<style type="text/css">

#navMenu {

}

	#navMenu li {
		color:white;
		float:left;	
		background:url(../images/default.gif) no-repeat center center;	/* default background image	*/
		width:150px;							/* width and height of the menu item */
		height:10px;
		position:relative;			/* must set it as relative, because .hover class top and left with absolute position will be positioned according to li.	*/
	}

	#navMenu li a {
		z-index:20;		/* z-index must be higher than .hover class */
		position:relative;
		color:white;
	}

 	#navMenu li .hover {
		background:url(../images/over.gif) no-repeat center center;		/* mouseover image	*/
		/* for IE */
  		filter:alpha(opacity=60);
  		/* CSS3 standard */
  		opacity:0.6;
		position:absolute;	/* must be postion absolute 	*/
		width:250px;	/*	width, height, left and top to fill the whole LI item	*/
		height:30px;
		margin:0 0 0 -37px;
		left:0; 
		top:0;	
		z-index:0;		/* display under the Anchor tag	*/
		display:none;	/* hide it by default	*/
	}	

	#navMenu ul li.selected {
		background:url(../images/selected.gif) no-repeat center center;	/* selected image	*/
	}
	
	#navMenu2 {

}

	#navMenu2 li {
		color:white;
		float:left;	
		background:url(../images/default.gif) no-repeat center center;	/* default background image	*/
		width:150px;							/* width and height of the menu item */
		height:10px;
		position:relative;			/* must set it as relative, because .hover class top and left with absolute position will be positioned according to li.	*/
	}

	#navMenu2 li a {
		z-index:20;		/* z-index must be higher than .hover class */
		position:relative;
		color:white;
	}

 	#navMenu2 li .hover {
		background:url(../images/over2.gif) no-repeat center center;		/* mouseover image	*/
		/* for IE */
  		filter:alpha(opacity=60);
  		/* CSS3 standard */
  		opacity:0.6;
		position:absolute;	/* must be postion absolute 	*/
		width:250px;	/*	width, height, left and top to fill the whole LI item	*/
		height:30px;
		margin:0 0 0 -37px;
		left:0; 
		top:0;	
		z-index:0;		/* display under the Anchor tag	*/
		display:none;	/* hide it by default	*/
	}	

	#navMenu2 ul li.selected {
		background:url(../images/selected.gif) no-repeat center center;	/* selected image	*/
	}

#navMenu3 {

}

	#navMenu3 li {
		color:white;
		float:left;	
		background:url(../images/default.gif) no-repeat center center;	/* default background image	*/
		width:150px;							/* width and height of the menu item */
		height:10px;
		position:relative;			/* must set it as relative, because .hover class top and left with absolute position will be positioned according to li.	*/
	}

	#navMenu3 li a {
		z-index:20;		/* z-index must be higher than .hover class */
		position:relative;
		color:white;
	}

 	#navMenu3 li .hover {
		background:url(../images/over3.gif) no-repeat center center;		/* mouseover image	*/
		/* for IE */
  		filter:alpha(opacity=60);
  		/* CSS3 standard */
  		opacity:0.6;
		position:absolute;	/* must be postion absolute 	*/
		width:250px;	/*	width, height, left and top to fill the whole LI item	*/
		height:30px;
		margin:0 0 0 -37px;
		left:0; 
		top:0;	
		z-index:0;		/* display under the Anchor tag	*/
		display:none;	/* hide it by default	*/
	}	

	#navMenu3 ul li.selected {
		background:url(../images/selected.gif) no-repeat center center;	/* selected image	*/
	}


</style>
