/* 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;
}