ul#navigation {
	width: 581px;
	height: 50px;
}

ul#navigation li {
     float: left;
}

ul#navigation li a {
    display: block;
    height: 50px;
    cursor: pointer;
}

ul#navigation li a#menu {width: 98px; background: url(../images/nav1.gif) 0 0 no-repeat;}
ul#navigation li a#events {width: 106px; background: url(../images/nav2.gif) 0 0 no-repeat;background-position: 0 -50px;}
ul#navigation li a#about {width: 126px; background: url(../images/nav3.gif) 0 0 no-repeat;}
ul#navigation li a#reviews {width: 115px; background: url(../images/nav4.gif) 0 0 no-repeat;}
ul#navigation li a#directions {width: 136px; background: url(../images/nav5.gif) 0 0 no-repeat;}

ul#navigation li a#menu:hover,
ul#navigation li a#about:hover,
ul#navigation li a#reviews:hover,
ul#navigation li a#directions:hover {
	background-position: 0 -50px;
}

.header-image {
 	margin: 0 auto;
	padding-top: 0;
	width: 800px;
	height: 140px;
	background: #000000 url(../images/events-header.jpg);
	text-align: center;
	}

.body-image {
 	margin: 0 auto;
	padding-top: 0;
	width: 800px;
	height: 335px;
	background: url(../images/events-body6.gif);
	text-align: center;
	}

ul#rendezvous {
	width: 800px;
	height: 89px;
}


ul#rendezvous li a {
    display: block;
    height: 89px;
    cursor: pointer;
}

ul#rendezvous li a#rendezvouslink {width: 800px; background: url(../images/rendezvous-body.gif) 0 0 no-repeat;}

ul#rendezvous li a#rendezvouslink:hover {
	background-position: 0 -89px;
}