/* -- BASIC STYLES -- */
body, head { 
	background:#b0c0e1 url(/images/bg_main.jpg) no-repeat top center;
	margin:0;
	padding:0;
	text-align:center;
	font-family:Arial,Helvetica,Trebuchet MS,Tahoma,Helvetica,sans-serif;
}

body.bghome {
	background:#b0c0e1 url(/images/bg_home.jpg) no-repeat top center;
}

a					{ font-size:1em;}
a:link, a:visited 	{ color:#344061;}
a:hover				{ color:#7f879d;text-decoration:none;}
p					{ font-size:1.4em; line-height:1.5em; margin-bottom:15px;color:#666;}
em					{ font-style:italic;font-size:1em;}

a.button {
	display:block;
	padding:3px 8px;
	background-color:#C9D0E4;
	width:auto;
	float:left;
	text-decoration:none;
}

a.button:hover {
	background-color:#E1E5F0;
}

a.button.right {
	float:right;
}

.nbm { margin-bottom:0;}
.ntm { margin-top:0;}
.nlm { margin-left:0;}
.nrm { margin-right:0;}

.mb5 { margin-bottom:5px;}
.mt5 { margin-top:5px;}
.ml5 { margin-left:5px;}
.mr5 { margin-right:5px;}

.mb10 { margin-bottom:10px;}
.mt10 { margin-top:10px;}
.ml10 { margin-left:10px;}
.mr10 { margin-right:10px;}

.mb15 { margin-bottom:15px;}
.mt15 { margin-top:15px;}
.ml15 { margin-left:15px;}
.mr15 { margin-right:15px;}

.mb20 { margin-bottom:20px;}
.mt20 { margin-top:20px;}
.ml20 { margin-left:20px;}
.mr20 { margin-right:20px;}

.mb30 { margin-bottom:30px;}
.mt30 { margin-top:30px;}
.ml30 { margin-left:30px;}
.mr30 { margin-right:30px;}

.dispnone { display:none; }

h2,h3,h4,h5 {
	font-family:Tahoma,Helvetica,sans-serif;
}

h1 { 
	display:none;
}

h2 { 
	color:#344061;
	font-size:3em;
	margin:0 0 20px 0;
	font-weight:normal;
}

h3 { 
	color:#b5292c;
	font-size:2em;
	margin:0 0 3px 0;
}

h4 { 
	color:#344061;
	font-size:1.4em;
	margin:0 0 10px 0;
	font-weight:bold;
}

.clear {
	clear:both;
}

.error {
	color:#B5292C;
	font-size:1.4em;
	vertical-align:top;
	font-weight:normal;
}

/* -- WRAPPER STYLES -- */
#wrapper { 
	width:900px;
	padding:0;
	margin:0px auto 0px;
	text-align:left;
}

/* -- HEADER -- */
#header { 
	width:860px;
	height:70px;
	float:left;
	padding:50px 20px 3px 20px;
}

#header #logo {
	height:53px;
	width:257px;
	background:url(/images/img_logo.png) no-repeat top left;
	float:left;
}

#header #logo a {
	display:block;
	height:53px;
	width:257px;
	text-indent:-50000px;
}

#header #contact {
	margin:8px;
	padding:0;
	width:250px;
	float:right;
}

#header #contact ul,
#header #contact li {
	margin:0;
	padding:0;
}

#header #contact li {
	color:#FFF;
	font-size:1.6em;
	line-height:1em;
	list-style:none;
	text-align:right;
}

#header #contact li a {
	text-decoration:none;
	color:#FFF;
}

#header #contact li a:hover {
	color:#CBD2E6;
}

/* -- HOME FRAME -- */
#homeframe {
	width:867px;
	height:309px;
	padding:13px 13px 13px 20px;
	background:url(/images/bg_homeframe.jpg) no-repeat top left;
	float:left;
	margin-bottom:6px;
}

#homeframe #quote {
	width:370px;
	height:309px;
	float:left;
}

#homeframe #quote table {
	width:370px;
	height:309px;
	padding:0;
	margin:0;
}

#homeframe #quote td {
	color:#7f879d;
	font-size:3.2em;
	vertical-align:middle;
	line-height:1.2em;
	text-align:left;
	font-style:italic;
	padding:0 5px;
}

#homeframe #quote td span {
	color:#9fa6bc;
	font-size:0.5em;
	font-weight:bold;
}

#homeframe #picscroller {
	float:right;
	width:453px;
	height:281px;
	padding:14px;
	background:url(/images/bg_picframe.jpg) no-repeat top left;
}

/* -- CONTENT -- */
#content {
	background-color:#FFF;
	padding:20px 20px 10px 20px;
	width:860px;
	float:left;
	min-height:320px;
}

#content ul {
	margin-bottom:15px;
}

#content li{
	font-size:1.4em;
	list-style:outside disc;
	margin-left:15px;
	line-height:1.5em;
	color:#666;
}

#content li.colour {
	background-color:#f9f9f9;
}

#content li p {
	font-size:1em;
}

#content li h3,
#content li h4 {
	font-size:1.4em;
}

#content #cLeft {
	width:475px;
	float:left;
}

#content #cRight {
	width:365px;
	float:right;
	margin:0 0 15px 20px;
}

#content #cRight #kimdetails {
	width:345px;
	float:right;
	padding:10px;
	background-color:#e1e5f0;
	margin-bottom:6px;
}

#content #cRight #kimdetails p.kimimg {
	float:left;
	width:117px;
	margin:0;
}

#content #cRight #kimdetails div.text {
	padding:5px 0 0 10px;
	width:218px;
	float:left;
}

#content #cRight .rbox {
	width:335px;
	float:right;
	padding:15px;
	background-color:#eceff6;
	margin-bottom:6px;
}

#content #cRight .rbox h3 {
	margin-bottom:10px;
}

#content #cRight .rbox li {
	font-size:1.4em;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
	margin-left:15px;
	line-height:1.5em;
	color:#666;
}

#content #cRight .dwnNewsl {
	text-align:right;
	margin-bottom:0;
}

#content #cRight img.upcomingimg {
	border: #FFF 5px solid;
	float:left;
	margin-right:10px;
}

#content #cRight #upcoming h4 {
	margin-bottom:2px;
	padding-top:3px;
}

/* -- WORKSHOPS -- */
#workshops li {
	width:465px;
	height:100px;
	padding:10px 0 10px 10px;
	list-style:none;
	margin:0;
}

#workshops li h3 {
	margin-top:10px;
}

#workshops li p,
#workshops li h3 {
	float:left;
	width:290px;
}

#workshops li img {
	margin-right:10px;
	float:left;
}

#workshops li p.spaces,
#content #cRight #upcoming p.spaces {
	background:url(/images/img_tick.png) no-repeat 0 3px;
	padding-left:20px;
	color:#037505;
	float:left;
	width:185px;
}

#workshops li p.booked,
#content #cRight #upcoming p.booked {
	background:url(/images/img_cross.png) no-repeat 0 3px;
	padding-left:20px;
	color:#b60909;
	float:left;
	width:185px;
}

/* -- FAQs || Hints & Tips || Feedback -- */
#faq li,
#hintstips li,
#feedback li {
	list-style:none;
	margin:0;
}

#faq li li,
#hintstips li li,
#feedback li li {
	list-style:outside disc;
	margin-left:30px;
	padding:0px;
}

/* -- GALLERY -- */
#gallery {
	float:left;
}

#gallery li {
	float:left;
	width:410px;
	height:100px;
	padding:10px 0 10px 10px;
	list-style:none;
	margin:0 10px 0 0;
}

#gallery li h3 {
	margin-top:5px;
}

#gallery li p {
	margin:0;
}

#gallery li p,
#gallery li h3 {
	float:left;
	width:240px;
}

#gallery li img {
	margin-right:10px;
	float:left;
}

/* -- TABLE -- */
table { 
	margin:20px 0;
}

td,th { 
	font-size:1.2em;
	padding:6px 10px;
	color:#666;
	text-align:center;
}

td.first,
th.first {
	text-align:left;
}

th { 
	font-weight:bold;
	color:#2C5A8E;
	padding-bottom:5px;
	border-bottom:1px solid #A91B1B;
	font-size:1.4em;
}

tr.colourrow {
	background-color:#F7F7F7;
}

tr.colourrow td {
		border-bottom:1px solid #FFF;
}

/* -- FORM -- */
#content .form li,
#content #cRight .rbox .form li {
	list-style:none;
	margin-left:0;
}

#content .form li label {
	font-size:1em;
	color:#666;
	width:150px;
	float:left;
	margin:3px 0;
}

#cRight .rbox .form li label {
	width:100px;
}

#content .form li input,
#content .form li textarea,
#cRight .rbox .form li input,
#cRight .rbox .form li textarea {
	width: 300px;
	color: #344061;
	padding: 3px;
	border: 1px inset #B6B6B6;
	background: #faf9f9;
	margin: 3px 0;
	font-family:Arial,Helvetica,Trebuchet MS,Tahoma,Helvetica,sans-serif;
	font-size:14px;
}

#content .form li input.small,
#cRight .rbox .form li input.small {
	width:100px
}

#content .form li input.med,
#cRight .rbox .form li input.med {
	width:200px;
}

#content .form li input.button,
#cRight .rbox .form li input.button {
	display:block;
	padding:3px 8px;
	background-color:#C9D0E4;
	width:auto;
	float:left;
	text-decoration:none;
	border:none;
	margin-left:150px;
	cursor:pointer;
}

#content .form li input.button:hover,
#cRight .rbox .form li input.button:hover {
	background-color:#E1E5F0;
}

#cRight .rbox .form li input.check {
	width:10px;
	margin:7px 0;
}

/* -- FOOTER -- */
#footer {
	width:860px;
	height:20px;
	float:left;
	margin:20px;
}

#footer p {
	padding:0;
	margin:0;
	font-size:1.2em;
	color:#FFF;
	font-weight:bold;
}

#footer p span {
	font-weight:normal;
	font-size:1em;
}

#footer a {
	color:#FFF;
	text-decoration:none;
}

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

#footer #fleft {
	float:left;
	width:430px;
}

#footer #fright {
	float:right;
	width:430px;
	text-align:right;
}