@charset "utf-8";
/**************************************************************

STYLESHEET CONTENTS
1. HTML Tags
2. Layour Divs
3. Specific formatting
      a. Header
	  b. Footer
	  c. Navigation
	  d. Info Column
	  e. Booking Form
4. General Formatting Classes

COLOUR SCHEME
Deep Red (H1)  	#883600
Dark Red (Text)	#421B00
Green (Footer) 	#BDB82A
Green (Tabs)	#CCCE80

***************************************************************/

/********************* HTML Tags ********************/
* { margin: 0px;
	padding: 0px;
	border: 0px;}

html {	/*min-height:100%;
		margin-bottom:1px;*/}	

body {	font-family:Arial, Helvetica, sans-serif;
		background:url(../images/Page_BG.jpg) top center repeat-y;
		font-size:12px;}

p {	color: #421B00;
	line-height:190%;
	margin-bottom: 20px;}

li {list-style-type: none;}

a:link, a:active, a:hover, a:visited { 
	text-decoration:none;}

h1, h2, h3 #topInfoTitle, #bottomInfoTitle
	 {	font-family:Georgia, "Times New Roman", Times, serif;
		color:#883600;}
			
h1 {	font-size:22px;
		font-weight: lighter;
		margin-bottom:30px;}

h1 strong {	font-weight:bold;}
		
h2 { 	font-size:16px;
		margin-bottom:15px;
		margin-top: 10px;}
		
h3 { 	font-size:13px;
		margin-bottom:15px;
		margin-top: 10px;
		color:#883600;}
				
	
/* Image Replacement */
h1 span, h2 span, h3 span, h4 span {	display:none;}

td {padding:10px;}

input{border:solid 1px black;}
textarea{border:solid 1px black;}

.bands {padding:10px;}

.bands p{color:#333}	

	
/********************* End HTML Tags *********************/
		
/********************* Layout Divs *********************/

#container {	width: 852px;
				margin: 0 auto;}
			
#header {	position:relative;
			background:url(../images/Header_BG.jpg) top left no-repeat;
			height: 233px;}		
				
#content {	margin-top: 10px;}

#contentColumn {	width: 550px;
					float:left;
					padding:20px;
					background:url(../images/Content_BG.jpg) top left repeat-x;}
					
a.contentlink:link{text-decoration:underline;color:#5D6D02}
a.contentlink:visited{text-decoration:underline;color:#5D6D02}
a.contentlink:hover{text-decoration:none;background:#5D6D02; color:#fff}

#infoColumn {	width:242px;
				float:right;}

#footer {	background:url(../images/RecycleIcon.gif) right no-repeat;
			background-color:#BDB82A;
			clear:both;
			color:#FFFFFF;			
			padding-left:20px;}
				
#mainNav {	color:#FFFFFF;
			position:absolute;
			bottom: 0px;
			right: 15px;}
			
#subNav {	}

#accessibilityBar {
	color:#FFFFFF;
	position:absolute;
	top: 10px;
	right: 15px;
	left: 675px;
	width: 162px;
}	


/********************* End Layout Divs *********************/
	
/********************* Specific formatting *********************/

/* -------- Header -------- */

.headBarLink {	color:#FFFFFF;
				font-weight:bold;}


/* -------- End Header -------- */

/* -------- Footer -------- */

#footer a {	color:#FFFFFF;line-height:40px;}

/* -------- End Footer -------- */

/* -------- Navigation -------- */

#mainNav ul{	list-style-type: none;
				margin-left: 10px;}

#mainNav li{	display:inline;
				margin-left: 5px;}

#mainNav a {	float:left;
				background:url(../images/Tab_BG_L.gif) no-repeat left top;
				margin-left: 5px;
				padding:0 0 0 7px;
				color:#FFFFFF;
				font-family:Georgia, "Times New Roman", Times, serif;
				font-size:13px;
				font-weight:bold;
				line-height: 30px;}

#mainNav a span {	float:left;
					display:block;
					background:url(../images/Tab_BG_R.gif) no-repeat right top;
					padding:3px 19px 3px 10px;
					font-weight:bold;
					color:#FFFFFF;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#mainNav a span {float:none;}
/* End IE5-Mac hack */

#mainNav a:hover span {	color: #421B00;}

#mainNav a#mainNavActive {	background-position:0 -50px;
							color: #421B00;
							margin-top: -10px;
							line-height: 40px;}

#mainNav a#mainNavActive span {	background-position:100% -50px;
								color: #421B00;}

#mainNav a:hover {	background-position:0% -50px;}

#mainNav a:hover span {	background-position:100% -50px;}

#subNavTitle {	}

#servicesNavTitle {	}

#subNav {	}

#subNav li {	}
				
#subNav li a {	display: block;
				border-bottom: 1px solid #FFF;
				width: 100%;
				padding: 8px 0px 8px 6px;
				color: #421B00;}
				
#subNav a#subNavActive, #subNav a:hover {	font-weight:bold;
											background-color: #F3F5EB;}

#subNav a.lastItem {	border:none;}

/* -------- End Navigation -------- */

/* -------- Info Column -------- */

#topInfo {	background:url(../images/Top_Info_BG.jpg) top left repeat-x;
			padding:18px;
			padding-bottom:40px;
			background-color:#E8EBD6;
			}

#topInfoTitle {	font-size: 22px;
				color:#FFFFFF;
				margin-bottom: 15px;}

#bottomInfo {	background:url(../images/Bottom_Info_BG.jpg) top left repeat-x;
				padding:18px;
				margin-top:10px;
				padding-bottom:40px;}

#bottomInfoTitle {	font-size: 22px;
					margin-bottom: 15px;}

#latestNews {	}

#latestNews li {	border-bottom: 1px solid #FFF;
					width: 100%;
					padding: 6px 0px 6px 12px;
					background:url(../images/Latest_News_Bullet.gif) left no-repeat;}

#latestNews li a {	color: #883600;
					font-weight:bold;}
					
#specialOffers {}

#specialOffers a, #specialOffers .subTitle {	font-weight:bold;
												color:#421B00;}

#specialOffers a {font-size:11px;}

#specialOffers p {	margin-bottom:0px;}

#specialOffers img {	border: 1px solid #FFF;
						margin: 10px 0px}
					
/* -------- End Info Column -------- */

/* -------- Booking Form -------- */

#bookingForm {	color:#275220;}

#bookingDates input {	border:1px solid #424921;
						padding:3px;
						width:100px;}

#bookingNumbers {	margin-top: 20px;}

.bookingQuestion {	margin: 5px 0px;}

.numGuests {	float:left;
				width:46px;
				text-align:center;}

.numGuests input {	width:25px;
					border:1px solid #424921;
					padding:3px;
					color:#275220;
					margin-top:5px;}
					
#btnNext {	margin-top:20px;}

/* -------- Booking Form -------- */
/********************* End Specific formatting *********************/

/********************* General Formatting *********************/

.clear {	clear:both;}

.button {	border: none;}

.flRightImg {	float:right;
				margin: 5px;
				padding:2px;				
				border: 1px solid #CCC;}			

.flLeftImg {	float:left;
				margin: 5px;
				padding:2px;				
				border: 1px solid #CCC;}
				
.flImg {		float:left;
				margin: 5px;
				padding:2px;				
				border: 1px solid #CCC;}
				
				
				

table	{border-collapse:collapse;}
thead th {
	font:bold 13px/18px georgia;
	text-align:left;
	background:#F1F1E2;
	color:#333;
	padding:8px 16px 8px 8px;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}
thead th.null {background:#fff;}
tbody th {
	font:bold 12px/15px georgia;
	text-align:left;
	background:#F1F1E2;
	color:#333;
	padding:8px;
	border-bottom:1px solid #f3f0e4;
	border-right:1px solid #fff;
}
tbody td {
	font:normal 12px/15px georgia;
	color:#333;
	padding:8px;
	border-right:1px solid #f3f0e4;
	border-bottom:1px solid #f3f0e4;
}

tbody td.on {background:#f3f0e4;}
thead th.on {background:#BDB82A;}
tbody th.on {background:#BDB82A;}				
				
			.fieldLabel
{
	float:left;
	display:inline-block;
	min-width:75px;
	margin-right:20px;
	text-align:right;
	}		
	
.twitter {
	margin:0px;
}

#bookingbox a {
	color:#5D6D02;
	text-decoration:underline;
}

#bookingbox a:visited {
	color:#5D6D02;
	text-decoration:underline;
}

#bookingbox a:hover {
	color:#ffffff;
	background-color:#5D6D02;
}
	
	

/********************* End General Formatting *********************/
