body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #333333;
	margin: 0;
	padding: 0;
}

/* --------------------------------------------------- Positioning css ------------------------------------------------ */
#wrapper { min-width: 400px; }
          /* Always good to have on full width liquid CSS layouts, 
             google "min-width IE" for JS solutions there */

/* Setup (This all looks neater when it isn't put on display!) */

#wrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 1em;
	position: relative;
	border: 1px solid #56272F;
	background: url(../images/nav-bg.gif) repeat-y;
}      
/* ----------------------------- Header Styles ------------------------------------ */
#header {
	width: 100%;
	position: relative;
	background: #56272f;
	height: 120px;
}
#header #headerindex {
	float: right;
}

/* ----------------------------- End Header Styles ------------------------------------ */

/* ----------------------------- Start Telephone Bar Styles ------------------------------------ */
#telbar {
	height: 22px;
	background: #FFD800 url(../images/telbar-bg.jpg) no-repeat right;
	padding-top: 8px;
	padding-left: 8px;
}
#eatpage #telbar {	/* Background image for the Eating & Drinking page telephone bar */
	background: #FFD800 url(../images/eat-telbar-bg.jpg) no-repeat right;
}
#functionpage #telbar {	/* Background image for the function page telephone bar */
	background: #FFD800 url(../images/function-telbar-bg.jpg) no-repeat right;
}
#eventspage #telbar {	/* Background image for the events page telephone bar */
	background: #FFD800 url(../images/events-telbar-bg.jpg) no-repeat right;
}
#telbar p {
	font-size: 80%;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#telbar a:link, #telbar a:visited {
	color: #003399;
}
#telbar a:hover, #telbar a:active {
	color: #993300;
}
/* ----------------------------- End Telephone Bar Styles ------------------------------------ */

/* ----------------------------- Start Footer Styles ------------------------------------ */
#footer {
	text-align: center;
	font-size: 65%;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #5c5c5c;
	border-top: 1px solid #56272f;
	clear: both;
	background: #FFFFFF;
}
#footer p {
	line-height: 160%;
}
#footer a:link, #footer a:visited {
	color: #32788b;
}
#footer a:hover, #footer a:active {
	color: #dc241f;
}
/* ----------------------------- End Footer Styles ------------------------------------ */

/* ------------------------------ Main content styles  ------------------------------ */
#maincontent {
	margin-top: 0px;
	float: left;
	width: 770px;
	background: url(../images/content-bg.jpg) no-repeat right top;
	padding-bottom: 1em;
}
#eatpage #maincontent {	/* Background image for the Eating & Drinking page main content */
	background: url(../images/eat-content-bg.jpg) no-repeat right top;
}
#functionpage #maincontent {	/* Background image for the Function Room page main content */
	background: url(../images/function-content-bg.jpg) no-repeat right top;
}
#eventspage #maincontent {	/* Background image for the events page main content */
	background: url(../images/events-content-bg.jpg) no-repeat right top;
}

#maincontent h1 {
	font: bold 110% "Book Antiqua", Georgia, "Times New Roman", serif;
	color: #56272F;
	width: 320px;
	margin-left: 16px;
}
#maincontent h1+p {
	font-weight: bold;
}
#maincontent h2 {
	font-size: 90%;
	font-weight: bold;
	color: #56272F;
	margin-left: 16px;
	margin-bottom: 0px;
}
#maincontent h3 {
	text-align: center;
	font-size: 90%;
	color: #56272F;
	margin-right: 24px;
	margin-left: 24px;
	background: #faeff1;
	padding: 2px;
}
#maincontent h4 {
	font-size: 80%;
	margin-left: 3.15em;
}
#maincontent h5 {
	text-align: center;
	color: #56272F;
}
#maincontent p {
	font-size: 80%;
	line-height: 120%;
	margin-left: 24px;
	margin-right: 24px;
}
#maincontent img {
	border-style: none;
}
#maincontent dt {
	margin-left: 3em;
	font-size: 80%;
	font-weight: bold;
}
#maincontent dd {
	font-size: 70%;
	margin-top: .25em;
	margin-bottom: 1.5em;
}
#maincontent li {
	font-size: 80%;
	margin-bottom: 1em;
	list-style: none;
}
#maincontent iframe {
	margin-left: 40px;
}
#maincontent #locmap1 {
	margin-left: 40px;
	height: 340px;
	width: 420px;
	margin-top: 1em;
	border: 1px solid #000000;
}
#maincontent #largemap {
	margin-left: 40px;
}
#maincontent #awardsimg, #maincontent #courtyard, #maincontent #function, #maincontent #function2 {
	padding: 3px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #CCCCCC;
}
#maincontent #function, #maincontent #function2 {
	margin-left: 36px;
	float: left;
	clear: right;
	margin-top: 2em;
}
#maincontent #awards {
	font-weight: bold;
	color: #56272F;
	text-align: center;
	background: #FFD800;
	padding: 2px;
	width: 33em;
}
#maincontent #teatimetreats {
	border: 1px solid #56272F;
	width: 300px;
	float: right;
	clear: right;
	text-align: center;
	margin-right: 1em;
	margin-top: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-left: 1em;
	background: #efd5d9;
	font-weight: bold;
}
#maincontent #teatimetreats p {
	margin-top: 1em;
	margin-right: 0px;
	margin-left: 0px;
}
#maincontent #boxright {
	border: 1px solid #CC0000;
	width: 270px;
	float: right;
	clear: right;
	text-align: center;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	position: relative;
	margin-top: -1em;
	margin-right: 3em;
	margin-bottom: 0em;
	margin-left: 1em;
	background-image: url(../images/boxright-bg.gif);
	background-repeat: repeat-x;
}
#maincontent #boxright h2 {
	color: #CC0000;
	margin-bottom: 0.75em;
	margin-top: 0px;
	margin-left: 0em;
	margin-right: 0em;
}
#maincontent #boxright p {
	margin-top: .5em;
	margin-right: 0px;
	margin-bottom: 0.25em;
	margin-left: 0px;
}
#maincontent #boxright p+h2 {
	margin-top: 2em;
}
#maincontent #boxright #valentine { /* Places hearts image for Valentines Day */
	position: absolute;
	top: -40px;
	right: -40px;
}
#maincontent #boxright #valentine2 {
	position: absolute;
	top: -30px;
	right: -60px;
}

#maincontent #boxright #mothers { /* Places hearts image for Valentines Day */
	position: absolute;
	top: -40px;
	right: -40px;
}
#maincontent #boxright #mothers2 {
	position: absolute;
	top: 82px;
	right: -45px;
}
#maincontent #boxright #book {
	background-color: #F00;
	height: 66px;
	width: 72px;
	font-size: 90%;
	font-weight: bold;
	position: absolute;
	left: -16px;
	top: 40px;
	padding-top: 10px;
	display: block;
	color: #FFF;
	-webkit-transform:  rotate(341deg);
	-moz-transform: rotate(341deg);
	-o-transform:  rotate(341deg);
	-moz-border-radius: 8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	margin-top: 0px;
}
#maincontent #boxright #book a:link, #maincontent #boxright #book a:visited {
	color: #FFF;
}


/* Formats the viral game link box on home page */
#maincontent #gameright {
	border: 1px solid #003879;
	width: 270px;
	float: right;
	clear: right;
	text-align: center;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	position: relative;
	margin-top: 0em;
	margin-right: 3em;
	margin-bottom: 1em;
	margin-left: 1em;
	background-color: #e3eff9;
}
#maincontent #gameright h2 {
	color: #003879;
	margin-bottom: 0.75em;
	margin-top: 0em;
	margin-left: 0px;
}
#maincontent #gameright p {
	margin: 0em 0px .25em;
}
#maincontent #boblogo {
	margin-top: .5em;
}

#maincontent #bobgame {
	height: 480px;
	width: 640px;
	margin-left: 80px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#maincontent #socialmedia {
	width: 200px;
	float: right;
}



#maincontent .contactdetails {
	font-weight: bold;
	padding-left: 6px;
	padding-bottom: 6px;
	padding-top: 6px;
	margin-top: 2em;
	margin-left: 1.5em;
	margin-right: 1em;
	border-top: 1px solid #32788b;
}
#maincontent .menu {
	font-size: 90%;
	text-align: center;
	border-top: 1px solid #FFF1A6;
	margin-left: 0px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#maincontent .menu li {
	margin-bottom: 0.75em;
	margin-left: 0px;
	padding: 0px;
}
#maincontent .menu h4 {
	font-size: 120%;
	margin-bottom: 0.25em;
	margin-left: 0px;
	color: #56272F;
}
#maincontent .menu h4 span {
	font-weight: normal;
	font-size: 90%;
}
#maincontent .rel #roses, #maincontent .rel #tulips {
	position: absolute;
	top: -8px;
	right: -8px;
}

#maincontent .top {
	text-align: right;
	margin-bottom: 6px;
	font-size: 70%;
	padding-right: 6px;
	padding-bottom: 4px;
	background: #fffced;
	margin-right: 1em;
}
#maincontent a:link, #maincontent a:visited {
	color: #003399;
}
#maincontent a:hover, #maincontent a:active {
	color: #993300;
}

/* ------------------------------ End of Main content styles  ------------------------------ */

/* ------------------------------ Right content styles  ------------------------------ */
#rightblank {
	float: right;
	height: 160px;
	width: 372px;
}
/* ------------------------------ End of Right content styles  ------------------------------ */


/* ----------------------------------------------- Main Vertical Navigation Bar ---------------------------------------- */
#mainnav {
	padding-top: 1.5em;
	font-size: 70%;
	padding-bottom: 1.5em;
	background: #fff1a6;
	float: left;
	width: 190px;
}
#mainnav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;	
}
#mainnav ul li {
	margin-bottom: 1.5em;
}
#mainnav a:link, #mainnav a:visited {
	text-decoration: none;
	padding: 4px 2px;
	width: 181px;
	color: #FFFFFF;
	font-weight: bold;
	display: block;
	background: #56272F;
	border-left: 5px solid #d098a1;
}
#mainnav a:hover, #mainnav a:active {
	color: #56272F;
	background: #D098A1;
	border-left: 5px solid #56272F;
}
#homepage #mainnav li #homelink, #eatpage #mainnav li #eatlink,
#eventspage #mainnav li #eventslink, #functionpage #mainnav li #functionlink,
#contactpage #mainnav li #contactlink {	/* Current page menu formatting */
	color: #56272F;
	background: #D098A1;
	border-left: 5px solid #56272F;
}
/* ----------------------------------------------- End Main Vertical Navigation Bar ---------------------------------------- */

#sitemap {
	margin-bottom: 12px;
	margin-left: 48px;
}
#sitemap ul {
	list-style: none;
	margin: 0px;
} 
#sitemap ul li {
	font-weight: bold;
	background-color: #FFFF99;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 8px;
	padding-top: 2px;
}


.clear {
	clear: both;
}
.hidden {
	display: none;
}
div.row {
	clear: both;
	padding-top: 1px;
	background-color: #996633;
}
.center {
	text-align: center;
}
.highlightcenter {
	font-weight: bold;
	color: #56272F;
	text-align: center;
	background: #FFD800;
	padding: 2px;
}
.highlight {
	font-size: 120%;
	font-weight: bold;
	color: #FF0000;
}
.floatright {
	float: right;
	margin-left: 1em;
	margin-top: 2px;
}
.floatleft {
	float: left;
	margin-right: 1em;
	margin-top: 2px;
}
.imageright {
	float: right;
	margin-left: 1em;
	margin-top: 2px;
	padding: 2px 2px 4px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #CCCCCC;
}
.clearright {
	clear: right;
}
.cost {
	font-weight: bold;
	color: #32788b;
}
.rel {	/* To allow for absolute positioning */
	position: relative;
}

/* ------------------------------- Mozilla code ------------------------------------ */
.left { margin-right: 1px; }