body {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #000000;
	text-decoration: none;
	background-image: url(images/PageBackground.jpg);
	background-repeat: no-repeat;
}

td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

th {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}
ul, li {	/* use of a list for the menu */
	list-style-type: none;	/* suppression of list markers */
	margin:0;
	padding:0;
}
a:link {
	font-weight: bold;
	color: #336699;
	text-decoration: none;
}
a:visited {
	font-weight: bold;
	color: #336699;
	text-decoration: none;
}
a:hover {
	font-weight: bold;
	color: #336600;
	text-decoration: none;
}
a:active {
	font-weight: bold;
	color: #339900;
	text-decoration: none;
}

a.specialLink:link {
	color: white;
}
a.specialLink:visited { color: white; }
a.specialLink:hover { color: black; }

ul {
	position: absolute;	/* general menu background */
	width: 160px;
	padding-top: 0px;
	text-align: left;
	padding-bottom: 0px;
	text-indent: 11px;
	padding-right: 0px;
	padding-left: 0px;
	height: 345px;
	top: 1px;
	background-color: transparent;
	background-image: url(images/NavBkgrd.jpg);
	background-repeat: no-repeat;
	background-position: -4px -1px;
}
li {
	display: inline;
	text-align: left;
}	/* correctionf or IE5 and IE5.5 */

li a {	/* buttons dimensions and definitions */
	display: block;	/* A tag place in block to give it dimensions */
	height: 30px;
	width: 160px;
	color: #FFFFFF;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 25px;
	padding-top: 2px;
}
li a:hover {
	color: #333333;
	background: transparent url(images/NavBkgrd_01.jpg) no-repeat left;
	font-weight: bold;
}
a#menu1:hover {	/* offset placement of background for each button */
}
a#menu2:hover {
	background-image: url(images/NavBkgrd_02.jpg);
	background-repeat: no-repeat;
}
a#menu3:hover {
	background-image: url(images/NavBkgrd_03.jpg);
	background-repeat: no-repeat;
}
a#menu4:hover {
	background-image: url(images/NavBkgrd_04.jpg);
	background-repeat: no-repeat;
}
a#menu5:hover {
	background-image: url(images/NavBkgrd_05.jpg);
	background-repeat: no-repeat;

}
<ul>
	<li><a id="menu1" title="Calendar" accesskey="1" href="#">Calendar</a></li>
	<li><a id="menu2" title="Board" accesskey="2" href="#">Board</a></li>
	<li><a id="menu3" title="JobBank" accesskey="3" href="#">JobBank</a></li>
	<li><a id="menu4" title="Archives" accesskey="4" href="#">Archives</a></li>
	<li><a id="menu5" title="JoinUs" accesskey="5" href="#">JoinUs</a></li>
</ul>
.WhiteBkgrdText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	padding: 3px;
}
.WhiteBkgrdText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 25px;
	color: #000000;
	padding: 10px;
}
.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #336600;
	line-height: normal;
}
.TableHead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.disclaimer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	font-weight: bold;
}
.photocredit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
}
a#menu6:hover {


	background-image: url(images/NavBkgrd_06.jpg);
	background-repeat: no-repeat;
}
a#menu7:hover {



	background-image: url(images/NavBkgrd_07.jpg);
	background-repeat: no-repeat;
}
a#menu8:hover {




	background-image: url(images/NavBkgrd_08.jpg);
	background-repeat: no-repeat;
}
a#menu9:hover {





	background-image: url(images/NavBkgrd_09.jpg);
	background-repeat: no-repeat;
}