body {
  margin: 0 auto;
  padding: 0;
  text-align: center;
  background-color: #000000;
  color: #999999;
  }
#header {
  width: 880px;
  margin: 0 auto;
  text-align: center;
  }
img {
  border: 0;
  }
.comments {
  display: none;
  }
.spacer {
  clear: both;
  }
#main {
  width: 880px;
  margin: 0 auto;
  text-align: center;
  }

#menu {
  height: 27px;
  width: 845px;
  margin: 0 auto;
  padding: 0;
  }  

#nav {position: relative; z-index: 80; width: 845px; height: 28px; margin: 0 auto; padding: 0;}
#nav li {float: left; display: block; list-style: none; background-image: url(/images/menu.jpg); background-repeat: no-repeat;}
#nav #home {width: 51px; height: 28px; background-position: 0 -2px;}
#nav #store {width: 58px; height: 28px; background-position: -53px -2px;}
#nav #about {width: 81px; height: 28px; background-position: -111px -2px;}
#nav #sunday {width: 131px; height: 28px; background-position: -192px -2px;}
#nav #rates {width: 106px; height: 28px; background-position: -323px -2px;}
#nav #waiver {width: 67px; height: 28px; background-position: -429px -2px;}
#nav #events {width: 65px; height: 28px; background-position: -496px -2px;}
#nav #media {width: 60px; height: 28px; background-position: -561px -2px;}
#nav #forums {width: 71px; height: 28px; background-position: -619px -2px;}
#nav #safety {width: 64px; height: 28px; background-position: -688px -2px;}
#nav #contact {width: 91px; height: 28px; background-position: -754px -2px;}
#nav a {width: auto; height: 28px; display: block;}
#nav #home a:hover, #nav #home .active {background: url(/images/menu.jpg) 0 -26px no-repeat;}
#nav #store a:hover, #nav #store .active {background: url(/images/menu.jpg) -53px -26px no-repeat;}
#nav #about a:hover, #nav #about .active {background: url(/images/menu.jpg) -111px -26px no-repeat;}
#nav #sunday a:hover, #nav #sunday .active {background: url(/images/menu.jpg) -192px -26px no-repeat;}
#nav #rates a:hover, #nav #rates .active {background: url(/images/menu.jpg) -323px -26px no-repeat;}
#nav #waiver a:hover, #nav #waiver .active {background: url(/images/menu.jpg) -429px -26px no-repeat;}  
#nav #events a:hover, #nav #events .active {background: url(/images/menu.jpg) -496px -26px no-repeat;}
#nav #media a:hover, #nav #media .active {background: url(/images/menu.jpg) -561px -26px no-repeat;}  
#nav #forums a:hover, #nav #forums .active {background: url(/images/menu.jpg) -619px -26px no-repeat;}  
#nav #safety a:hover, #nav #safety .active {background: url(/images/menu.jpg) -688px -26px no-repeat;}  
#nav #contact a:hover, #nav #contact .active {background: url(/images/menu.jpg) -754px -26px no-repeat;}  
  
#content {
  min-height:500px;
  height:auto!important;
  height:500px; 
  margin: 0;
  padding: 0;
  width: 870px;
  }
#leftcol {
  width: 160px;
  float: left;
  }
#rightcol {
  width: 160px;
  float: right;
  }
#centercol {
  width: auto;
  float: left;
  position: relative;
  z-index: 1;
  left: 13px;
  margin: 0;
  padding: 0;
  }
.sidebox {
  min-height: 160px;
  height: auto!important;
  height: 160px;
  text-align: left;
  font-size: 14px;
  }
.insidebox {
  min-height: 140px;
  height: auto!important;
  height: 140px;
  }
.midbox p, .insidebox p {
  margin: 0;
  padding: 0;
  }
.midbox {
  min-height: 250px;
  height: auto!important;
  height: 250px;
  }
.boxtitle {
  text-align: center;
  font-size: 18px;
  color: #999999;
  font-family: mistral, verdana, sans-serif;
  font-weight: normal;
  margin: 0;
  padding: 0;
  color: #FF0000;
  text-transform: uppercase;
  }
h1.boxtitle {
  font-size: 26px;
  }
.midbox a {
  color: yellow;
  }
#footer a {
  color: #999999;
  padding-bottom: 10px;
  clear: both;
  }
#adminlogin {
  width: 300px;
  border: 0;
  text-align: left;
  }
#editbox {
  width: 500px;
  border: 0;
  text-align: left;
  }
#adminlogin th, #editbox th {
  text-align: center;
  color: #FF0000;
  padding-bottom: 3px;
  }
.error {
  text-align: left;
  margin: 0;
  padding: 0;
  }
.adminedit a {
  color: yellow;
  font-family: verdana, sans-serif;
  font-size: 14px;
  }
.scrolldelete {
  text-decoration: underline;
  cursor: hand;
  cursor: pointer;
  }
.boxlink {
  text-align: center;
  }
.boxlink a {
  color: yellow;
  }
#adminmenu {
  text-align: right;
  color: #FFFF00;
  }
#adminmenu a {
  color: #FFFF00;
  }
#map {
  width: 100%;
  }
  
  
#nav li ul li {
  clear: left;
  background-image: none;
  margin: 0;
  padding: 0;
  }
  
#nav li ul li a {
  background-image: none;
  display: block;
  width: auto;
  padding-right: 5px;
  height: 16px;
  line-height: 16px;
  text-decoration: none;
  color: #000000;
  margin-left: 5px;
  margin-top: 2px;
  margin-bottom: 2px;
  font-weight: bold;
}
#nav #events ul li a:hover {
  background-image: none;
  background-color: #000000;
  color: #999999;
  }

#nav li ul { /* second-level lists */
	position: absolute;
	z-index: 400;
	background: transparent;
  
	text-align: left;
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	background: #999999;
	position: absolute;
	z-index: 400;
	background-image: none;
}

.imgwrap {
  width: 250px;
  border: 1px solid #999999;
  float: left;
  margin-left: 5px;
  margin-top: 5px;
  height: 225px;
  background-color: #CCCCCC;
}
.imgwrap img {
  padding: 5px;
}