html {
  height: 100%;
}

body {
  background-color: #fff;
  color: #000;
  margin: 0;
  padding: 0;
  margin-top: 0;
  font-family: Verdana, Arial, sans-serif;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

img { border: 0; }


a { color: #333; text-decoration: underline; }
#skiplinks {position: absolute; left: -1000em; width: 20em;}
div#content {
	width: 50em;
	margin:auto; 
	text-align:left;
}
div#top {
height: 33px;
background: url(../images/top.gif) repeat-x;

}
div#header {
	width: 50em;
	height: 11.44em;
	background-image: url(../images/header_threepegs.jpg);
    background-repeat: no-repeat;
}


div#logo {
	float: left;
	margin-left: 0;
	margin-top: 1.19em;
}
div#hmlogo {
	float: right;
	width: 510px;
	margin-right: 1.5em;
	margin-top: 0.63em;
	height: 10.81em;
	text-align: right;

}

img#logoimg {
  	width: 265px;
	height: 144px;
}

img#hmlogoimg {
  	width: 18.25em;
	height: 2.88em;
}


#mainnav {
	width: 29.13em;
}

#mainnav li {
  display: inline;
  margin: 0;
}

a:hover,
 {
  color: #669966;
  text-decoration: none;
}

#main1 { margin:0; padding:0; }
#main2 { margin:0; padding:0; }
#left { 
	float:left; 
	margin: 0; 
	padding: 0; 
	width: 18.5em;


}
#right { 
	float:right; 
	margin: 0; 
	padding: 0; 
	width: 16.88em;
	
}
#middle { 
	margin:0;  
	padding: 0;  
	width: 14.62em;
	float: right;
	
}

.cleaner { clear:both; height:0px; font-size:0px; border:none; margin:0; padding:0; background:transparent; }

img#left  {
	margin: 0;
  	width: 18.5em;
	height: 23.31em;
}

img#right  {
	margin: 0;
  	width: 16.88em;
	height: 23.31em;
}

img#centre {
	margin: 0;
	width: 14.62em;
  	height: 23.31em;
}

#yellow {float: left; width: 16.94em; height: 4.44em; }
#yellowinner a:link {text-decoration: none; }
#yellowinner a:visited {text-decoration: none; }
#yellowinner { background: #F4E22E; margin: 0; padding: 0; height: 4.44em; }
#yellowinner h1 { color: #333; font-size: .8em; font-family: Rockwell, Palatino Linotype, Book Antiqua, Palatino, serif; text-align: left; margin: 0; padding-top: 8px; padding-bottom: 4px; }
#yellowinner p { font-size: .7em; color: #333; text-align: left; margin-top: 0px; }

#dbrown {float: right; width: 15.88em; height: 4.44em;  }
#dbrowninner a:link {text-decoration: none; color: #fff; }
#dbrowninner a:visited {text-decoration: none; color: #fff; }
#dbrowninner { background: #595A46; margin: 0; padding: 0; height: 4.44em; }
#dbrowninner h1 { color: #fff; font-size: .8em; font-family: Rockwell, Palatino Linotype, Book Antiqua, Palatino, serif; text-align: left; margin: 0; padding-top: 8px; padding-bottom: 4px; }
#dbrowninner p { font-size: .7em; color: #fff; text-align: left; margin-top: 0px; }

#lbrown  {float: right; width: 17.13em; height: 4.44em; }
#lbrowninner a:link {text-decoration: none; }
#lbrowninner a:visited {text-decoration: none; }
#lbrowninner { background: #F3E3A2; margin: 0; padding: 0; height: 4.44em; }
#lbrowninner h1 { color: #333; font-size: .8em; font-family: Rockwell, Palatino Linotype, Book Antiqua, Palatino, serif; text-align: left; margin: 0; padding-top: 8px; padding-bottom: 4px; }
#lbrowninner p { font-size: .7em; color: #333; text-align: left; margin-top: 0px; }

.left { float: left; }
.right { float: right; }

img#botbackimg  {
	margin: 0;
  	width: 14.63em;
	height: 0.56em;
}

.column-in { margin: 0; padding: 0; }

#footer { background-image: url(../images/footer.gif); background-position:bottom; background-repeat: repeat-x; }

.whatson { float: left; margin-right: 10px; margin-top: 6px; margin-bottom: 7px; width: 16.75em; text-align: right; }
.game { float: left; margin-right: 10px; margin-top: 6px; margin-bottom: 7px; width: 15.44em; text-align: right; }
.contact { float: left; margin-right: 10px; margin-top: 6px; margin-bottom: 7px; width: 15.63em; text-align: right; }

#footnav { margin-top: 150px; color: #fff; font-size: .55em; text-align: center; padding-bottom: 10px;}
#footnav a:link { color: #fff; }
#footnav a:visited { color: #fff; }