@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  /*this sets the padding and margin on every single element to zero - but these can be over-ridden by placing styles below this line*/
}

/* edit this to remove the grey column backgrounds */
div#contentColumn1, div#contentColumn2, div#contentColumn3, div#contentColumn4 {
background-color: white;
}
/* edit this to remove the grey column backgrounds */

body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:80%;
	background: #FFC400;
	text-align: center; /* this centers the container in IE 5* browsers. 
	The text is then set to the left aligned default in the #container selector */
	color: #666666;
}

p {
	font-size:.86em;
	line-height:1.4em;
	margin-bottom:1.2em;	
}

label {
	font-size:.86em;
	line-height:1.4em;
}

ul {
	font-size:.86em;
	line-height:1.4em;
	margin-bottom:1.2em;	
}

table.activities_table {
	border:1px solid #06C; 
	margin: 10px 0px 10px 0px;

}
	
table.activities_table td {
	font-size:.80em;
	line-height:1.4em;
	margin-bottom:1.2em;
	padding:0.5em 0.5em 0.5em 0.5em;
	vertical-align:top;
	text-align:left;
}

h1 {
font-size:1em;
font-weight:bold;
color: #0da3ff;
margin-bottom: .3em;
}

h2 {
font-size:1em;
font-weight:bold;
color: #0da3ff;
margin-bottom: .3em;
}

a {
color: #F60;
font-weight:normal;
text-decoration:none;
}

a:visited {
/*color: #30C;*/
color: #F60;
font-weight:normal;
text-decoration:none;
}

a:active {
color: #093;
font-weight:normal;
text-decoration:underline;
}

a:hover {
color: #C09;
font-weight:normal;
text-decoration:underline;
}

div#container {
	width: 871px;  
	background-image:url(../images/background.png);
	background-repeat:repeat-y;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

div#header {
	text-align:right;
	height:191px;
	background-image:url(../images/header.png);
	margin:0px;
	padding:0px;
}

div#header_links {
	height:41px;
	margin:0px;
	padding:0px;
	background-color:#0da3ff;
}

div#mainContent {
	min-height:540px;
	padding:0px 36px 0px 36px;
	/* min-height doesnt work in IE so we use this hack */
	min-height:540px;
	height:auto !important;
  	height:540px;
}

div#footer {
	 background-image:url(../images/footer.png);
	 background-repeat:no-repeat;
	 background-position:bottom;
	 text-align:center;
}

div#footer p {
	color:white;	
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.8em;
	padding:12px 0px 12px 0px;
}

div#contentContainer {
    /* adjust white content border here */
	margin:7px 0px 17px 17px;
	/* min-height doesnt work in IE so we use this hack */
	min-height:520px;
	height:auto !important;
  	height:520px;
}


/* we have to make sure all the total widths of the columns and their left & right margins inside the contentContainer area do not exceed 765px wide or the layout will break */

/* HOME PAGE styles */
.homepage div#contentColumn1 {
	float:left;
	display:inline;
	width:315px;
	margin-right:17px;
	/* min-height doesnt work in IE so we use this hack */
	min-height:520px;
	height:auto !important;
  	height:520px;
}

.homepage div#contentColumn2 {
	float:left;
	display:inline;
	width:433px;
	height:50px;
	/* min-height doesnt work in IE so we use this hack */
	min-height:520px;
	height:auto !important;
  	height:520px;
}
/* end of the HOME PAGE styles */

/* ABOUT PAGE styles */
.aboutpage div#contentColumn1 {
	float:left;
	display:inline;
	width:226px;
	margin-right:17px;
	/* min-height doesnt work in IE so we use this hack */
	min-height:520px;
	height:auto !important;
  	height:520px;
}

.aboutpage div#contentColumn2 {
	float:left;
	display:inline;
	width:522px;
	/* min-height doesnt work in IE so we use this hack */
	min-height:520px;
	height:auto !important;
  	height:520px;
}

/* end of the ABOUT PAGE styles */

/* HOLIDAY CLUBS styles */
.holiday_clubpage div#contentColumn1 {
	float:left;
	width:611px;
	margin-right:17px;
	/* min-height doesnt work in IE so we use this hack */
	min-height:520px;
	height:auto !important;
  	height:520px;
}

.holiday_clubpage div#contentColumn2 {
	float:left;
	display:inline;
	width:137px;
	/* min-height doesnt work in IE so we use this hack */
	min-height:520px;
	height:auto !important;
  	height:520px;
}
/* end of the HOLIDAY CLUBS styles */

/* AFTER SCHOOL CLUB styles */
.after_school_clubpage div#contentColumn1 {
	float:left;
	display:inline;
	width:611px;
	margin-right:17px;
	/* min-height doesnt work in IE so we use this hack */
	min-height:520px;
	height:auto !important;
  	height:520px;
}

.after_school_clubpage div#contentColumn2 {
	float:left;
	display:inline;
	width:137px;
	/* min-height doesnt work in IE so we use this hack */
	min-height:520px;
	height:auto !important;
  	height:520px;
}
/* end of the AFTER SCHOOL CLUB styles */

/* BREAKFAST CLUB styles */
.breakfast_baby div#contentColumn1 {
	float:left;
	display:inline;
	width:611px;
	margin-right:17px;
	/* min-height doesnt work in IE so we use this hack */
	min-height:520px;
	height:auto !important;
  	height:520px;
}

.breakfast_baby div#contentColumn2 {
	float:left;
	display:inline;
	width:137px;
	/* min-height doesnt work in IE so we use this hack */
	min-height:520px;
	height:auto !important;
  	height:520px;
}
/* end of the BREAKFAST CLUB styles */

/* PARTIES styles */
.parties div#contentColumn1 {
	float:left;
	display:inline;
	width:611px;
	margin-right:17px;
	/* min-height doesnt work in IE so we use this hack */
	min-height:520px;
	height:auto !important;
  	height:520px;
}

.parties div#contentColumn2 {
	float:left;
	display:inline;
	width:137px;
	/* min-height doesnt work in IE so we use this hack */
	min-height:520px;
	height:auto !important;
  	height:520px;
}
/* end of the PARTIES styles */

/* JOIN US styles */
.join_us div#contentColumn1 {
	float:left;
	display:inline;
	width:765px;
	/* min-height doesnt work in IE so we use this hack */
	min-height:520px;
	height:auto !important;
  	height:520px;
}


/* end of the JOIN US styles */

/* GALLERY styles */
.gallery_page div#contentColumn1 {
	float:left;
	display:inline;
	width:186px;
	margin-right:17px;
	/* min-height doesnt work in IE so we use this hack */
	min-height:520px;
	height:auto !important;
  	height:520px;
}

.gallery_page div#contentColumn2 {
	float:left;
	display:inline;
	width:176px;
	margin-right:17px;
	/* min-height doesnt work in IE so we use this hack */
	min-height:520px;
	height:auto !important;
  	height:520px;
}

.gallery_page div#contentColumn3 {
	/* min-height doesnt work in IE so we use this hack */
	min-height:520px;
	margin-right:17px;
	height:auto !important;
  	height:520px;
	float: left;
	display:inline;
	width:176px;
}

.gallery_page div#contentColumn4 {
	/* min-height doesnt work in IE so we use this hack */
	min-height:520px;
	height:auto !important;
  	height:520px;
	float: left;
	display:inline;
	width:176px;
}
 .gallery_page div#contentColumn2 img, .gallery_page div#contentColumn3 img, .gallery_page div#contentColumn4 img{
	margin-bottom:20px;}
	
/* Gallery iframe pages */
.gallery_page_iframe div#contentColumn1 {
	float:left;
	display:inline;
	width:186px;
	margin-right:17px;
	/* min-height doesnt work in IE so we use this hack */
	min-height:520px;
	height:auto !important;
  	height:520px;
}

.gallery_page_iframe div#contentColumn2 {
	float:left;
	display:inline;
	width:560px;
	/* min-height doesnt work in IE so we use this hack */
	min-height:520px;
	height:auto !important;
  	height:520px;
}
.
/* end of the GALLERY styles */

/* CONTACT US styles */
.contact_us div#contentColumn1 {
	float:left;
	display:inline;
	width:131px;
	margin-right:0px;
	/* min-height doesnt work in IE so we use this hack */
	min-height:520px;
	height:auto !important;
  	height:520px;
}

.contact_us div#contentColumn2 {
	float:left;
	display:inline;
	width:634px;
	/* min-height doesnt work in IE so we use this hack */
	min-height:520px;
	height:auto !important;
  	height:520px;
}

.contact_us table {
width: 490px;
}

.contact_us table td{
padding-right: 12px;
padding-bottom: 12px;
}

.contact_us input, .contact_us textarea {
width:370px;
background-color:yellow;
}

.contact_us input.submit_button {
width:116px;
height:102px;
}

/* end of the CONTACT US styles */


/* Columns Inside other Columns */
.holiday_clubpage div.InnerColumnContainer {
}

.holiday_clubpage div.InnerColumnLeft {
width:235px;
margin-right:17px;
float:left;
display:inline;
}

.holiday_clubpage div.InnerColumnRight {
width:359px;
float:left;
display:inline;
}

/* end Columns Inside other Columns */






/* bits and bobs */
.clear {
/*this is used to clear floated elements that have broken out of the flow man */
clear:both;
line-height:0;
height:0;
font-size:0;
margin:0;
padding:0;
}

ul.timeline {
list-style:none;
}

ul.timeline li{
padding:.3em 0em;
}

a.star_link {
	background:url(../images/star.png) no-repeat left;
	padding-left:25px;
}
a.star_link:hover {
	background:url(../images/star_roll.png) no-repeat left;
	padding-left:25px;
}

a.star_no_link {
	background:url(../images/star_nolink.png) no-repeat left;
	padding-left:25px;
	color: #666666;
}
.orange {
color:#ff881f
}

.pink {
color:#f1309e
}

.purple {
color:#a241a2
}

.red {
color:#f33527
}

.yellow {
color:#ffc300
}

.green {
color:#64c056
}

.blue {
color:#007bb8
}

#survey {
	border:1px solid #007bb8;
	padding:30px;
	

}


/***** booking system styling additions - 13 August 2009 *****/
#dates td.dot_vertical {
	border-right:1px solid #FFEB82;
	width:1px;
}
#dates td.vertical_separator {
	border-top:1px solid #FFEB82;
	height:1px;
	padding-top:5px;
}
#dates table.dates {
	border-top:1px solid #FFEB82;
}
strong.orange {
	color:#ff881f;
}
#credit_questions {
	margin:2.5em 0px 1em;
}