#menu {
	float:left;
	margin: 2px 0 0 3px;
	font-family: Arial;
	width: 875px;
	font-weight: bold;
	background: #f3ead5;
	font-size: 14px;
	border-bottom: 1px solid #1b7676;
}
	
#menu ul {
	margin: 0;
	padding: 10px 0 0 0;
	list-style: none;

}
#menu li {
	display: inline;
	margin: 0;
	padding: 0;
}

#menu a {
	float: left;
	background:url("images/normal.gif") no-repeat left top;
	margin: 0;
	padding: 0 0 0 4px;
	text-decoration: none;
	}
#menu a span {
	float: left;
	display: block;
	background:url("images/hover.gif") no-repeat right top;
	padding: 5px 6px 4px 6px;
	color: #1b7676;
	cursor: pointer;
}
	
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {float:none;}
/* End IE5-Mac hack */
#menu a:hover span {color:#FFFFFF;}
#menu a:hover {background-position:0% -42px;}
#menu a:hover span {background-position:100% -42px;}