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

body {
	font-family: Arial, Helvetica, sans-serif;
}

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

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

	#navMenu li a {
	/* z-index must be higher than .hover class */
		z-index:20;
	/* display as block and set the height according to the height of the menu to make the whole LI clickable	*/
		display:block;
	height:30px;
	position:relative;
	color: #FFF;
	text-decoration: none;
	font-size: 00.7em;
	}

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

	#navMenu li.selected {
	background-image: url(images/selected.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	}
#main_page img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}