body
{
  background-color: #FFFFFF;
  text-align: center;
}
#footerbox
{
    position: relative;
    bottom: -600px;
    color: #000;
    width: 80%;
    border-top: #4f432c solid 1px;
    text-align: left;
    margin-left:auto;
	margin-right:auto;
	height:50px;
	padding-top:5px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;

}
#footer
{
    text-align: center;
}

#container
{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  text-align: left;
}
#header
{
  background-color: #003300;
  width: 100%;   
  padding-bottom: 20px;
  padding-top: 20px;
  
}
#title
{
  position: relative;
  left: 5%;
  font: normal small-caps 900 50px tahoma;
  color: #dcdab4;
  width: 50%
}

a.title{
  text-decoration: none;
  color: #eceac4;
}
a:hover.title{
  color: #eceac4;
}
a:visited.title{
  color: #eceac4;
}
#nav
{
  text-align: left;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 20px;
  position: relative;
  width: 820px;
  left: 50%;
  margin-left: -310px;
}
#navbox
{
  padding: 5px;
  width: 200px;
  float: left;
}
.main_nav a {
	display:block;
	width: 200px;
	height: 200px;
	border:1px solid #000;
}

#about a {
   	background:url("../images/about.jpg") 0 0 no-repeat;
}

#about a:hover {
	background-position:-200px 0;	
}

#gear a {
   	background:url("../images/gear.jpg") 0 0 no-repeat;
}

#gear a:hover {
	background-position:-200px 0;	
}

#media a {
   	background:url("../images/media.jpg") 0 0 no-repeat;
}

#media a:hover {
	background-position:-200px 0;	
}

#events a {
   	background:url("../images/events.jpg") 0 0 no-repeat;
}

#events a:hover {
	background-position:-200px 0;	
}

#blog a {
   	background:url("../images/blog.png") 0 0 no-repeat;
}

#blog a:hover {
	background-position:-200px 0;	
}

#cave a {
   	background:url("../images/cave.png") 0 0 no-repeat;
}

#cave a:hover {
	background-position:-200px 0;	
}