/*
px  %
10 	77
11 	85
12 	93
13 	100
14 	108
15 	116
16 	123.1
17 	131
18 	138.5
19 	146.5
20 	153.9
21 	161.6
22 	167
23 	174
24 	182
25 	189
26 	197
*/

body {
	font: 13px Verdana, Helvetica, Geneva, Verdana, sans-serif;
	*font-size: small;
	*font: x-small;
	background: #c70070 url(images/pageback.gif);
	color: #000000;
	margin: 0;
	padding: 12px 0;
	text-align: center; /* IE CENTRED */
}

	a:link, a:visited {
		color: #000000;
	}

	a:hover {
		text-decoration: underline;
	}

	a img {
		border: 0;
	}

	br.breaker { clear: both; }
	strong.pink { color: #cb3179; }

body#homepage {
	color: #ffffff;
}

	body#homepage a:link, body#homepage a:visited {
		color: #ffffff;
	}

table {
	font-size: inherit;
	font: 100%;
	border-collapse: collapse;
	width: 100%;
}

#pagecontainer {
	width: 830px;
	margin: 0 auto; /* OTHER BROWSERS CENTRED */
	text-align: left; /* RESET ALIGNMENT */
}

	#header {
		height: 60px;
		background: url(/images/headerback.gif) no-repeat top left;
	}

		#header a {
			display: block;
			width: 215px;
			height: 55px;
		}

		#header h1 span {
			display: none;
		}

	#topnav {
		background: #645c63;
		height: 14px;
		padding: 8px 0;
		text-transform: lowercase;
		text-align: center;
	}

		#topnav ul {
			padding: 0;
			margin: 0;
			list-style: none;
			height: 14px;
		}

		#topnav ul li {
			float: left;
		}

		#topnav ul li a:link, #topnav ul li a:visited {
			padding: 0 10px;
			color: #ffffff;
			border-right: 1px solid #ffffff;
			line-height: 14px;
			text-decoration: none;
			font-size: 85%;
		}

			#topnav ul li.here a:link, #topnav ul li.here a:visited {
				font-weight: bold;
				color: #e993bc;
			}

		#topnav ul li a:hover {
			text-decoration: underline;
		}

		#topnav ul li.last a:link, #topnav ul li.last a:visited {
			border-right: 0;
		}

	#homecontent {
		height: 70px;
		padding: 370px 0 10px 0;
		background: #58782b url(/images/homeback.jpg) no-repeat top left;
	}

		#homecontent h1 {
			margin: 0 0 5px 0;
			padding: 0;
			font-size: 138.5%;
			text-align: center;
			font-weight: normal;
			height: 25px;
			background: url(/images/homeh1back.jpg) no-repeat top left;
		}

			#homecontent h1 span {
				display: none; /* HIDES IT SO THE BACKGROUND DROP SHADOW VERSION CAN SHOW THROUGH */
			}

		#homecontent p {
			font-size: 93%;
			padding: 0 30px;
			margin: 0;
		}

			#homecontent p.homeleft {
				float: left;
				width: 385px;
			}

			#homecontent p.homeright {
				float: right;
				width: 325px;
			}

	#pagecontent {
		background: #ffffff;
	}

		#contentmain {
			float: right;
			width: 650px;
			padding-bottom: 20px;
		}

			#contentmain p {
				margin-right: 20px;
			}

			#contentmain p.menu {
				margin-right: 20px;
				margin-bottom: 10px;
			}

		/* MINI BOUNCY GALLERY AT TOP OF PAGE */
		#gallery {
			position: relative;
		}

			#galleryimages {
				width: 650px;
				height: 375px;
				overflow: hidden;
				z-index: 1;
			}

			#gallerycontrols {
				position: absolute;
				top: 345px;
				width: 650px;
				height: 30px;
				line-height: 30px;
				background: #ffffff;
				filter: alpha(opacity=70);
				opacity: 0.7;
				font-size: 85%;
				z-index: 2;
			}

				#gallerycontrols a:link, #gallerycontrols a:visited {
					text-decoration: none;
				}

				#previmage {
					padding-left: 14px;
					margin-right: 180px;
					background: url(/images/arrowleft.gif) no-repeat top left;
				}

				#gallerylink {
					padding-left: 14px;
					background: url(/images/arrow.gif) no-repeat top left;
				}

				#nextimage {
					padding-right: 14px;
					margin-left: 220px;
					background: url(/images/arrow.gif) no-repeat top right;
				}

			#contentmain h1 {
				color: #645c63;
				font-size: 182%;
				font-weight: normal;
			}

				#contentmain h1.toppadding {
					margin-top: 20px;
				}

			#contentmain h2 {
				color: #c70070;
				font-size: 116%;
			}

			#contentmain p {
				font-size: 85%;
				line-height: 160%;
			}

			#contentmain ul {
				font-size: 85%;
				line-height: 180%;
			}

			#contentmain p.menu {
				font-size: 85%;
				line-height: 180%;
				text-align: center;
			}

		/* MAIN GALLERY PAGES */
		#gallerypage img {
			padding: 0 15px 15px 0;
		}

		.gmagnifier {
			float: left;
			width: 130px;
			position: relative;
		}

			.gmagglass {
				position: absolute;
				top: 95px;
				left: 95px;
			}

		#sidebar {
			float: left;
			width: 160px;
			padding: 0 10px;
		}

			#sidebar h3 {
				font-size: 100%;
				color: #c70070;
				padding: 10px 0 0 0;
				margin: 0;
				border-top: 1px solid #cccccc;
			}

			#sidebar p {
				padding: 0 0 10px 0;
				font-size: 85%;
				line-height: 180%;
				color: #666666;
			}

			#sidebar a:link, #sidebar a:visited {
				color: #666;
				text-decoration: none;
			}

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


			#sidebar ul {
				margin: 0;
				padding: 10px 0 0 0;
				list-style: none;
			}

			#sidebar ul li {
				padding-left: 16px;
				background: url(/images/arrow.gif) no-repeat top left;
				font-size: 85%;
				margin-bottom: 8px;
			}

				#sidebar ul li a:link, #sidebar ul li a:visited {
					color: #666666;
					text-decoration: none;
				}

					#sidebar ul li a:hover {
						text-decoration: underline;
					}

				#sidebar ul li.here a:link, #sidebar ul li.here a:visited {
					color: #c70070;
					font-weight: bold;
				}

			#subemail {
				border: 1px solid #999999;
				font-size: 85%;
				width: 100px;
			}

			#subgo {
				background: #c70070;
				color: #ffffff;
				font-size: 85%;
				border: 1px groove #c70070;
			}

			.brochureimg {
				float: right;
				margin-left: 10px;
			}

	#homefeatures {
		height: 120px;
		background: #5d4d5c url(/images/homefeatback.gif) repeat-x top left;
		font-size: 85%;
	}

		/* GLOBAL STYLES FOR THESE DIVS */
		#homefeatures div {
			height: 120px;
		}

		#homefeatures h2 {
			margin-top: 5px;
		}

			#homefeatures h2 span {
				display: none; /* BACKGROUND TRICK AGAIN */
			}

		#homefeatures p {
			text-align: right;
			line-height: 1.5em;
			margin: 0;
		}

			#homefeatures p a {
				font-weight: bold;
			}

		/* INDIVIDUAL DIVS TO LINE PARAS UP CORRECTLY */
		.homefeat1 {
			float: left;
			width: 284px;
			background: url(/images/homefeat1back.jpg) no-repeat top left;
		}

			.homefeat1 p {
				padding: 40px 20px 0 100px;
			}

		.homefeat2 {
			float: left;
			width: 273px;
			background: url(/images/homefeat2back.jpg) no-repeat top left;
		}

			.homefeat2 p {
				padding: 40px 20px 0 100px;
			}

		.homefeat3 {
			float: right;
			width: 273px;
			background: url(/images/homefeat3back.jpg) no-repeat top left;
		}

			.homefeat3 p {
				padding: 50px 20px 0 120px;
			}


		/* OUT AND ABOUT STYLES */

		div.outandabout {
			float: left;
		}

			div.outandabout img {
				float: left;
				margin-right: 15px;
				margin-bottom: 20px;
			}

			div.outandabout p {
				float: left;
				margin-right: 20px;
			}

			div.outandabout a:link, div.outandabout a:visited {
				color: #CB3179;
				font-weight: bold;
				text-decoration: underline;
			}

			div.outandabout a:hover {
				color: #666;
			}


		/* EVENTS STYLES */

		div.events {
			width: 325px;
			float: left;
			margin-bottom: 40px;
		}

			div.events img {
				float: left;
				margin-right: 15px;
				margin-bottom: 20px;
			}

			div.events p {
				width: 170px;
				float: left;
				margin-right: 20px;
			}

			div.events a:link, div.events a:visited {
				color: #CB3179;
				font-weight: bold;
				text-decoration: underline;
			}

			div.events a:hover {
				color: #666;
			}


		/* CONTACT PAGE (INC. GOOGLE MAP) */
		#googlemap {
			width: 830px;
			border-bottom: 1px solid #4a4449;
			height: 400px;
			margin-bottom: 10px;
		}

			#googlemap p {
				margin-top: 0;
				padding: 10px;
			}

		#contactleft {
			float: left;
			width: 395px;
			padding: 10px;
		}

		#contactright {
			float: right;
			width: 395px;
			padding: 10px;
		}

	#footer {
		height: 29px;
		background: #756874 url(/images/footerlogo.gif) no-repeat 3px 4px;
		border: 1px solid #4a4449;
		padding: 11px 0px 5px 151px;
		font-size: 85%;
		color: #ffffff;
	}

		#footer a:link, #footer a:visited {
			color: #ffffff;
		}

#contactform {
	display: inline;
}

#contactform p {
	margin-top: 5px;
}

#contactform label {
	clear: left;
	float: left;
	width: 75px;
	padding-right: 10px;
	margin-top: 5px;
}

input.contform, select.contform {
	float: left;
	width: 180px;
	border: 1px solid #666;
	font-family: verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
	font-size: 1.0em;
	margin-top: 5px;
}

textarea.contform {
	float: left;
	width: 180px;
	border: 1px solid #666;
	font-family: verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
	font-size: 1.0em;
	margin-top: 5px;
}

#buttsend {
	margin-top: 10px;
	margin-left: 220px;
	color: #ffffff;
	font-weight: bold;
	background-color: #DBCCB9;
	border: 1px solid #666;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* MENU FLOATS */
.leftmenu {
	float: left;
	width: 600px;
	font-size: 85%;
	line-height: 180%;
	clear: both;
}

.rightmenu {
	float: right;
	width: 50px;
	font-size: 85%;
	line-height: 180%;
}

	.leftmenuend {
		float: left;
		width: 600px;
		font-size: 85%;
		line-height: 180%;
		clear: both;
		margin-bottom: 20px;
	}

	.rightmenuend {
		float: right;
		width: 50px;
		font-size: 85%;
		line-height: 180%;
		margin-bottom: 20px;
	}


/* MEET STAFF FLOATS */

#meetleft {
	float: left;
	width: 300px;
	margin: 10px 0px 0px 10px;
}

#meetright {
	float: right;
	width: 300px;
	margin: 10px 10px 0px 0px;
}

	.meetthestaff {
		text-align: center;
		width: 180px;
		font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
		font-size: 1.1em;
		
		margin: 0px 0px 10px 0px;
	}

.bluebackground{
	margin-top: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	width: 158px;
}

.bluebox{
	width: 183px;
	background-color: #D3CFD2;
	margin-bottom: 20px;
	height: 50px;
}


/*****************
 IMAGE FLOATS
 *****************/

img.floatright {
	float: right;
	margin: 0px 0px 10px 10px;
}

img.floatleft {
	float: left;
	margin: 0px 10px 10px 0px;
}



/*****************
 HI RES IMAGES
 *****************/

.pic1 {
	width: 130px;
	float: left;
	font-size: 0.8em;
	margin: 20px 0px 0px 0px;
}

.pic2 {
	width: 130px;
	float: left;
	font-size: 0.8em;
	margin: 20px 0px 0px 0px;
}

.pic3 {
	width: 130px;
	float: left;
	font-size: 0.8em;
	margin: 20px 0px 0px 0px;
}

.pic4 {
	width: 130px;
	float: left;
	font-size: 0.8em;
	margin: 20px 0px 0px 0px;
}

.pic5 {
	width: 130px;
	float: left;
	font-size: 0.8em;
	margin: 20px 0px 0px 0px;
}