html {background-color: #FFF;}
body {
	margin:0;
	padding:0;
	clear: left;
	background-color: #DEBF92;
	behavior: url(Source/csshover.htc);/* WinIE behaviour call */
	font: 100.01%/1.5 Georgia, "Times New Roman", Times, serif;
} 
#page {
	width: 762px;
	margin: 0 auto;
	position: relative;
	background-repeat: repeat-y;
}
#masthead {width: 760px; height: 98px; background-image: url(../Source/Images/banner.jpg);}
#masthead h1 {text-indent: -5000px; margin: 0; padding: 0;}
#topwrapper {
	width: 760px;
	position: relative;	
	}
#abovenav {
	float: left;
	width: 168px;
	height: 131px;
	background-image: url(../Source/Images/tileAboveNav.gif);
	background-repeat: no-repeat;
	}
#bannerwrapper {
	width: 592px;
	margin-left: 0px;
	position: absolute;
	top: 0px;
	right: 0px;
	}
#banLeft {
	float: left;
	width: 340px;
	}
#banRight {
	margin-left: 340px;
	width: 252px;
	}			
#titlewrapper {
	width:591px;
	background-color: #C6C0A0;
	margin-left: 0px;
	position: absolute;
	top: 90px;
	left: 168px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 5px;
	}
#pageheading {
	width:330px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	padding-left: 10px;
	color: #FFFFFF;
}
#pagetitle {
	width:192px;
	float: right;
	text-align: center;
	color: #666;
}
#pageheading h2, #pagetitle h2 {font-size: 1em; padding: 0; margin: 0;} /*this rule purely here to allow h2 to be used for page titles etc */
#navhome {
	height:auto;
	margin-right: 193px;
	margin-left: 341px;
}
#navhome a {color: #4B4948; font-weight: bold;}
#navhome a:hover{color: #e2dfcd;}
#contentwrapper {
	width:760px;
	background-image: url(../Source/Images/BGmainGreen.gif);
	background-repeat: repeat-y;
	}
#container {
	float: right;
	width: 571px;
	}
body#directions #container p.smallText {font-size: 0.8em; text-align: center;}	
.clearItem:after {
	content: ".";
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	}
#content {width: 571px;}
#content p{
	font-size: 0.9em;
	text-align: left;
	color: #333;
	padding: 0 15px 0 5px;
	}
#content h2 {
	text-align: center;
	color: #D0C5B7;
	}
#content li, #container li {padding-right: 15px; color: #333;}		
#content p.centre {text-align: center;}
#container a {color: #333;}
#container a:hover {color: #e2dfcd;}	
body#directions #content p {text-align: center;}
body#directionsMain #content p{text-align: left;}
body#directions #container li {font-size: 0.9em;}
body#directions #container p {text-align: center;}
body#directions #masthead h2, body#directions #masthead h4 {text-indent: -5000px; margin: 0;}
body#cancelPolicy #content h5 {color: red; font-weight: normal; font-size: 1em; padding: 0 10px;}
body#contactUs #content h4 {font-weight: bold; font-size: 1em; text-align: center; color: #999999;}
body#links #content dt {font-weight: bold;}
body#SAaccom #content p, body#SAserv #content p, body#INTaccom #content p {font-size: 0.8em; color: #333;}
/*body#SAaccom #content a, body#SAserv #content a, body#INTaccom #content a {color: #333;}*/
body#explore #content li, body#thingsToDo #content li, body#generalPolicy #content li, body#theRooms #content li {font-size: 0.9em;}
body#explore #content h4, body#thingsToDo div#content h4 {color: #666;}
body#travelInfo #content h4, body#partners #content h4 {color: #666; margin-bottom: -0.6em;}
body#partners #content p, body#partners #content td, body#partners #content td a {font-size: 90%;}
body#partners #content h3 {color: #333; margin-bottom: -0.7em;}
body#whatsOn div#content li {font-size: 0.9em;} /*Make list items same as body text, but does not alter menu items*/

.imagecentre {text-align: center; margin-left: -10px;}
#content img.imageright {float: right; padding: 0 15px;}
#sidebar {
	width: 168px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	font-size: 1em;
	}		 
div#nav {
	width: 166px;
	margin: -1px 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em; 
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	}
div#nav ul {margin: 0; padding: 0; width: 166px; background: #C4B89D; font-weight: bold; border-right: none;}
div#nav li {position: relative; list-style: none; margin: 0; border-bottom: 1px solid white;}
div#nav li:hover {background: #DAD2C0;}
div#nav li.submenu {background: url(../Source/Images/submenu.gif) 95% 50% no-repeat;}
div#nav li.submenu:hover {background-color: #DAD2C0;}
div#nav li a {display: block; padding: 4px 0 4px 5px; text-decoration: none; width: 149px; border-left: 12px solid #D2CDB5;  color: #4B4948;}
div#nav>ul a {width: auto;}
div#nav ul ul {position: absolute; top: 0; left: 166px; display: none;}
div#nav ul.level1 {border-top: 1px solid white;}
div#nav ul.level1 li.submenu:hover ul.level2 {display:block;}
div#nav ul.level2 {margin-top: -1px; width: 190px; white-space: nowrap; font-weight: normal; border-right: 1px solid white; border-left: 1px solid white; border-top: 1px solid white;}
div#nav ul.level2 a {border-left: 0; }
	
#logobar, #flashPluginLink {
	text-align: center;
	margin-top: -1px;	
} 	
#logobar p, #flashPluginLink p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .85em;
	font-style: normal;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	padding-left: 5px;
	padding-bottom: 15px;
}
#logobar img, #flashPluginLink img {
	margin: 0 auto;
	}
.TA_excellent {padding-left: 4px;} /* centres the TripAdvisor 'excellent' badge in the sidebar*/	
#footer {
	clear: both;
	background-image: url(../Source/Images/mainBG.gif);
	background-repeat: repeat-y;
	width: 760px;
	border-top: 1px solid white;
	}
#map {
	float: left;
	width: 168px;
	font-size:0.8em;
	text-align: center;
	padding-top: 50px;
	}	
#map a, #cnote a {color: #333;}
#map a:hover, #cnote a:hover {color: #8B8354;}
#cnote {
	margin-left: 168px;
	width: 571px;
	padding: 15px 5px;
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
.cnote {
	font-size: 0.65em;
	}
	
body#guestComments blockquote { 
	width: 487px;
	margin: 0 auto;
	padding: 5px 0;
	color: #333;
	background-image: url(../Source/Images/quoteOpen.gif);
	background-repeat: no-repeat;
	background-position: top left;
	font-size: 0.9em;
	}
body#guestComments p.quote {
	background-image: url(../Source/Images/quoteClose.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	margin: 5px 10px 0 10px;
	text-align: left;
	padding-bottom: 7px;
	}
body#guestComments p.author {
	font-size: 80%;
	margin: 0 10px 10px 0;
	text-align: right;
	font-style: italic;
	}
	
body#whatsOn #content h4, body#whatsOn #content h5 {	
	padding-bottom: 0;
	color: #333;
	}
body#whatsOn #content h4 {
	margin-bottom: 0;
	font-variant: small-caps;
	color: #333;
	line-height: 1em;
	}	
body#whatsOn #content h5 {
	margin-top: 0.2em;
	line-height: -0.5em;
	font-style: italic;
	}	
.centre {text-align: center;}
.backLink {display: block; text-align: center; text-decoration: underline; font-weight: bold;}
.soldout {background-image: url(../Source/Images/soldOut.gif); background-repeat: no-repeat;
background-position: 80% 50%;}
body#menu td {font-size: 0.8em; text-align: right;}
body#menu li.menuItemList {font-size: 0.8em;}
.menuPrice { text-align: right;}
body#menu td.menuSection, body#menu p.menuSection {text-align: left; font-size: 1em; font-weight: bold; font-style: italic; padding-top: 20px;}
body#menu th {text-align: right; font-style: italic; color: #666; padding: 20px 0 10px;}
td#special {color: red;}
body#guestComments p#tripadvisor {margin-left: 50px; font-size: 105%;  padding: 10px 0 10px 5px;}
body#guestComments p#tripadvisor a {color:red;}
body#guestComments p#tripadvisor a:hover {color:#333;}
a img { border: none;} /* prevents image links displaying blue border */