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