@charset "UTF-8";
/* CSS Document */

html
{ height: 100%;}

*
{	margin: 0;
	padding: 0;
	text-decoration: none;}

body
{	color: #666;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.2em;
	color: #666;}	
	
#wrapper{
	min-height:100%;
   	position:relative;
	background-attachment: fixed;
	background-image: url(../images/bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #cae7fb;}
		
img
{ 	border: 0;}	

img.agegroups{
	margin-bottom: 10px;}

#mainbottom
{	position:absolute;
	bottom:0;
	width:100%;
	height:50px;		/* Height of the footer */
	background-image:url(../images/bg_grass.png);}
	
  
#main, #header, #menubar, #site_content, #footer
{ 	margin-left: auto; 
  	margin-right: auto;	bottom: 0px;
}

#header
{ 	width: 896px;
  	position: relative;
  	height: 168px;
 	background: url(../images/header_bg.png)}

#logo  
{	position: absolute; 
	width: 340px;
	height: 90px;
  	top: 40px;
  	left: 30px;}
	
#telephone
{	width: 300px;
	padding: 75px 30px 0 0;
  	text-align:right;
	float:right;
	z-index:2;}

#site_content{
	width: 856px;
	overflow: hidden;
 	margin: 0 auto 0 auto;
 	padding: 20px 20px 20px 20px;
 	background: #FFF }

#indexcontent
{	text-align: left;
	width: 606px;
	padding: 10px;
	background: #10377e;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 1em;
	font-weight: normal;
	font-variant: normal;}
	
#content
{	text-align: left;
	width: 626px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 1em;
	font-weight: normal;
	font-variant: normal;}

#sidebar
{	width: 210px;
	height: 392px;
	float: right;
	clear:both;}
		
#mainimage {
	height: 300px;
	width: 626px;}

#footer
{ 	width: 889px;
  	font: Arial, Helvetica, sans-serif;
  	font-size: 10px;
  	height: 23px;
  	text-align: right; 
  	background: #00BFFF;
  	color: #FFF;
	margin: 0 auto 0 auto;
	padding: 7px 7px 0 0;
		}
#footer a
{ 	color: #FFF;
	text-decoration: none;}

#footer a:hover
{ 	color: #FFF;
  	text-decoration: underline;}

#spacer{
	width: 896px;
	height: 80px;
	margin: 0 auto 0 auto;}
	
#agegroupswrapper {
	height: 152px;
	width: 688px;
	float: right;
	display:block;
	margin: 20px 0 0 0;
	}
	
.agegroups {
	padding: 5px;
	height: 140px;
	width: 140px;
	border: thin solid #666;
	float: right;
	display:block;
	margin: 0 0 0 20px;
	}

#agegroupscopy {
	height: 150px;
	width: 150px;
	margin-top: 20px;
	float:left;}
	

/* -------------------------------- */

#callbackform {
	width: 198px;
	border: 2px solid #00BFFF;
	padding: 5px;
}
#callbackform label {}

#callbackform input {
    background: #ccc;
	width: 188px;
	margin-bottom:5px;
	margin-top:2px}
	
#callbackform select{	
	margin-bottom: 10px;
	margin-top:2px;
	width: 188px;}

#callbackform input.button{	
	margin-top: 5px;
    margin-bottom: 5px;
	padding: 5px;
	width: 50px;
    zoom:1;              /* for IE7*/
    border: none;
	background:#ccc;	}
	
#callbackform input.button:hover{	
	background: #00BFFF;}

/* -------------------------------- */
	
#visit
{	width: 212px;
	height: 45px;
	background: #00BFFF;
	color: #FFF;
	margin-top:10px;
	text-align: center;
	font-weight:bold;}
	
#visit a {
  	display:block;
  	width:212px;
  	height:30px;
  	text-decoration:none;
  	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
  	color: #fff;
	padding-top:15px;}

#visit a:hover {
  text-decoration:none;
  background-color: #5ed3fa;}
  
#ofsted{
	width: 200px;
	border: thin solid #666;
	padding: 5px;
	margin-top:10px;
	height: auto;}
	
/* -------------------------------- */

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.3em;
	margin-top: 0.5em;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
	margin-bottom: 5px;}
	
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:  #00BFFF;
	margin-bottom: 5px;}
	
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style:italic;
	line-height: 1.3em;
	margin-top: 0.5em;}
	
h1.telephone
{	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
  	color: #fff;}
  	 
h1.call
{	font: Arial, Helvetica, sans-serif;
	font-size:20px;
 	color: #10377e;}

/* -------------------------------- */

ul.body {
	list-style: disc;
    padding:0;
    margin:0}

ul.body li {
	margin-left: 10px;
	margin-top:15px;
	line-height: 1.3;
}

/* -------------------------------- */
	
#navwrap{
	width: 896px;
	margin: 0 auto;
	height: 50px;
	background-image: url(../images/Menu_buttons.png);}

/* 	LEVEL ONE */

a{
	text-decoration: none; }

ul.dropdown{
	position: relative;
	list-style: none; }

ul.dropdown li{
	float: left;}	

ul.dropdown a:active{
	color: #fff; }

ul.dropdown li a{ 
	width: 128px;
	height: 32px;
	padding-top: 18px;
	text-align:center;
	display: block;
	color: #fff;
	border: none;}

ul.dropdown li.hover,
ul.dropdown li:hover{
	background:url(../images/menu_over.png);
	position: relative;
	colour: #FFF;}

ul.dropdown li.hover a{
	color: black; }

/* 	LEVEL TWO */

ul.dropdown ul{
	width: 128px;
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	text-align: left;
	z-index: 1;
	list-style: none; }
	
ul.dropdown ul li{
	background: #67AE3E;
	color: #000; 
	float: none; }

ul.dropdown ul li:hover{
	background: #72BF44;}
	
/* IE 6 & 7 Needs Inline Block */

ul.dropdown ul li a{
	text-align: left;
	font-weight: normal;
	width: 100%;
	display: inline-block;
	margin-left: 10px;} 	
	
/* -------------------------------- */

a:link 
{	color:#00BFFF;
	text-decoration: none;}    /* unvisited link */
	
a:visited 
{	color:#00BFFF;
	text-decoration: none;} /* visited link */
	
a:hover 
{	color:#1F5188;
	text-decoration: none;}   /* mouse over link */
	
a:active 
{	color:#0000FF;
	text-decoration: none;}  /* selected link */
	
/* -------------------------------- */

#aboutusmain{
	width: 451px;
	height: 100%;
	float:right;}	
	
#aboutusnav{
	width: 125px;
	height: auto;
	padding: 5px;
	background-color: #cae7fb;}

#aboutusnav a {
	color:#00BFFF;
	text-decoration: none;
	line-height: 1.5em;}

#aboutusnav a:link {
	color:#1F5188;
	text-decoration: none;}

#aboutusnav a:visited 
{	color:#1F5188;
	text-decoration: none;} 
	
#aboutusnav a:hover 
{	color:#00BFFF;
	text-decoration: none;}   
	
#aboutusnav a:active 
{	color:#0000FF;
	text-decoration: none;}  
	
/* -------------------------------- */

#bookavisit{
	width: 300px;}

#bookavisit label {
    display:inline-block;
    *display: inline;     /* for IE7*/
    zoom:1;              /* for IE7*/
    float: left;
    padding-top: 5px;
    text-align: right;
    width: 110px;}

#bookavisit input.text {
    margin-top: 5px;
    margin-bottom: 5px;
    display:inline-block;
    *display: inline;     /* for IE7*/
    zoom:1;              /* for IE7*/
    vertical-align:middle;
    margin-left:20px;
	background:#ccc;}
	
#bookavisit select{	
	margin-bottom: 10px;
	width: 198px;}

#bookavisit input.button{	
	margin-top: 5px;
    margin-bottom: 5px;
	padding: 5px;
    zoom:1;              /* for IE7*/
    margin-left:130px;
	border: none;
	background:#ccc;	}
	
#bookavisit input.button:hover{	
	background: #00BFFF;}