/*	GENERAL STYLES	*/
html
{
	margin: 0;
	padding: 0;
	background: #dcf4ff url(/images/layout/sky.jpg) repeat-x top right;
}

body
{
	margin: 0px;
	padding: 0px;
	background: url(/images/layout/grass.gif) repeat-x bottom;
	font-family: verdana, arial, sans-serif;
	font-size: 62.5%;
}

body.calendar
{
	margin: 0;
	padding: 0;
	background: #fff;
	font-size: 62.5%;
}

.Normal {font-size: 80%;}
.Larger {font-size: 95%;}
.Largest {font-size: 110%;}

.Arial {font-family: Arial, sans-serif;}
.Times {font-family: Times New Roman, Times, serif;}
.Comic {font-family: Comic Sans MS, Comic Sans, fantasy;}

#topper
{
	margin: 20px auto 0 auto;
	padding: 0;
	width: 760px;
	height: 20px;
	background: transparent url(/images/layout/page-top.gif) no-repeat top left;
	z-index: 50;
}

#container
{
	position: relative;
	top: 0px;
	margin: 0 auto;
	padding: 0;
	width: 760px;
	background: #fff url(/images/layout/page-bg.gif) repeat-y top left;
	z-index: 50;
}

#balloons
{
	position: absolute;
	top: 150px;
	left: 0px;
	height: 500px;
	overflow: hidden;
	width: 100%;
	z-index: 5;
}

#offset
{
	margin: 0 0 0 -500px;
	padding: 0;
	width: 500px;
}

#innerContainer
{
	margin: 0px auto;
	padding: 0px;
	width: 740px;
	background: #fff url(/images/layout/page-bg.gif) no-repeat 0px 150px;
}


/*	HEADER STYLES	*/
#header
{
	display: block;
	margin: 0;
	padding: 0 0 10px 0;
}


/*	 PAGE TITLE STYLES	*/

#pageTitle
{
	margin: 0px;
	padding: 0px;
}

#pageTitle img
{
	display: block;
	margin: 10px 0px 40px 300px;
	padding: 0px;
}


/*	NAVIGATION STYLES	*/
#navContainer {float: left; margin: 0; padding: 0 0 0 10px;}
#navigation {margin: 0; padding: 0px; width: 133px; list-style-type: none;}
#navigation li {position: relative; margin: 0 0 4px 0; padding: 0;}
#navigation li a {display: block; margin: 0; padding: 0; width: 133px; font-size: 0.2em; height: 32px; color: #0190ff; text-align: center;}

a.home {background: url(/images/layout/blue-buttons.gif) no-repeat 0px 0px;}
a.home:hover {background-position: -133px 0px;}

a.about {background: url(/images/layout/blue-buttons.gif) no-repeat 0px -32px;}
a.about:hover {background-position: -133px -32px;}

a.find {background: url(/images/layout/blue-buttons.gif) no-repeat 0px -64px;}
a.find:hover {background-position: -133px -64px;}

a.parties {background: url(/images/layout/blue-buttons.gif) no-repeat 0px -96px;}
a.parties:hover {background-position: -133px -96px;}

a.offers {background: url(/images/layout/blue-buttons.gif) no-repeat 0px -128px;}
a.offers:hover {background-position: -133px -128px;}

a.franchise {background: url(/images/layout/blue-buttons.gif) no-repeat 0px -160px;}
a.franchise:hover {background-position: -133px -160px;}

a.testimonials {background: url(/images/layout/blue-buttons.gif) no-repeat 0px -192px;}
a.testimonials:hover {background-position: -133px -192px;}

a.downloads {background: url(/images/layout/blue-buttons.gif) no-repeat 0px -224px;}
a.downloads:hover {background-position: -133px -224px;}

a.links {background: url(/images/layout/blue-buttons.gif) no-repeat 0px -256px;}
a.links:hover {background-position: -133px -256px;}

a.contact {background: url(/images/layout/blue-buttons.gif) no-repeat 0px -288px;}
a.contact:hover {background-position: -133px -288px;}

a#publicationsLink {display: block; margin: 0; padding: 0; width: 133px; font-size: 0.2em; height: 54px; color: #ffa800; text-align: center; background: url(/images/layout/blue-buttons.gif) no-repeat 0px -320px;}
a#publicationsLink:hover {background-position: -133px -320px;}

a.gallery {background: url(/images/layout/blue-buttons.gif) no-repeat 0px -374px;}
a.gallery:hover {background-position: -133px -374px;}

a#coeLink {display: block; margin: 5px 0 0 0; padding: 0; width: 133px; font-size: 0.2em; height: 54px; color: #ffa800; text-align: center; background: url(/images/layout/coe-button.gif) no-repeat 0px 0px;}
a#coeLink:hover {background-position: -133px 0px;}

a.team {background: url(/images/layout/blue-buttons.gif) no-repeat 0px -406px;}
a.team:hover {background-position: -133px -406px;}

a.training {background: url(/images/layout/blue-buttons.gif) no-repeat 0px -438px;}
a.training:hover {background-position: -133px -438px;}

a.shop {background: url(/images/layout/blue-buttons.gif) no-repeat 0px -470px;}
a.shop:hover {background-position: -133px -470px;}


/*	CONTENT STYLES	*/

#content {float: left; margin: 0px 0px 0px 20px; padding: 0px; width: 580px;}

.contentArea {margin: 0 0 2em 0; padding: 0; background: #fff url(/images/layout/contentBoxBg.gif) no-repeat top left;}
.contentAreaBottom {margin: 0; padding: 0; background: transparent url(/images/layout/contentBoxBottom.gif) no-repeat bottom left;}

#content h1 {margin: 0; padding: 0; font-size: 2.8em; font-family: georgia, serif; color: #6e4800;}
#content h1 img {float: left; margin: 0; padding: 0; border: 0;}
#content h2 {margin: 0; padding: 2em 1em 0em 1em; font-size: 1.5em; font-family: arial, sans-serif; color: #0061a9;}
#content h3 {margin: 0; padding: 0 1em 1em 1em; font-size: 1.2em; font-family: arial, sans-serif; color: #0061a9;}

#content p {margin: 0px; padding: 1em 1em 1em 1em; font-size: 1.2em; color: #666; text-align: justify;}
#content p a {color: #0190ff; font-weight: bold; text-decoration: none;}
#content p a:hover {text-decoration: underline;}

#content p.centered {text-align: center;}

#content p.quoteRef {margin: 0; padding: 0 0 1em 0;text-align: right; color: #0190ff; font-weight: bold;}

#address {margin: 0; padding: 1em 5em 0 5em; border-top: 5px solid #666; font-size: 1.2em; font-weight: bold; text-align: center;}

#content ul, #content ol {color: #666; font-weight: bold; font-size: 1.2em; margin-bottom: 2.5em;}
#content ul.smiley li {list-style-image: url(/images/layout/smiley.gif); line-height: 1.2em; vertical-align: middle;padding-bottom: 10px;}

#content ul, #content ol {color: #666; font-size: 1.2em; margin-bottom: 2.5em;}
#content ul li, #content ol li {margin-bottom: 0.5em;}
#content ul.large, #content ol.large {font-size: 1.4em;}
#content ul.bold, #content ol.bold {font-weight: bold;}

#content ul ul, #content ul ol, #content ol ul, #content ol ol {font-size: 1em;} 

#content ul {list-style-type: none;}
#content ul.bullets {list-style-type: disc;}
#content ul.sub {margin: 0.5em 0em 0.5em 0em; list-style-type: circle;}
#content ul.smiley li {list-style-image: url(/images/layout/smiley.gif); line-height: 1.2em; vertical-align: middle;padding-bottom: 10px;}

#content ol.lroman {list-style-type: lower-roman;}
#content ol.uroman {list-style-type: upper-roman;}

table.clubTimetable {margin: 0 0 0 10px; padding: 0; font-size: 12px; width: 530px;}
table.clubTimetable tr.data {height: 40px;}
table.clubTimetable th {margin: 0; padding: 0; text-align: left; font-size: 1.5em; font-weight: bold;}
table.clubTimetable td {text-align: center; font-weight: bold; color: #666;}
table.clubTimetable td.time {width: 100px;}
table.clubTimetable td.places {width: 100px;}

tr#monthSelect th {text-align: center;}
tr#monthSelect th.monthName {color: #0190ff;}
tr#monthSelect th a.arrow {font-size: 1em; text-decoration: none; color: #0190ff;}
tr#monthSelect th a.arrow span {font-size: 1em; text-decoration: none; color: #0190ff; vertical-align: middle; padding: 5px 0px 10px 0px;}
tr#monthSelect th a.arrow:hover {font-size: 1em; text-decoration: none; color: #00487b;}
tr#monthSelect th a.arrow:hover span {color: #00487b;}

/*tr.red {background: #fff url(/images/layout/timetableRed.gif) no-repeat top left; height: 40px;}
tr.red td.time {background: #fff url(/images/layout/timetableRed.gif) no-repeat top left;}
tr.red td {background: #fff url(/images/layout/timetableRed.gif) no-repeat top;}
tr.red td.places {background: #fff url(/images/layout/timetableRed.gif) no-repeat top right;}*/

tr.private {background: #fff url(/images/layout/timetableOrange.gif) no-repeat top left; height: 40px;}
tr.private td.time {background: #fff url(/images/layout/timetableOrange.gif) no-repeat top left;}
tr.private td {background: #fff url(/images/layout/timetableOrange.gif) no-repeat top;}
tr.private td.places {background: #fff url(/images/layout/timetableOrange.gif) no-repeat top right;}

/* this is a duplicate ofthe css above because of the old pages remove previous when dynamic page goes live!	*/
tr.nursery {background: #fff url(/images/layout/timetableOrange.gif) no-repeat top left; height: 40px;}
tr.nursery td.time {background: #fff url(/images/layout/timetableOrange.gif) no-repeat top left;}
tr.nursery td {background: #fff url(/images/layout/timetableOrange.gif) no-repeat top;}
tr.nursery td.places {background: #fff url(/images/layout/timetableOrange.gif) no-repeat top right;}

tr.toddler {background: #fff url(/images/layout/timetableYellow.gif) no-repeat top left; height: 40px;}
tr.toddler td.time {background: #fff url(/images/layout/timetableYellow.gif) no-repeat top left;}
tr.toddler td {background: #fff url(/images/layout/timetableYellow.gif) no-repeat top;}
tr.toddler td.places {background: #fff url(/images/layout/timetableYellow.gif) no-repeat top right;}

tr.school {background: #fff url(/images/layout/timetableGreen.gif) no-repeat top left; height: 40px;}
tr.school td.time {background: #fff url(/images/layout/timetableGreen.gif) no-repeat top left;}
tr.school td {background: #fff url(/images/layout/timetableGreen.gif) no-repeat top;}
tr.school td.places {background: #fff url(/images/layout/timetableGreen.gif) no-repeat top right;}

tr.club {background: #fff url(/images/layout/timetableBlue.gif) no-repeat top left; height: 40px;}
tr.club td.time {background: #fff url(/images/layout/timetableBlue.gif) no-repeat top left;}
tr.club td {background: #fff url(/images/layout/timetableBlue.gif) no-repeat top;}
tr.club td.places {background: #fff url(/images/layout/timetableBlue.gif) no-repeat top right;}

/*tr.indigo {background: #fff url(/images/layout/timetableIndigo.gif) no-repeat top left; height: 40px;}
tr.indigo td.time {background: #fff url(/images/layout/timetableIndigo.gif) no-repeat top left;}
tr.indigo td {background: #fff url(/images/layout/timetableIndigo.gif) no-repeat top;}
tr.indigo td.places {background: #fff url(/images/layout/timetableIndigo.gif) no-repeat top right;}*/

tr.story {background: #fff url(/images/layout/timetableViolet.gif) no-repeat top left; height: 40px;}
tr.story td.time {background: #fff url(/images/layout/timetableViolet.gif) no-repeat top left;}
tr.story td {background: #fff url(/images/layout/timetableViolet.gif) no-repeat top;}
tr.story td.places {background: #fff url(/images/layout/timetableViolet.gif) no-repeat top right;}

tr.promotion {background: #fff url(/images/layout/timetablePurple.gif) no-repeat top left; height: 40px;}
tr.promotion td.time {background: #fff url(/images/layout/timetablePurple.gif) no-repeat top left;}
tr.promotion td {background: #fff url(/images/layout/timetablePurple.gif) no-repeat top;}
tr.promotion td.places {background: #fff url(/images/layout/timetablePurple.gif) no-repeat top right;}

#timetableKey {margin: 0 0 0 20px; padding: 0; list-style-type: none;}
#timetableKey li {margin: 0 0 5px 0;}

span.private {margin: 0px; padding: 0px; border: 1px solid #ffbd2d; background: #ffe9b6;}
span.toddler {margin: 0px; padding: 0px; border: 1px solid #e8cf01; background: #fff280;}
span.school {margin: 0px; padding: 0px; border: 1px solid #55c701; background: #d3ffb2;}
span.club {margin: 0px; padding: 0px; border: 1px solid #0190ff; background: #d7eeff;}
span.story {margin: 0px; padding: 0px; border: 1px solid #ff1cb7; background: #ffddf4;}
span.promotion {margin: 0px; padding: 0px; border: 1px solid #6415e1; background: #ddcafa;}



.pictureBox {position: relative; top: 0px; margin: 10px;}
.left {float: left;}
.right {float: right;}
.pictureBox img {margin: 0; padding: 0;}

.frameTL {z-index: 50; display: block; position: absolute; top: 0px; left: 0px; margin: 0; padding: 0; background: transparent url(/images/layout/frame-tl-blue.gif) no-repeat top left;}
.frameBR {z-index: 50; display: block; position: absolute; bottom: 0px; right: 0px; margin: 0; padding: 0; background: transparent url(/images/layout/frame-br-blue.gif) no-repeat bottom right;}
.frameTR {z-index: 50; display: block; position: absolute; top: 0px; right: 0px; margin: 0; padding: 0; background: transparent url(/images/layout/frame-tr-blue.gif) no-repeat top right;}
.frameBL {z-index: 50; display: block; position: absolute; bottom: 0px; left: 0px; margin: 0; padding: 0; background: transparent url(/images/layout/frame-bl-blue.gif) no-repeat bottom left;}

.pictureBox img.animal {position: absolute; margin: 0; padding: 0px; border: 0; z-index: 100;}

#content .linkBox {margin: 1em 0 0 0; padding: 0; background: #fff url(/images/layout/link-bottom-blue.gif) no-repeat bottom left;}
#content .linkTop {margin: 0; padding: 0; background: url(/images/layout/link-top-blue.gif) no-repeat top left;}
#content .linkBox img {float: right; margin: 10px; padding: 0;}
#content .linkBox h2 {margin: 0; padding: 1em 0 0.5em 1em; font-size: 2em; font-weight: bold;}
#content .linkBox p {margin: 0; padding: 0 2em 1em 1em; font-size: 1.2em; font-weight: bold;}
#content p.webLink {text-align: right;}



/*	FOOTER STYLES	*/
#footer {clear: both; margin: 0; padding: 2em 0 0 0; background: transparent url(/images/layout/page-foot.gif) no-repeat bottom;}
#footer p {margin: 0; padding: 2em 0 4em 0; text-align: center; font-weight: bold; color: #666;}
#footer p a {font-weight: bold; color: #333; text-decoration: none;}
#footer p a:hover {color: #0190ff; text-decoration: underline;}

/*	ENQUIRY FORM STYLES		*/
#enquiryForm {margin: 0; padding: 0;}
#enquiryForm div {float: left; margin: 10px; padding: 5px; background: #f6f6f6; border: 1px solid #666;}
#enquiryForm div.error {background: #ffeeee;}
#enquiryForm div p {margin: 0; padding: 0 0 1em 0; font-size: 1.2em; color: #666;}
#enquiryForm input, #enquiryForm textarea, #enquiryForm select {width: 250px;}
label {font-weight: bold; color: #666;}
label span {color: #f00;}
label.error {color: #f00;}

p.hide {display: none; visibility: hidden;}

/*	INTRO PAGE STYLES	*/
#introTop {position: relative; margin: 160px auto 0 auto; padding: 0; width: 760px; background: transparent url(/images/layout/page-top.gif) no-repeat top left; z-index: 50;}

#introContainer {position: relative; top: 0px; margin: 0 auto; padding: 0; width: 760px; background: #fff url(/images/layout/page-bg.gif) repeat-y top left; z-index: 50;}

#introBottom {position: relative; margin: 0 auto 0 auto; padding: 0px 0px 230px 0px; width: 760px; background: transparent url(/images/layout/page-bottom.gif) no-repeat top left; z-index: 50;}
#introContainer p {margin: 0; padding: 5px; text-align: center; font-weight: bold;}
#introContainer p.clear {margin: 0; padding: 0; clear: both;}


/*	Licence form styles		*/
#licenceForm table {margin: 0px auto;}
#licenceForm table td {vertical-align: top;}
#licenceForm p {margin: 0; padding: 0 0 1em 0; font-size: 1.2em; color: #666;}
#licenceForm label span {color: #f00;}
#licenceForm label.error {color: #f00;}
#licenceForm input {width: 210px;}
#licenceForm textarea.address {width: 210px;}
#licenceForm textarea {width: 440px;}


/*	FONT CONTROL BOX STYLES		*/
#fontControl {position: absolute; top: 0px; right: 0px; width: 130px; height: 100px; margin: 0; padding-top: 7px; background: transparent url(/images/layout/fontCloud.gif) no-repeat top left; z-index: 500;}
#fontControl p {color: #ffa800; margin: 0px; padding: 2px 5px 0px 5px; font-size: 12px; line-height: 12px; text-align: right;}
#fontControl p a img {border: 0; vertical-align: middle;}

/*	GALLERY STYLES	*/
.galleryThumbs {background: #fff url(/images/layout/link-bottom-blue.gif) no-repeat bottom left; margin-bottom: 10px}
.galleryThumbsTop {background: transparent url(/images/layout/link-top-blue.gif) no-repeat top left; padding: 10px;}
.galleryThumbs p.thumbTitle {clear: both; color: #f00; margin: 0; padding: 0px;}
.galleryThumbs p.clear {clear: both; margin: 0; padding: 0; font-size: 2px; line-height: 2px;}
.galleryThumbs a {float: left; display: block; margin: 3px; padding: 0; text-decoration: none;}
.galleryThumbs a img {background: #fff; padding: 2px; margin: 0px; display: block; border: 1px solid #003354;}
.galleryThumbs a:hover img {border-color: #0190ff;}

#galleryMask {position: absolute; top: 50%; left: 50%; margin-left: -190px; padding: 10px; z-index: 300; background: #fff; border: 1px solid #000; display: none; text-align: center;}
#galleryMask a {position: absolute; top: 0px; right: 0px; border: 0;}
#galleryMask a img {border: 0;}
#maskImage {margin: 0px auto; padding: 2px; border: 1px solid #000; background: #fff;}