body {
	font-family: "Arial";
	font-size: 12px;
	font-weight: normal;
	color: white;
	padding: 20px 0px 0px 0px;
	text-align: center;
	margin: 0;
	background: #402D0F url('images/main_bg.jpg') repeat;
	background-position: top center;
}

#wrapper {
  width: 792px;
  margin: auto;
  text-align:left;
}

#content {
	background: #402D0F;
	width: 792px;
}

h1 {
	font-family: "Georgia";
	font-size: 22px;
	font-weight: normal;
	color: white;
	padding: 20px 0px 0px 20px;
}

h2 {
	font-family: "Arial";
	font-size: 12px;
	font-weight: normal;
	color: white;
	padding: 20px 0px 0px 20px;
}

#nav {
	float: left;
}

#main {
	float: left;
}

#side {
	float: right;
	height: 600px;
}

#clear {
	clear: both;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#footer {
	width: 792px;
	height: 110px;
	background: #402D0F;
	text-align: center;
}

#header {
	 background: url('images/header_bg.gif') repeat-x;
	 width: 792px;
	 height: 118px;
}

#header .logo {
	float: left;
}

#header .titles {
	float: left;
	margin: 22px 0px 0px 0px;
}

#header .right {
	float: right;
}


/* -----------------------Buttons---------------------------- */

ul {
	margin: 100px 0 0 10px;
}

.home{
  display: block;
  background: url("images/links/home.gif") no-repeat top left;
  width: 107px;
  height: 60px;
}

.home:hover{
  display: block;
  background: url("images/links/home_ro.gif") no-repeat top left;
  width: 107px;
  height: 60px;
}

.history{
  display: block;
  text-decoration:none;
  background: url("images/links/history.gif") no-repeat top left;
  width: 107px;
  height: 60px;
}

.history:hover{
  display: block;
  background: url("images/links/history_ro.gif") no-repeat top left;
  width: 107px;
  height: 60px;
}

.eating{
  display: block;
  text-decoration:none;
  background: url("images/links/eat.gif") no-repeat top left;
  width: 107px;
  height: 60px;
}

.eating:hover{
  display: block;
  background: url("images/links/eat_ro.gif") no-repeat top left;
  width: 107px;
  height: 60px;
}

.room_hire{
  display: block;
  text-decoration:none;
  background: url("images/links/room.gif") no-repeat top left;
  width: 107px;
  height: 60px;
}

.room_hire:hover{
  display: block;
  background: url("images/links/room_ro.gif") no-repeat top left;
  width: 107px;
  height: 60px;
}

.beer_festival{
  display: block;
  text-decoration:none;
  background: url("images/links/beer_festival.gif") no-repeat top left;
  width: 107px;
  height: 60px;
}

.beer_festival:hover{
  display: block;
  background: url("images/links/beer_festival_ro.gif") no-repeat top left;
  width: 107px;
  height: 60px;
}

.location{
  display: block;
  text-decoration:none;
  background: url("images/links/location.gif") no-repeat top left;
  width: 107px;
  height: 60px;
}

.location:hover{
  display: block;
  background: url("images/links/location_ro.gif") no-repeat top left;
  width: 107px;
  height: 60px;
}

.Christmas{
  display: block;
  text-decoration:none;
  background: url("images/links/Christmas.gif") no-repeat top left;
  width: 107px;
  height: 60px;
}

.Christmas:hover{
  display: block;
  background: url("images/links/christmas_ro.gif") no-repeat top left;
  width: 107px;
  height: 60px;
}