#nav {
  width: 876px;
  height: 30px;
  display: block;
  padding: 0;
  margin: 0;
}

#nav li {
  float: left;
  display: block;
}

#nav li a {
  text-indent: -9999px;
}

li#before_nav {
  width: 228px; 
  height: 30px;
  display: block;
  float: left;
  background-image: url(images/po-2.gif);
}

li.divider {
  width: 2px;
  height: 30px;
  background-image: url(images/nav/up/divider.gif);
}

li#home {
  width: 62px;
  background-image: url(images/nav/up/home.gif);
}

li#home a {
  display: block;
  width: 62px;
  height: 30px;
}

li#home a:hover {
  display: block;
  background-image: url(images/nav/over/home.gif);
}

li#home_current a:link, li#home_current a:hover, li#home_current a:visited, li#home_current a:active {
  display: block;
  width: 62px;
  height: 30px;
  background-image: url(images/nav/over/home.gif);
}

li#amenities {
  width: 72px;
  background-image: url(images/nav/up/amenities.gif);
}

li#amenities a {
  display: block;
  width: 72px;
  height: 30px;
}

li#amenities a:hover {
  display: block;
  background-image: url(images/nav/over/amenities.gif);
}

li#amenities_current a:link, li#amenities_current a:hover, li#amenities_current a:visited, li#amenities_current a:active {
  display: block;
  width: 72px;
  height: 30px;
  background-image: url(images/nav/over/amenities.gif);
}

li#sitemap {
  width: 65px;
  background-image: url(images/nav/up/sitemap.gif);
}

li#sitemap a {
  display: block;
  width: 65px;
  height: 30px;
}

li#sitemap a:hover {
  display: block;
  background-image: url(images/nav/over/sitemap.gif);
}

li#sitemap_current a:link, li#sitemap_current a:hover, li#sitemap_current a:visited, li#sitemap_current a:active {
  display: block;
  width: 65px;
  height: 30px;
  background-image: url(images/nav/over/sitemap.gif);
}

li#attractions {
  width: 117px;
  background-image: url(images/nav/up/attractions.gif);
}

li#attractions a {
  display: block;
  width: 117px;
  height: 30px;
}

li#attractions a:hover {
  display: block;
  background-image: url(images/nav/over/attractions.gif);
}

li#attractions_current a:link, li#attractions_current a:hover, li#attractions_current a:visited, li#attractions_current a:active {
  display: block;
  width: 117px;
  height: 30px;
  background-image: url(images/nav/over/attractions.gif);
}

li#sitemap {
  width: 65px;
  background-image: url(images/nav/up/sitemap.gif);
}

li#sitemap a {
  display: block;
  width: 65px;
  height: 30px;
}

li#sitemap a:hover {
  display: block;
  background-image: url(images/nav/over/sitemap.gif);
}

li#sitemap_current a:link, li#sitemap_current a:hover, li#sitemap_current a:visited, li#sitemap_current a:active {
  display: block;
  width: 65px;
  height: 30px;
  background-image: url(images/nav/over/sitemap.gif);
}

li#rules {
  width: 49px;
  background-image: url(images/nav/up/rules.gif);
}

li#rules a {
  display: block;
  width: 49px;
  height: 30px;
}

li#rules a:hover {
  display: block;
  background-image: url(images/nav/over/rules.gif);
}

li#rules_current a:link, li#rules_current a:hover, li#rules_current a:visited, li#rules_current a:active {
  display: block;
  width: 49px;
  height: 30px;
  background-image: url(images/nav/over/rules.gif);
}

li#directions {
  width: 79px;
  background-image: url(images/nav/up/directions.gif);
}

li#directions a {
  display: block;
  width: 79px;
  height: 30px;
}

li#directions a:hover {
  display: block;
  background-image: url(images/nav/over/directions.gif);
}

li#directions_current a:link, li#directions_current a:hover, li#directions_current a:visited, li#directions_current a:active {
  display: block;
  width: 79px;
  height: 30px;
  background-image: url(images/nav/over/directions.gif);
}

li#reservations {
  width: 191px;
  background-image: url(images/nav/up/reservations.gif);
}

li#reservations a {
  display: block;
  width: 191px;
  height: 30px;
}

li#reservations a:hover {
  display: block;
  background-image: url(images/nav/over/reservations.gif);
}

li#reservations_current a:link, li#reservations_current a:hover, li#reservations_current a:visited, li#reservations_current a:active {
  display: block;
  width: 191px;
  height: 30px;
  background-image: url(images/nav/over/reservations.gif);
}

.clr {
  clear: both;
}

#reserve_ro {
  width: 201px;
  height: 181px;
}

#reserve_ro a {
  width: 201px;
  height: 181px;
  background-image: url(images/reserve1.gif);
  display: block;
}

#reserve_ro a:hover {
  background-image: url(images/reserve.gif);
}