@charset "utf-8";
/* CSS Document */

#navMenu {
    margin:0; 
    padding:0;
    list-style:none;	
    font-family:arial;
    text-align:center;
    line-height:78px;
}

#navMenu li {
    float:left;	
    background:url(images/default.gif) no-repeat center center;	/* default background image	*/
    width:105px;							/* width and height of the menu item */
    height:80px;
    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 */
    display:block;	/* display as block and set the height according to the height of the menu to make the whole LI clickable	*/
    height:80px;
    position:relative;
    color:#FFFFFF;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    letter-spacing: -1px;
}

#navMenu li .hover {
    background:url(images/over.gif) no-repeat center center;		/* mouseover image	*/
    position:absolute;	/* must be postion absolute 	*/
    width:105px;	/*	width, height, left and top to fill the whole LI item	*/
    height:80px;
    left:0; 
    top:0;	
    z-index:0;		/* display under the Anchor tag	*/
    display:none;	/* hide it by default	*/
}	

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