html, body {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	color: #555;
	font-size: 85%;
}

/* === colors for reference 

Dark Blue Backgrounds: #002D64
Background blue gradient: #466392 to #98ACCD
Yellow gradient background P: #FEC210 to #FEEAA1
Yellow backgrounds: #FEDD78
Lighter-Blue: #FEDD78
Sky-Blue: #B2E4F3
H1 Coloured text: #78291C

===== */

body {
	background: #98ACCD url(/images/body.jpg) 0px -1px repeat-x;
}

#wrapper {
	width: 900px;
	margin: 20px auto 0 auto;
	padding: 0;
}

#txt-only { text-align:right; width: 100%; }
#txt-only a { color: #fff; } 

#content-wrapper {
	float: left;
	width: 900px;
	min-height: 450px;
	margin: 0;
	padding: 0;
}

#header {
	position: relative;
	width: 900px;
	height: 209px;
	margin: 0;
}

.header {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	}

#header img.logo-right { 
	position: absolute;
	top: 20;
	right: 0;
	z-index: 5;
}

#header img.logo-left { 
	position: absolute;
	margin: 10px 0 0 30px;
	top: 20;
	left: 10;
	z-index: 5;
}

/* ================== custom styling ========== */

img { border: 0; margin: 0; padding: 0; }
a { color: #666; text-decoration: none; margin: 0; padding: 0; }
a:hover { color: #666; text-decoration: underline; margin: 0; padding: 0; }
h1 { margin: 0; font-size: 120%; font-weight: bold; color: #78291C; }
h2 { font-size: 105%; font-weight: bold; color: #78291C; }
ul { margin: 0; padding: 0; }
.right { float: right; }
.left { float: left; }

/* ======== column styles =======*/
#content {
	width: 900px;
	clear: both;
	background-color: #ffffff;
	background: #ffffff url(/images/content-body.gif) 0px -1px repeat-y;
}

/* === left === */
#col-left {
	float: left;
	width: 170px;
	background: #FEE99D url(/images/left-body.jpg) 0px -1px repeat-x;
	padding: 5px 0 5px 10px;
}

#col-left h2 {
	font-size: 140%;
	}

/* ==== right ==== */
#col-right {
	float: left;
	width: 720px;
	padding: 0;
	padding-bottom: 0px;
}

#col-right h1, #col-right h2, #col-right p {
	padding: 0 0 0 15px;
	margin: 10px 0 0 0;
}

#col-right p {
	line-height: 1.75;
	}

#col-right img {
	padding: 0 0 0 15px;
	margin: 1px 0 15px 0;
}

#col-right object {
	padding: 0 0 0 15px;
	margin: 1px 0 15px 0;
}
#col-right img.pdf {
	padding: 4px 0 0 0px;
	float: left;
	margin: 0 0 0 0;
}

img.pdf {
	padding: 4px 0 0 0px;
	margin: 0 0 0 0;
}


.right-slim {
	float: right;
	padding: 0;
	}

#col-right table {
	padding: 0 0 0 15px;
	margin: 10px 0 0 0;
}

#col-right form {
	padding: 0;
}	

#col-right a {
	color:#000099;
}

/* ======e-mail styling============*/

#text
{
	font-size: 110%;
	color: #bbb; 
}

/* ====== Footer ======= */
#inner-footer {
	text-align: center;
	clear: both;
	height: 15px;
	padding: 0;
	color: #FFFFFF;
	font-size: 90%;
	background-color: #002D64;
}

#footer {
	clear: both;
	margin: 5px 0 0 0;
	}

#footer p {
	color: #fff;
	float: left;
	margin: 3px 0 0 0;
	}

/* === Blue square tag styling === */

#b2 {
	float: right;
	text-align: right;
	width: 450px;
	font-size: 90%;
	}

#b2 a {
	color: #006;
	text-decoration: none;
	}

#b2 a:hover {
	text-decoration: underline;
	}

/* ====== feature on the left of the page ======== */

.feature {
	float: left;
	clear: both;
	margin: 0 0 10px 0px;
	padding: 0;
	width: 180px;
	}

.feature img {
	float: left;
	}

.feature a {
 color:#78291C;
}
.inner-feature {
	width: 125px;
	float: right;
	margin: 0;
	padding: 0 5px 0 10px;
	}

.inner-feature h3 {
	color: #78291C;
	font-size: 100%;
	margin-right: 5px;
	padding: 0;
	font-weight: bold; 
	}
.inner-feature p {
	font-size: 75%;
	padding-right:10px;
	}

/* ==== features onthe home page - right column ====== */
	
#home-features {
	width: 720px;
	float: left;
	}
#home-features h2 {
	font-size: 125%;
	}

.leftbox {
	clear: none;
	float: left;
	width: 328px;
	margin: 0 0 0 15px;
	padding: 0;
	}

.rightbox {
	float: right;
	width: 362px;
	margin: 0;
	}

.club-rightbox {
	float: right;
	background-color: #FEE99D;
	width: 362px;
	padding-bottom: 11px;
	margin: 0;
}

.book h2, .book p {
	color: #FFFFFF;
	margin-left: 15px;
	}

.book a{
	color: #FFFFFF;
}

.book img {
	margin-right: 15px;
	}

.yellow {
	background-color: #FEE99D;
	padding-bottom: 11px;
	}

span.textyellow a {
	color: #FFCC00;
	font-weight: bold;
	}

.green {
	background-color: #009933;
	padding-bottom: 10px;
	color:#fff;
}

.blue {
	background-color: #00A6D6;
	}

.box {
	margin-bottom: 15px;
}

.box h2 {
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 0px;
	}

 .box p {
	margin-left: 15px;
	margin-top: 5px;
	}

.behind {
	z-index: -2;
}
 
.nosey {
	float: left;
	z-index: 2;
	color: #002D64;
	margin-top: -40px;
	display: inline;
	margin-left: 5px;
	}

.rightbox .nosey  {
	font-size: 230%;
	font-weight: normal;
	}

.bistro {
	float: right;
	z-index: 2;
	color: #002D64;
	margin-top: -30px;
	margin-right: 40px;
	display: inline;
	font-size: 100%;
	font-weight: bold;
	}

/* ============== for enquiry form ====================== */
#enquiry { float: left; display: inline; clear: none; width: 330px; padding: 0 0 0 10px; }
.row { width: 100%; clear: both; font-size: 0.95em; margin-top: 10px; line-height: 20px; float: left; }
label.col1, span.label { width: 30%; float: left; text-align: right; }
span.widget { width: 69%; float: right; text-align: left; }
span.widget .button { margin-top: 10px; border: 1px solid #000; background-color: #B99D66; color: #fff; }
.required .label { color: #f00; }
.required .widget input, .required .widget textarea { border: 1px solid #f00; }
.required .widget select { color: #f00; }
span.col2 { width: 69%; float: right; text-align: left; }
.indent { text-align: center; }
textarea { font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 1.3em; }