H1 
{ 
    COLOR: #33627E; 
	FONT-FAMILY: Arial, Tahoma, Verdana, Helvetica, sans-serif; 
	FONT-SIZE: 11px; 
	TEXT-DECORATION: none ; 
	font-weight: normal; 
	margin:0px 0px 0px 0px
}



body
{
    background-image:url(/images/bg.jpg);
	background-repeat:repeat-x;
    FONT-FAMILY: Comic Sans MS, Tahoma, Arial, Verdana, Helvetica, sans-serif;
    FONT-SIZE:  20px;
    FONT-WEIGHT: normal;
    TEXT-TRANSFORM: none;
	COLOR: #962D8A;
}	

img.photo{
 border: 2px solid #00aef1;
 padding:5px;
 background-color:#e6f8ff;
}

.photo-panel{
 padding-top:10px;
 padding-bottom:20px;
}

#spaces-available{
 position:absolute;
 top:365px;
 left:-70px;
 background-image:url(/images/spaces-available.png);
 background-repeat:no-repeat;
 width:250px;
 height:214px;
}

#box {
 position:relative;
 margin:auto;
 margin-top:30px;
 background-color: #FFFFFF;
 width: 600px;
 padding: 10px;
 padding-bottom:0px;
 border: 2px #6f3c6e solid;
} 

#shadow {
 background-image:url(/images/bottom_shadow.jpg);
 width:600px;
 height:41px;
 margin:auto;
 margin-bottom:0px;
}

#banner{
 height:145px;
}

#logo{
 background-image:url(/images/logo.png);
 background-repeat:no-repeat;
 width:139px;
 height:150px;
 position:absolute;
 top:-15px;
 left:465px;
}


#logo-text-bg{
 position:absolute;
 top:20px;
 left:5px;
 width:500px;
 height:120px;
 background-image:url(/images/logo-text-bg.png);
 background-repeat:no-repeat;
}


#logo-text{
 FONT-FAMILY: Comic Sans MS, Tahoma, Arial, Verdana, Helvetica, sans-serif;
 FONT-SIZE:  20px;
 LINE-HEIGHT: 150%;
 COLOR: #ffff00;
 padding-top:19px;
 padding-left:45px;
}


#logo-title{
 font-size:28px;
 LINE-HEIGHT: 135%;
}

#main{
 padding-left:25px;
 padding-right:25px;
 text-align:center;
 LINE-HEIGHT: 140%;
}

.red-splash{
 width:560px;
 padding-top:30px;
 height:71px;
 background-image:url(/images/red-splash-2.png);
 background-repeat:no-repeat;
 font-size:26px;
 color:#FFFFFF;
 margin-top:15px;
} 

.yellow-splash{
 width:560px;
 padding-top:30px;
 height:71px;
 background-image:url(/images/yellow-splash.png);
 background-repeat:no-repeat;
 font-size:26px;
 color:#FFFFFF;
 margin-top:15px;
}

.yellow-splash a{
 color:#0056a6;
 text-decoration:none;
}

.yellow-splash a:hover{
 color:#ff7200;
}



.red-splash a{
 color:#0056a6;
 text-decoration:none;
}


.red-splash a:hover{
 color:#a254a0;
}
 
#footer{
 position:relative;
 width:600px;
 height:106px;
 background-image:url(/images/footer.png);
 background-repeat:no-repeat;
 margin-top:20px;
}

#paintpots{
 position:absolute;
 left:40px;
 top:-8px;
 width:110px;
 height:80px;
 background-image:url(/images/paint-pots.png);
 background-repeat:no-repeat;
}


#paintbrush{
 position:absolute;
 left:350px;
 top:-15px;
 width:300px;
 height:53px;
 background-image:url(/images/paintbrush.png);
 background-repeat:no-repeat;
}


.button-unselected{
 width:400px;
 height:44px;
 opacity:1;
 MozOpacity:1;
 KhtmlOpacity:1;
 filter:alpha(opacity=100);
 transition: opacity 1.5s ease-in-out;
 -moz-transition: opacity 1.5s ease-in-out;
 -webkit-transition: opacity 1.5s ease-in-out; 
}


.button-selected{
    width:400px;
    height:44px;
    opacity: 0;
    MozOpacity:0;
    KhtmlOpacity:0;	
    filter:alpha(opacity=0); 
    transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
}

.button{
 width:400px;
 height:44px;
 }
 
.button-link{ 
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;
  z-index: 10;
}  

#footer-logos{
  position:relative;
  background-color:#FFFFFF;
  width:600px;
  margin:auto;
  height:80px;
}


#learning-alliance{
  position:absolute;
  top:px;
  left:10px;
  background-image:url(/images/logos/learning-alliance.png);
  width:80px;
  height:80px;
}


#hqs{
  position:absolute;
  top:0px;
  left:240px;
  background-image:url(/images/logos/hqs.png);
  width:80px;
  height:80px;
}


#ofsted{
  position:absolute;
  top:0px;
  left:480px;
  background-image:url(/images/logos/ofsted.png);
  width:80px;
  height:80px;
}