/* CSS Document */

html {
   height:100%;
}

* {
   padding:0;
   margin:0;
}

body {
	margin: 0px;
	background-image:url(/globals/images/tile.gif);
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	height:100%;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
	color:#666666;
}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#666666;
}

p {
	color:#666666;
	font-size:11px;
}

#container {
	width:100%;
}

#holder {
	width:760px;
	background-color:#FFFFFF;
	padding:0px 10px 10px 10px;
	height:100%;
}

#header {
	width:760px;
}

.mainphoto {
	margin:3px 0px 3px 0px;
}

#navigation {
	width:760px;
	height:34px;
	background-image:url(/globals/images/navigation/navigation_bg.gif); 
	display:block;
}

#footer {
	font-size:10px;
	padding-top:12px;
	border-top-style:dashed;
	border-top-color:#999999;
	border-top-width:1px;
}

.red {
	color:#FF0000;
}


.darkgrey {
	color:#333333;
	font-weight:bold;
}

#textcontent {
	margin:34px 15px 15px 15px;
	overflow:visible;
}

#gallerycontent {
	margin:34px 0px 15px 0px;
	overflow:visible;
}

#lefttext {
	float:left;
	width:475px;
}

#righttext {
	float:right;
	width:255px;
}

.textcolumn {
	width:225px;
	float:left;
	margin:15px 10px 0px 0px;
}

.textcolumn ul { margin:8px 0 8px 18px; }
.textcolumn li { padding:2px; }

.doublecolumn {
	width:470px;
	margin:10px 0px 15px 0px;
	padding-top:5px;
}

.doublecolumnborder {
	width:470px;
	margin:10px 0px 15px 0px;
	padding-top:5px;
	border-top-style:dashed;
	border-top-color:#999999;
	border-top-width:1px;
}

li.bullet {
	list-style-type:disc;
	color:#FF0000;
	margin-left:12px;
	margin-top:10px;
}

li.bullet span {
	color:#666666;
}

#featurebox {
	width:228px;
	height:242px;
	background-image:url(/globals/images/featurebox_bg.gif);
	padding:13px 13px 0px 13px;
}

#featureboxbar {
	margin-bottom:5px;
}

.testimonialcolumn {
	width:470px;
	height:90px;
	margin:15px 0px 0px 0px;
	padding-top:5px;
}

.gallerybox {
	height:120px;
	width:120px;
	background-image:url(/globals/images/gallery_box.gif);
	float:left;
	padding:16px;
}

.gallerybox p { font-weight:bold;padding:25px 0;text-align:center; }

#staffphoto .gallerybox { background-repeat:no-repeat;height:150px; }

#afterschool { text-align:center; }
#afterschool thead { font-weight:bold; }
#afterschool td { padding:4px 2px;border-bottom:1px solid #CCC; }
#afterschool td strong { display:block; }
.input {
	border-style:solid;
	border-width:1px;
	border-color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	margin:5px 0px 16px 0px;
	padding:2px;
	height:12px;
}

.inputcomment {
	border-style:solid;
	border-width:1px;
	border-color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	margin:5px 0px 6px 0px;
	padding:2px;
	height:100px;
	width:379px;
}

.dropdown {
	border-style:solid;
	border-width:1px;
	border-color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	margin:0px 0px 4px 0px;
	margin:5px 0px 16px 0px;
	padding:2px;
}

#terms {
	margin:10px 0px 10px 0px;
}

#gallerydisplay {
	width:750px;
	height:457px;
	margin:0px 0px 15px 0px;
	background-image:url(../images/featurebox/gallerydisplay.jpg);
	background-repeat:no-repeat;
}

#photoholder {
	height:446px;
	width:700px;
	overflow:hidden; 
	position:relative;
	float:left;
	padding:5px;
}

#photoholder[id] {
	height:446px;
	display:table;
	position:static;
}

#middleholder {
	width:700px; 
	top: 50%;
	float:none;
	display: table-cell;
	position:relative;
}

#middleholder[id] {	 
	horizontal-align: middle;
	vertical-align: middle; 	
	float:none;
}

#inner {
	position:relative; 
	top: -50%;
} /* for explorer only */
/* optional: #inner[id] {position: static;} */

/*   Links   */

a:link {
	color: #FF0000;
	text-decoration:none;
}

a:hover {
	color: #FF0000;
	text-decoration:underline;
}

a:visited {
	color: #FF0000;
	text-decoration:none;
}

a:visited:hover {
	color: #FF0000;
	text-decoration:underline;
}

a.footer:link {
	color: #666666;
	text-decoration:none;
}

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

a.footer:visited {
	color: #666666;
	text-decoration:none;
}

a.footer:visited:hover {
	color: #666666;
	text-decoration:underline;
}


/*   Navigation   */

#navigation ul {
	padding:0px;
	margin:0px;
	height:30px;
	margin-left:2px;
}

#navigation ul li {
	list-style-type:none;
	height:30px;
	width:90px;
	float:left;
	text-transform:none;
	margin-left:4px;
	margin-top:4px;
}

#navigation ul li a {
	height:30px;
	display:block;
	text-decoration:none;
}

#navigation ul li a span {
	visibility:hidden;
}
/* Nav buttons */


#navigation .homeNav {
	background:url(/globals/images/navigation/home_off.gif);
	background-repeat:no-repeat;
}

#navigation .homeNav a:hover,
#navigation .homeNavSelected {
	background:url(/globals/images/navigation/home_on.gif);
	background-repeat:no-repeat;
}

#navigation .aboutNav {
	background:url(/globals/images/navigation/about_off.gif);
	background-repeat:no-repeat;
}

#navigation .aboutNav a:hover,
#navigation .aboutNavSelected {
	background:url(/globals/images/navigation/about_on.gif);
	background-repeat:no-repeat;
}

#navigation .schoolNav {
	background:url(/globals/images/navigation/school_off.gif);
	background-repeat:no-repeat;
}

#navigation .schoolNav a:hover,
#navigation .schoolNavSelected {
	background:url(/globals/images/navigation/school_on.gif);
	background-repeat:no-repeat;
}

#navigation .holidayclubNav {
	background:url(/globals/images/navigation/holiday_off.gif);
	background-repeat:no-repeat;
}

#navigation .holidayclubNav a:hover,
#navigation .holidayclubNavSelected {
	background:url(/globals/images/navigation/holiday_on.gif);
	background-repeat:no-repeat;
}

#navigation .weekendcentresNav {
	background:url(/globals/images/navigation/weekend_off.gif);
	background-repeat:no-repeat;
}

#navigation .weekendcentresNav a:hover,
#navigation .weekendcentresNavSelected {
	background:url(/globals/images/navigation/weekend_on.gif);
	background-repeat:no-repeat;
}

#navigation .testimonialsNav {
	background:url(/globals/images/navigation/testimonials_off.gif);
	background-repeat:no-repeat;
}

#navigation .testimonialsNav a:hover,
#navigation .testimonialsNavSelected {
	background:url(/globals/images/navigation/testimonials_on.gif);
	background-repeat:no-repeat;
}

#navigation .galleryNav {
	background:url(/globals/images/navigation/gallery_off.gif);
	background-repeat:no-repeat;
}

#navigation .galleryNav a:hover,
#navigation .galleryNavSelected {
	background:url(/globals/images/navigation/gallery_on.gif);
	background-repeat:no-repeat;
}

#navigation .contactNav {
	background:url(/globals/images/navigation/contact_off.gif);
	background-repeat:no-repeat;
}

#navigation .contactNav a:hover,
#navigation .contactNavSelected {
	background:url(/globals/images/navigation/contact_on.gif);
	background-repeat:no-repeat;
}