/* universal whitespace */
* {
    margin: 0;
    padding 0;
}

h1, h2, h3, h4, h5, h6, p, pre,
blockquote, label, ul, ol, dl, fieldset, address {
margin: .25em 0;
}
ul {
padding-left:1em;
list-style: square;
}
li, dd, blockquote {
margin-left: 5%;
}
form label {
}
fieldset {
border: none;
padding: .5em;
}
input, select, textarea {
font-size: 100%;
}

/* Page Attributes */

body {

margin-top: 0px;
margin-left: 0px;
background-color: #A7CF39;
background-image: url(bg.gif);
background-repeat: repeat-y;
background-position: top center;

font-size: 100%;
font-family: arial, sans-serif, "Times New Roman";
color: #000000;

text-align: center;
}

img { border: 0px; }

/* Layout Blocks */
#maincontainer {
width: 594px;
height: 100%;
background-color:#FFFFFF;
margin: auto;
padding-left: 5px;
text-align: left;
}

#header img {
padding: 0px;
margin: 0px;
}
#contentcontainer {
background-repeat: no-repeat;
background-position: bottom left;

padding-left: 3px;
padding-top: 15px;
width: 587px;
}

#contentcontainerimg {
vertical-align: bottom;
position: relative;
}

#coursenavi {
background-color: #F49AC1;
width: 590px;
height: 79px;
}

#coursenavileft {
background-color: #F49AC1;
width: 328px;
height: 60px;
padding-left: 10px;
padding-top: 8px;
font-family: arial;
font-size: 12px;
float: left;
}

#coursenaviright {
float: left;
width: 252px;
height: 79px;
text-align: right;
}

/* course details page styling */
#contentcoursedetails {
			padding-top: 10px;
			padding-right: 5px;
			width: 366px;
			float: left;
			
			background-color: #FFFFFF;
		}

		#leftcoursedetails {
			float: left;
			width: 216px;
			margin: 0;
			margin-top: 10px;
			background-color: #FFFFFF;
		}
#caption {
width: 190px;
height: 15px;
padding: 5px;
margin: 0px;
font-size: 0.7em;
background-color: #FFFFFF;
}

#courseimage {
			margin: 0;
			width: 200px;		
			padding: 8px;
			padding-bottom: 8px;
			background-color: #EEEEEE;
}

/* related courses link styling */
#related {
		width: 200px;
		padding: 8px;
		background-color: #EEEEEE;
		border-top: 10px solid #FFFFFF;
}
#relatedcourses {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;

		}
		
#relatedcourses li {
		margin: 0;
		list-style: none;
		padding: 0;
		}
		
#relatedcourses li a {
		display: block;
		padding: 5px 5px 5px 5px;
		background-color: #EEEEEE;
		color: #000000;
		margin: 0px;
		text-decoration: none;
		width: 190px;
		font-size: 0.85em;
		font-weight: normal;
		}
		
#relatedcourses li a {		  
  width:200px; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:190px;
}

html>body #relatedcourses li a {
		width: auto;
		}

#relatedcourses li a:hover {
		
		background-color: #6dcff6;
		color: #000000;
	}
		
/* topnavi */
#topnavi {
display: block;
width: 590px;
height: 21px;
margin: 0px;
padding: 0px;
}
#topnavi li {
margin: 0px;
padding: 0px;
display: inline;
list-style: none;
float: left;
}

#topnavi li a {
		display: block;
		padding: 0px 10px 0px 10px;
		background-color: #FFDD00;
		text-decoration: none;
		width: auto;
	height: 24px;
	line-height: 24px;
		color: #000000;
		font-size: 0.95em;
		border-bottom: 0px solid #EEEEEE;
		text-align: center;
}

html>body #topnavi li a {
		
		}

#topnavi li a:hover {
background-color: #EEEEEE;
color: #000000;
border-bottom: 0px solid #FFDD00;
		}
#current a {
background-color: #EEEEEE;
}
#current a:hover {
background-color: #F9F9F9;
}


/* course_sub_nav */
#course_sub_nav, #course_sub_nav fieldset ul li {
padding: 0px;
margin: 0px;
}

#course_sub_nav {
	padding-top: 5px;
}

#course_sub_nav fieldset {
border: 0px;
padding: 0px;
margin: 0px;
width: 295px;
height: 65px;
background-color: #f6f6f6;
float: left;
display: block;
margin-bottom: 10px;

}

#course_sub_nav fieldset span {
display: block;
font-size: 0.9em;
font-weight: bold;
margin: .25em 13px;
}

#course_sub_nav fieldset span.quick_find {
	margin: 0.25em 0px 5px 0px; 
}

#course_sub_nav fieldset ul {
margin: 0px;
margin-top: -2px;
padding: 0px;
}

#course_sub_nav fieldset ul li a {
padding: 0px;
text-decoration: none;
display: block;
background-color: #f6f6f6;
color: #000000;
border: 0px;
}

#course_sub_nav fieldset ul li a:hover {
text-decoration: none;
}

#course_sub_nav fieldset ul li select {
margin: 0px;
padding: 0px;
width: 270px;
}

#quickfind_submit {

}

#course_sub_nav fieldset ul li {
margin: 0px;
padding: 0px;
display: inline;
list-style: none;
width: 46px;
padding-left: 0px;
float: left;
}


/* course block links */
.course {
display: block;
width: 293px;
height: 8em;
float: left;
}

.course a {
		display: block;
		padding: 5px 5px 5px 5px;
		background-color: #FFFFFF;
		text-decoration: none;
		width: 283px;
		color: #000000;
		}

html>body .course a {
		width: auto;
		}

.course a:hover {
background-color: #f6f6f6;
color: #000000;
		}
.course a:hover strong {
		text-decoration: underline;
color: #A7CF39;
		}

		.course img {
margin: 3px;
}

		.coursegrey img {
margin: 3px;
}

.coursegrey, .course {
font-size: 0.75em;
}
		/* course  grey block links */
.coursegrey {
display: block;
width: 293px;
height: 8em;
float: left;

}

.coursegrey a {
		display: block;
		padding: 5px 5px 5px 5px;
		background-color: #EEEEEE;
		text-decoration: none;
		width: 283px;	
		color: #000000;
}

html>body .coursegrey a {
		width: auto;
		}

.coursegrey a:hover {
background-color: #f6f6f6;
color: #000000;
		}
.coursegrey a:hover strong {
		text-decoration: underline;
color: #A7CF39;
		}

/* Text Styles */
p, span, form, h2, h3 {

line-height: 1.3em;
font-size: 0.8em;
margin-bottom: 0.8em;
} 

p.pdf {
margin-bottom: 15px;
	background-image: URL(pdf.gif);
	background-position: 0px center;
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 60px;
	padding-right: 10px;
	background-color: #FFFFFF;
}

p.pdf strong {
color: #000000;
text-decoration: none;
}

p.information {
margin-top: 15px;
	background-image: URL(info.gif);
	background-position: 10px center;
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 60px;
	padding-right: 10px;
	background-color: #FFFFFF;
}

p.information strong {
color: #000000;
text-decoration: none;
}


a {
text-decoration: underline;
color: #A7CF39;
}

a:hover {
text-decoration: none;
color: #A7CF39;
}

ul {
font-size: 0.8em;
}

h1 {
padding: 0px;
margin: 0px;
font-size: 1.2em;
color: #000000;
height: 200px;
}

h1 a {
text-decoration: none;
}
h1 a:hover {
text-decoration: none;
}

#header span {
	background: url(header.jpg) no-repeat;
	position: absolute;
	width: 590px;
	height: 200px;
	}

h2.special {
font-size: 0.8em;
font-weight: bold;
padding: 0px;
margin: 0px; 

color: #000000;
}


h2.special a {
text-decoration: none;
color: #000000;
}
h2.special a:hover {
text-decoration: none;
color: #A7CF39;
}

h2 {
display: inline;
font-size: 1em;
font-weight: bold;
padding: 0px;
margin: 0px; 
}
h2 a {
text-decoration: none;
color: #000000;
}
h2 a:hover {
text-decoration: none;
color: #A7CF39;
}

h3 {
display: inline;
font-size: 0.9em;
font-weight: bold;
padding: 0px;
margin: 0px; 
}
h3 a {
text-decoration: none;
color: #000000;
}
h3 a:hover {
text-decoration: none;
color: #A7CF39;
}

h4 {
display: inline;
font-size: 0.8em;
font-weight: bold;
padding: 0px;
margin: 0px; 
}

h3 a {
text-decoration: none;
}

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

.seolink  a {
text-decoration: none;
color: #000000;
}

address {
font-style: normal;
font-size: 0.8em;
margin-left: 20px;
}
.clear { clear: both; line-height: 0; }

table#price_summary {
width: 590px;

margin: 0;
font-size: 0.8em;


}

table#price_summary th {

}
table#price_summary td, table#price_summary th {

padding: 5px;
border: 0;
}

table#price_summary .border {
border-top: 1px solid #EEEEEE;
border-bottom: 1px solid #EEEEEE;
}

tr.grey_row {
background-color: #EEEEEE;
}

.info_summary_div {
float: left;
padding: 0px;
margin: 0px;
margin-top: 10px;
margin-bottom: 10px;
width: 290px;
}

table.info_summary {

width: 290px;

}
table.info_summary td, table.info_summary td {
padding: 5px;
border: 0;
}
table.info_summary th {
width: 100px;
}

/* Form Styling */
fieldset {

} 

select {
margin: 5px;
font-size: 11px;
}

button {
background-color: #FFFFFF;
border: 0px #FFFFFF;
font-size: 11px;
}
/* Cursor Styling */
acronym {
cursor: help;
border: 0px;
} 

/* form styling */
form.booking { margin: 0px;padding: 0px; }

form.booking ol { text-align: left; }

form.booking fieldset { padding: 0px; padding-top: 10px; padding-bottom: 10px; width: 590px; background-color: #FFFFFF;
border-top: 1px solid #A7CF39; clear: both; }
 
form.booking fieldset ol { padding: 0px; margin: 0px; }
	
form.booking fieldset legend {
  padding: 0px;
		margin: 0px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 1em;
  font-weight: bold;
	text-align: left;
	margin-bottom: 10px;
	}
	
form.booking label {
  display: block;
	width: 140px;
	text-align: right;
	padding-right: 10px;
	float: left;
   
	line-height: 1.5em;
  vertical-align: top;
	}

form.booking fieldset input,form.booking textarea, form.booking select {
  display: block;
	
	padding: 0px;
	margin: 0px;
	
	float: left;
  
	font-family: Arial;
	font-size: 1em;
}

form.booking textarea {
height: 150px;
}

form.booking fieldset input {
  height: 1.5em;
	line-height: 1.5em;
}


form.booking li {
 padding-bottom: 5px;
	}
	
form.booking fieldset li {
  list-style: none;
	padding: 5px;

  margin: 0;
clear: both;
	}

form.booking .smallinput {
width: 30px;
margin-right: 10px;
float: left;
}

form.booking checkbox_label {
width: 350px;
border: 1px solid #000000;
padding: 0px;
margin: 0px;
}

form.booking .checkbox {
width: 15px;
margin-left: 10px;
margin-right: 10px;
float: left;
}

form.booking em {
color: #d71a21;
}

form.booking fieldset ol li ol {
margin: 0;
padding: 0;
}

#loading {
display: none;
}

span.blue {
color: #6cd0f7;
font-weight: bold;
font-size: 1em;
}

span#age_check {
float: left;
margin-left: 10px;
font-size: 1em;
}

#afternoons_of_imagination_individual {
display: none;
}



hr {
height: 0px;
border-top: 1px solid #EEEEEE;
}

form.booking_display div fieldset { padding: 0px; padding-top: 10px; padding-bottom: 10px; width: 280px; margin-left: 10px; background-color: #FFFFFF;
border-top: 1px solid #A7CF39; clear: both; }
 
form.booking_display div fieldset ol { padding: 0px; margin: 0px; }
	
form.booking_display div fieldset legend {
  padding: 0px;
		margin: 0px;
		
	padding-left: 5px;
	padding-right: 5px;
	font-size: 1em;
  font-weight: bold;
	text-align: left;
	}
	
/* 2008 changes */
div#contentcoursedetails ul {
	margin: 0.25em 0 0.6em 0;
}

	/* --------------------------------------------------- */
	/* footer */
	/* --------------------------------------------------- */
	p#footer_home {
		margin: auto;
		margin-bottom: 0px;
		text-align: left;
		display: block;
		margin-top: 0px;
		margin-top: 10px;
		padding-top: 7px;
		height: 39px;
		padding-left: 10px;
		width: 584px;
		background-color: #fec2dc;
		border-bottom: 1px solid #cbcbcb;
		font-size: 0.7em;
	}

	p#credits {
		margin: auto;
		margin-top: 0px;
		text-align: left;
		display: block;
		padding: 5px 0px 5px 10px;
		width: 580px;
		color: #CCC;
		font-size: 0.7em;
	}
	
	p#credits a {
		text-decoration: none;
		color: #CCC;
	}
	p#credits a:hover {
		text-decoration: underline;
		color: #CCC;
	}
	

.security_message {
background-image: URL(secure.jpg);
background-position: left center;
background-repeat: no-repeat;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 60px;

}

	/* --------------------------------------------------- */
	/* navigation */
	/* --------------------------------------------------- */
#course_sub_nav ul li a:link, #course_sub_nav ul li a:active, #course_sub_nav ul li a:hover, #course_sub_nav ul li a:visited {
	display: block;
	width: 30px;
	height: 30px;
	padding-left: 0px;
}

#course_sub_nav ul li a:link span, #course_sub_nav ul li a:active span, #course_sub_nav ul li a:hover span, #course_sub_nav ul li a:visited span {
	background-repeat: no-repeat;
	margin-left: 0px;
	width: 30px;
	height: 30px;
	position: absolute;
	
}

#course_sub_nav ul li.sixtoseven a:link span, #course_sub_nav ul li.sixtoseven a:active span, #course_sub_nav ul li.sixtoseven a:visited span {
	background-image: URL(ageranges/6-7.gif);
}

#course_sub_nav ul li.sixtoseven a:hover span {
	background-image: URL(ageranges/6-7-over.gif);
}

#course_sub_nav ul li.fivetosix a:link span, #course_sub_nav ul li.fivetosix a:active span, #course_sub_nav ul li.fivetosix a:visited span {
	background-image: URL(ageranges/5-6.gif);
}

#course_sub_nav ul li.fivetosix a:hover span {
	background-image: URL(ageranges/5-6-over.gif);
}

#course_sub_nav ul li.eightplus a:link span, #course_sub_nav ul li.eightplus a:active span, #course_sub_nav ul li.eightplus a:visited span {
	background-image: URL(ageranges/8+.gif);
}

#course_sub_nav ul li.eightplus a:hover span {
	background-image: URL(ageranges/8+-over.gif);
}


#course_sub_nav ul li.nineplus a:link span, #course_sub_nav ul li.nineplus a:active span, #course_sub_nav ul li.nineplus a:visited span {
	background-image: URL(ageranges/9+.gif);
}

#course_sub_nav ul li.nineplus a:hover span {
	background-image: URL(ageranges/9+-over.gif);
}


#course_sub_nav ul li.tenplus a:link span, #course_sub_nav ul li.tenplus a:active span, #course_sub_nav ul li.tenplus a:visited span {
	background-image: URL(ageranges/10+.gif);
}

#course_sub_nav ul li.tenplus a:hover span {
	background-image: URL(ageranges/10+-over.gif);
}


#course_sub_nav ul li.elevenplus a:link span, #course_sub_nav ul li.elevenplus a:active span, #course_sub_nav ul li.elevenplus a:visited span {
	background-image: URL(ageranges/11+.gif);
}

#course_sub_nav ul li.elevenplus a:hover span {
	background-image: URL(ageranges/11+-over.gif);
}

/* current page */
body#fivetosix #course_sub_nav ul li.fivetosix a:link span, body#fivetosix #course_sub_nav ul li.fivetosix a:active span, body#fivetosix #course_sub_nav ul li.fivetosix a:visited span {
	background-image: URL(ageranges/5-6-over.gif);
}


body#sixtoseven #course_sub_nav ul li.sixtoseven a:link span, body#sixtoseven #course_sub_nav ul li.sixtoseven a:active span, body#sixtoseven #course_sub_nav ul li.sixtoseven a:visited span {
	background-image: URL(ageranges/6-7-over.gif);
}

body#eightplus #course_sub_nav ul li.eightplus a:link span, body#eightplus #course_sub_nav ul li.eightplus a:active span, body#eightplus #course_sub_nav ul li.eightplus a:visited span {
	background-image: URL(ageranges/8+-over.gif);
}

body#nineplus #course_sub_nav ul li.nineplus a:link span, body#nineplus #course_sub_nav ul li.nineplus a:active span, body#nineplus #course_sub_nav ul li.nineplus a:visited span {
	background-image: URL(ageranges/9+-over.gif);
}

body#tenplus #course_sub_nav ul li.tenplus a:link span, body#tenplus #course_sub_nav ul li.tenplus a:active span, body#tenplus #course_sub_nav ul li.tenplus a:visited span {
	background-image: URL(ageranges/10+-over.gif);
}

body#elevenplus #course_sub_nav ul li.elevenplus a:link span, body#elevenplus #course_sub_nav ul li.elevenplus a:active span, body#elevenplus #course_sub_nav ul li.elevenplus a:visited span {
	background-image: URL(ageranges/11+-over.gif);
}

img.preload {
	display: none;
}