body {
	width: 100%;
	max-width: 800px;
	font-family: Verdana, Geneva, Tahoma, sans-serif, Vani;
	font-size: .95em;
	padding: 0;
	margin: auto;
	border: 0;
	background-color: #999999;}
	a:link {
	COLOR: #008000;
}
	a:visited {
	COLOR: #006969;}
	a:hover {
	COLOR: #FF0000;}
	a:active {
	COLOR: #00FF00;}
h1 {
	padding: 0px;
	margin: 0px;
	font-size: x-large;
	font-weight: bold;
	color: #008000;
}
h1.inline {font-size: x-large;
	font-weight: bold;
	color: #008000;
	display: inline;}
h2 {
	font-size: large;
	font-weight: bold;
	color: #008000;
	font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
	text-align: left;}
h2.inline {
	font-size: large;
	font-weight: bold;
	color: #008000;
	font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;}
h2.center {
	font-size: large;
	font-weight: bold;
	color: #008000;
	font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
	text-align: center;}
h3 {font-size: 14px;
	font-weight: bold;}
h3.inline {font-size: 14px;
	color: #008000;
	display: inline;}
.centretext {
	text-align: center;}
img {padding: 0px;
	margin: 0px;
	border-width: 0px;
	text-align: left;}
img-rounded {
	border-radius: 4px;
	padding: 0px;
	margin: 0px;
	border-width: 0px;
	text-align: left;}
#lefttopbanner {
	float: left;
	width: 20%;
	padding-top: 12px;}
.menuitems, .menuhead {
	border-radius: 4px;
	text-align: center;
	background-color: #999999;
	border: 0px solid #999999;
	padding-top: 1px;}
.menuitems {
	background-color: #999999;
	display: none;}
.menuitems1, .menuhead1 {
	border-radius: 4px;
	text-align: center;
	background-color: #999999;
	border: 0px solid #999999;
	padding-top: 1px;}
.menuitems1 {
	background-color: #999999;
	display: none;}
#centertopbanner {
	float: left;
	display: inline-block;
	margin: 0 auto;
	width: 58%;}
.home-pic-intro {
	height: auto;
	width: auto;
	text-align: center;}
.header-then-text {
	width: 92%;
	background-color: #999999;
	text-align: justify;
	color: #FFFFFF;
	padding-left: 4%;
	padding-right: 4%;
	clear: left;
}
.menu-text-1 {
	font-size: x-large;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;}
.menu-text-2 {
	font-size: medium;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;}
#opening-hours-left {
	float: left;
	width:auto;} 
#opening-hours-right {
	float: left;
	width: auto;
	padding-left: 16px;}
#righttopbanner {
	float: right;
	width: 20%;
	padding-top: 12px}
#scores-on-doors {
	height: auto;
	width: 97%;}
#scores-on-doors-left {
	float: left;
	text-align:center;
	width:50%;} 
#scores-on-doors-right {
	float: right;
	text-align:center;
	width: 50%;}
.social {
	height: 42px;
	width: 92%;
	background-color: #999999;
	padding-left: 4%;
	padding-right: 4%;
	padding-bottom:5px}
#socialleft {
	float: left;
	width: 32%;
	padding-top: 6px;}
#socialcenter {
	float: left;
	display: inline-block;
	margin: 0 auto;
	width: 33%;
	padding-top: 6px;
	text-align:center}
#socialright {
	float: left;
	width: 32%;
	padding-top: 6px;
	text-align: right;}.top-banner { 
	height: auto;
	width: 100%;
	background-color: #999999;
	text-align:center;}.opening-hours {
	padding-bottom:7px;
	display: inline-block;
	margin: 0 auto;
	width: 100%;
	text-align: left;}
	


@media only screen and (max-width: 470px){
body {
	font-size: 1em;}
}

.centretext-heading {
	text-align: center;
	font-weight: bold;
	font-size: x-large;
	color: #008000;}
.stylecentre {
	text-align: center;
}
.styleboldgreen {
	font-weight: bold;
	color: #008000;
}