body {
	margin: 0;
	padding: 0;
	background: #FFFFFF;

	font:normal medium "Comic Sans MS";
	
	color: #666666;
}

a {
	color: #268ED4;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: none;
}

/* Header */

.header {
	height:70px;
/*	background: #5A5A5A ;
*/	background-color:#66CCFF;
}

.header h1 {
	width: 760px;
	height:auto;
	margin: 0 auto;
	padding: 6px;
	font-size:2em;
/*	color:#FFFFFF;
*/	color:#333333;
	text-align:center;
}

.header h2 {
	width: 760px;
	margin: -18px auto 0 auto;
	text-align: right;
	font-size: 1em;
}

.header a {
	text-decoration: none;
	color: #FFFFFF;
}

.menu {
	height: 100%;
	width:15%;
	
/*	padding-top: 10px;
 	background: url(images/img02.gif) repeat-x;*/
	overflow:hidden;
	position:relative;
	float:left;
}

.menu  h2 {
	display: none;
}

.menu  ul {
	display: block;
	width: 150px;
	
	/*height: 100px;*/
	margin: 0 auto;
	padding: 0;
}

.menu  li {
	display: inline;
	list-style:square;
}

.menu  a {
	display: block;
	float: left;
	width: 152px;
	height: 75px;
	padding: 35px 0 0 0;
	text-align: center;
	text-decoration: none;
	text-transform: lowercase;
	letter-spacing: -1px;
	/*font-size:1.6em;*/
	font-size:22px;
	font-weight:normal;
	color: #333333;
}

.menu  a:hover {
	color: #000000;
}

#Home { background: #E5FAA1 url(images/img03.gif) no-repeat; }
#Enrol { background: #97F0E6 url(images/img04.gif) no-repeat; }
#Special { background: #F3B6CE url(images/img05.gif) no-repeat; }
#Kitchen{ background: #FADDA1 url(images/img06.gif) no-repeat; }
#Links{ background: #C9CDFF url(images/img07.gif) no-repeat; }
#Rooms {background: #CCCCCC url(images/img20.gif) no-repeat; }



#Home:hover,.menu.active #Home { background-image: url(images/img08.gif); }
#Enrol:hover,.menu.active #Enrol { background-image: url(images/img09.gif); }
#Special:hover,.menu.active #Special{ background-image: url(images/img10.gif); }
#Kitchen:hover,.menu.active #Kitchen { background-image: url(images/img11.gif); }
#Links:hover,.menu.active #Links { background-image: url(images/img12.gif); }
#Rooms:hover,.menu.active #Rooms {background-image: url(images/grey2.gif); }


/*Special Events Page Colurs for Headings
{ background: #E5FAA1 url(images/img03.gif) no-repeat; }
{url(images/img04.gif) no-repeat; }
{ background: #F3B6CE url(images/img05.gif) no-repeat; }
{ background: #FADDA1 url(images/img06.gif) no-repeat; }
{ background: #C9CDFF url(images/img07.gif) no-repeat; }
{background: #CCCCCC url(images/img20.gif) no-repeat; }
*/

#heading{
	background-color:#66CCFF;
	color:#333333;	
}

#Photos{
	background-color:#E5FAA1;
	color:#000000;
		}

#School{
	 background-color:#97F0E6 ;
	 color:#000000;
}


.School{
	 background-color:#97F0E6 ;
	 color:#000000;
}

#Info{
		background-color:#F3B6CE;color:
		#000000;
		}
		
		
		
#turtles{
		background-color:#F3B6CE;color:
		#000000;
		}
		
#Spec{
		background-color:#FADDA1;color:
		#000000;
}


#Room{
		background-color:#999999;
		color:
		#000000;
}


.shead{
	background-color:#666666;
	width:180px;
	height:42px;
	line-height:42px;
	
	text-align:center;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size:12pt;
	color: #FFFFFF;
}

.thead{
	background-color:#666666;
	width:120px;
	height:42px;
	line-height:42px;
	
	text-align:center;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size:12pt;
	color: #FFFFFF;
}

.shead a{
		text-decoration:none;
		color:#333333;
		}


.head{
	background-color:#666666;
	width:247px;
	height:42px;
	line-height:42px;
	
	text-align:center;
	/*padding: 12px 0 0 10px;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size:12pt;
	color: #FFFFFF;
}

.head a{
	text-decoration:none;
		color:#ffffff;

}




.colTwo ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.colTwo li, .colTwo form {
	padding: 10px;
}

.colTwo li {
	display: block;
	float: left;
	width: 220px;
}

.colTwo li ul {
}


.colTwo h2 {
	margin: 0 0 .5em 0;
	padding: 0 0 0 10px;
	background: url(images/img15.gif) no-repeat left center;
	font-size: 1em;
}


.links ul {

/*	margin: 10px;
	padding: 10px 0 0 0;
*/  clear:both;	
/*list-style:square;
	overflow:scroll;*/
}

.links li {
/*	padding: 5px 10px;
	font-size:12px;
	background-color:#FF0000;*/
	display:inline-block;
}
/*.links li:hover {
	background: #EFEFEF;
	
}*/


			
.top{
	height: 50px;
	background: #5A5A5A ;

}

.colOne {
	width:80%;
	background-color:#FFFFFF;
	font-size:16px;
	overflow:auto;
	padding:20px;
	float:right;

}

.site{

	width:80%;
	background-color:#FFFFFF;
	font-size:16px;
	overflow:hidden;
	padding:20px;
	float:right;
}


.content{
	clear:left;
	width:1024px;
	padding:10px;
	margin-left:auto;
	margin-right:auto;
/*	float:right;
*//*	background-color:#CC99FF;
/* /*	background-color:#FFCCFF;*/
/*      background-color:#FFDFFF;
*/	overflow:hidden;
		font-size:16px;


}



.colTwo{
	padding: 10px 10px 10px 10px;
	background: url(images/img02.gif) repeat-x;
	font-size:16px;
	width:40%;
	position:relative;
	float:right;
	overflow:hidden;
}



.colThree{
/*	background-color:#33FF00;
*/	padding: 10px 10px 10px 20px;
	position:relative;
	width:40%;
	float:right;
	font-size:16px;

}
.colThree ul {
	margin: 10px;
	padding: 10px 0 0 0;
	list-style:square;
	
	
}

.colThree li {
	padding: 5px 10px;
	}



.one a:hover{
			background-color:#999999;
}


.footer {
	clear:both;
	width:auto;
	background: url(images/img02.gif) repeat-x;
	height:40px;
	line-height:40px;
	
}
.footer p {
	text-align: center;
	font-size: x-small;
}
.break{
		clear:both;
}

table.sample {
	border-width: medium medium medium medium;
	border-spacing: 2px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: collapse;
	background-color: rgb(255, 255, 240);
}
table.sample th {
	border-width: 1px 1px 1px 1px;
	padding: 4px;
	border-style: outset outset outset outset;
	border-color:#CCCCCC;
	background-color: rgb(255, 255, 240);
	-moz-border-radius: 12px 12px 12px 12px;
}
table.sample td {
	border-width: 1px 1px 1px 1px;
	padding: 4px;
	border-style: outset outset outset outset;
	border-color:#CCCCCC;
	background-color: rgb(255, 255, 240);
	-moz-border-radius: 12px 12px 12px 12px;
}
.preload12{
 background-image: url(images/img12.gif);
background-repeat: no-repeat;
background-position: -1000px -1000px;
}
.preload08{
background-image: url(images/img08.gif); 
background-repeat: no-repeat;
background-position: -1000px -1000px;
}
.preload09{
background-image: url(images/img09.gif); 
background-repeat: no-repeat;
background-position: -1000px -1000px;
}
.preload10{
background-image: url(images/img10.gif); 
background-repeat: no-repeat;
background-position: -1000px -1000px;
}
.preload11{
background-image: url(images/img11.gif); 
background-repeat: no-repeat;
background-position: -1000px -1000px;
}

.preloadgrey2{
background-image: url(images/grey2.gif); 
background-repeat: no-repeat;
background-position: -1000px -1000px;
}