/* At-Rules */
@charset "iso-8859-1";

  
/* author: Mark Woodman 
 Creation date: 25/03/08 */
body {
font-family:verdana, sans-serif;  
font-size:12px;  
text-align:center;  
line-height:130%;
margin:0px;
padding:0px;
width:1000px;
}
img a, a img {
	text-decoration: none;
	border: none;
	outline: none;
}
#wrapper{
position:relative; 
text-align:center;
width:1000px;
margin-right:auto;
margin-left:auto;
}
#masthead{
position:relative;
background-image:url(smarston_header.jpg); 
background-repeat:no-repeat;
background-position: left top;
height:118px; 
}
#masthead_pre_school{
position:relative;
background-image:url(pre_school/pre_school_header.jpg); 
background-repeat:no-repeat;
background-position: left top;
height:120px; 
}
#googlesearch{
background-color: rgb(147,201,255);
height:25px;
}
/* School Name headline */

h1 {
position:relative;
top:10px;
left:0px;
margin:0px;
color:yellow;  
font-family:comic sans ms, sans-serif;   
font-size: 30px;  
text-align:center; 
line-height:120%;

}

/* Slogan Line */
/*h2 { 
font-family:georgia, book antiqua, serif;  
font-size: 24px;  
text-align:center;  
color:rgb(0,114,40);  
line-height:90%;  
padding-top:5px;  
padding-bottom:5px;
}*/

/* contact details */
h3 {
position:relative;
top:10px;
left:0px;
font-family:verdana, sans-serif;   
font-size: 10px;  
text-align:center;  
color:#990000;   
line-height:120%;    
margin:0px;
}
h3 a{
color:#990000; 
text-decoration:none;
}

h3 a:hover{
color:yellow; 
text-decoration:none;
}
/*  Page names & sub headings */
h4 {
width:675px;
font-family:georgia, book antiqua, serif;   
font-size: 16px;  
text-align:left; 
text-indent:5px; 
color:#FFFFFF;  
background-color:darkblue;  
line-height:180%;  
margin:0px;
}

/* smaller text in page names */
.pagesub{
position:relative;
left:20px;
font-size:11px;
font-family:vedana,sans-serif;
}
/* page Update Info */
h5 {
position:relative;
top:22px;
left:0px;
font-family:verdana, sans-serif; 
color:darkblue;
text-align:center;
font-size:10px;
line-height:100%;
margin:0px;

}
/*#### Date display ##########*/
#date_display{
position:relative;
right:4px;
top:59px;
text-align:right; 
line-height:130%;
color: #990000; 
font-size: 10px; 
font-weight:bold;
font-family: verdana, sans-serif;   
letter-spacing: 0pt;
margin-right:4px;

}
/* ######These are the green sidebars#######*/
#pagebg{
margin:0px;
background-color:rgb(174,217,85);
position:relative;
left:0px;
top:0px;
width:140px;
height:auto;
float:left;
text-align:center;

}
#pagebg_2{
margin:0px;
background-color:rgb(174,217,85);
position:relative;
top:0px;
width:142px;
height:auto;
float:right;
}
/* This is the right side for page without right sidebar*/
#pagebg_3{
margin:0px;
background-color:#FFFFFF;
position:relative;
top:-9px;
/*left:-5px;*/
right:0px;
width:170px;
float:right;
border:1px black solid;


}
/*####Content on pages with 2 borders####*/
#content_container{
width:675px;
margin-left:145px;
margin-right:147px;
text-align: center; 
}
/*##### Content on pages with no right border ########*/
#content_container_wide{
width:800px;
margin-left:147px;
margin-right:0px;
text-align: left; 

}
/* This creates space for the fading home text*/
#fadingtextspacer {
height:45px;  
text-align:center;
margin:0px;
}
#footer{
clear:both;
width:1000px;
height:30px;
background-image:url(smarston_footer.jpg);
background-repeat:no-repeat;
background-position: left top;
background-color:rgb(174,217,85);
text-align:center;
}
#footer a {
color:#990000;   
text-decoration: none;  
font-weight: bold;   
font-size: 12px; 
font-family: verdana, sans-serif;    
}
#footer a:hover {
color: #FFFFFF;  
background-color:#990000;
}

/*#### Material enclosed by blue box####*/
#content {
width:675px;
text-align:left;
line-height:130%;
color: black; 
font-size: 12px; 
font-family: verdana, sans-serif;   
padding:10px; 
background-color:#FFFFFF;
border:2px darkblue solid;
margin-bottom:4px;
}
/* General Links */
#content a {
color:#FFFFFF;
background-color:#990000;   
text-decoration: none;  
font-weight: bold;   
font-size: 12px; 
font-family: verdana, sans-serif;
padding:2px;
border:1px solid silver;
line-height:180%;    
}
#content a:hover {
color: #FFFFFF;  
background-color:#a9a9a9;
border:1px solid #990000;
}
#content .imagebutton a:hover {
background-color:#FFFFFF;
padding:0px;
border-width:0px;
border-style:none;
border-color:#FFFFFF;
}
#content .imagebutton a {
background-color:#FFFFFF;
padding:0px;
border-width:0px;
border-style:none;
border-color:#FFFFFF;
}
.spacer_left{
clear:left;
}
.spacer_right{
clear:right;
}
.imageleft {
float:left;
margin: 5px 5px 5px 5px;
border:1px solid gray;
		
}
.imageright {
float:right;
margin: 5px 5px 5px 5px;
border:1px solid gray;	
}
.greyborder {
border-style:solid;
border-color:gray;
border-width:1px;
margin:5px;
}
#wallpage {
background-image: url(schoolbg9_a.gif); 
background-repeat: repeat; 
height: 650px;
color:yellow;
font-size: 11px; 
font-family:comic sans ms, sans-serif;
background-color:#FFFFFF;
border:2px darkblue solid;
}
.wallpage {
margin-left:auto; 
margin-right:auto; 
text-align:center;
color:yellow;
font-size: 11px; 
font-family:verdana, sans-serif;
font-weight:bold;
}
.wallpage td {
height:90px;
width:100px;
text-align:center; 
vertical-align:middle;
}
.wallcaption {
margin-left:auto; 
margin-right:auto; 
text-align:center;
color:yellow;
font-size: 18px; 
font-family:verdana, sans-serif;
font-weight:bold;
}
#wallpage img {
border-style:outset;
border-color:red;
border-width:4px;
}

#wallreturn a{
color:#FFFFFF;
background-color:#990000;
text-align:left;   
text-decoration: none;  
font-weight: bold;   
font-size: 12px; 
font-family: verdana, sans-serif;
padding:2px;
border:1px solid silver;
line-height:180%; 
}
#wallreturn a:hover {
color: #FFFFFF;  
background-color:#a9a9a9;
border:1px solid #990000;
}
/*############################*/

/*This is for Staff / Governors etc tables*/
#personneltable td {
vertical-align:top;
line-height:130%;
color: black; 
font-size: 12px; 
font-family: verdana, sans-serif;   
letter-spacing: 0pt;
padding:4px; 
border-color: rgb(184,178,165);  
border-style: solid;  
border-width: 1px; 
}
#personneltable th {
vertical-align:top;
text-align:left;
line-height:130%;
color: black; 
font-size: 12px; 
font-family: verdana, sans-serif;
font-weight:bold;   
letter-spacing: 0pt;
padding:4px; 
border-color: rgb(184,178,165);  
border-style: solid;  
border-width: 1px; 
}
#personneltable a {
border:none;
padding:0px;
}
/* ##### School Day Table ######*/
#schoolday td {
line-height:130%;
color: black; 
font-size: 12px; 
font-family: verdana, sans-serif;   
letter-spacing: 0pt;
padding:4px; 
}
#visionbox{
margin-left:90px;
margin-right:90px;
background-color:gainsboro;
padding:5px;
border-left:1px silver solid;
border-top:1px silver solid;
border-right:3px gray solid;
border-bottom:3px gray solid;
}
/* Enclosure for Work such as poems */
/*.workbox {
text-align:left;
width:295px; 
line-height:130%;
color: black; 
font-size: 16px; 
font-family: georgia, serif;   
letter-spacing: 0pt;
padding:4px; 
border-color: rgb(153,204,255);  
border-style: double;  
border-width: 4px; 
vertical-align:top;
}*/


/* For Buttons with no border */
/*.imagebutton {
background-color:#FFFFFF;
padding:0px;
border-width:0px;
border-style:none;
border-color:#FFFFFF;
}*/

#photocredit a{
text-align:left;   
color:#990000; 
background-color:#FFFFFF;  
text-decoration: none;  
font-weight: bold;   
font-size: 9px; 
font-family: verdana, sans-serif;    
letter-spacing: 0px; 
 line-height:130%;
 border:0px none #FFFFFF;
}
#photocredit a:hover {
color: #FFFFFF;  
background-color:#a9a9a9;
border:0px none #FFFFFF;
}
/* General Links */
#content_wide a {
text-align:left;   
color:#990000;   
text-decoration: none;  
font-weight: bold;   
font-size: 12px; 
font-family: verdana, sans-serif;    
letter-spacing: 0px; 
line-height:130%;
}
#content_wide a:hover {
color: #FFFFFF;  
background-color:#990000;
}
#content_wide .imagebutton {
background-color:#FFFFFF;
padding:0px;
border-width:0px;
border-style:none;
border-color:#FFFFFF;
}
/*general text to match 'Content' ID*/
.text {
text-align:left; 
line-height:130%;
color: black; 
font-size: 12px; 
font-family: verdana, sans-serif;   
letter-spacing: 0pt;
padding:5px; 
}

/*#########Side Menus#############*/
#sidebar_a {
position:relative;
top:0px;
left:0px;
width:132px;
margin:0px;
text-align:left;
}

#sidebar_a a {
display: block;  
width:132px;    
padding: 2px 2px 2px 2px;  
color: #FFFFFF;  
background-color:darkblue;  
text-decoration: none;  
font-weight: bold;   
font-size: 11px;   
font-family: verdana, sans-serif;    
letter-spacing: 0px;   
border-color: #FFFFFF;  
border-style: outset;  
border-width: 3px;
margin:0px;
height:20px;
}
#sidebar_a a.sun{
background-image:url(smarston_sun.gif);
background-repeat:no-repeat;
background-position: 98% 50%;
}
#sidebar_a a:hover {
color: #FFFFFF;  
background-color:#a9a9a9;
}

#sidebar_a_sub {
position:relative;
top:0px;
left:0px;
width:132px;
margin:0px;
text-indent:5px;
text-align:left;
}

#sidebar_a_sub a {
display: block;  
width:132px;    
padding: 2px 2px 2px 2px;  
color: #FFFFFF;  
background-color:blue;  
text-decoration: none;  
font-weight: bold;   
font-size: 11px;   
font-family: verdana, sans-serif;    
letter-spacing: 0px;   
border-color: #FFFFFF;  
border-style: outset;  
border-width: 3px;
height:20px;
}
#sidebar_a_sub a.sun{
background-image:url(smarston_sun.gif);
background-repeat:no-repeat;
background-position: 98% 50%;
}
#sidebar_a_sub a:hover {
color: #FFFFFF;  
background-color:#a9a9a9;
}
#sidebar_a_sub_sub {
position:relative;
top:0px;
left:0px;
width:132px;
margin:0px;
text-indent:10px;
text-align:left;
}
#sidebar_a_sub_sub a {
display: block;  
width:132px;    
padding: 2px 2px 2px 2px;  
color: #FFFFFF;  
background-color:#990000;  
text-decoration: none;  
font-weight: bold;   
font-size: 11px;   
font-family: verdana, sans-serif;    
letter-spacing: 0px;   
border-color: #FFFFFF;  
border-style: outset;  
border-width: 3px;
height:20px;
}
#sidebar_a_sub_sub a.sun{
background-image:url(smarston_sun.gif);
background-repeat:no-repeat;
background-position: 98% 50%;
}
#sidebar_a_sub_sub a:hover {
color: #FFFFFF;  
background-color:#a9a9a9;
}
#sidebar_b {
position:relative;
top:0px;
left:0px;
width:132px;
margin:0px;
text-align:left;
}

#sidebar_b a {
display: block;  
width:132px;    
padding: 2px 2px 2px 2px;  
color: #FFFFFF;  
background-color:darkblue;  
text-decoration: none;  
font-weight: bold;   
font-size: 11px;   
font-family: verdana, sans-serif;    
letter-spacing: 0px;   
border-color: #FFFFFF ;  
border-style: outset;  
border-width: 3px;
margin:0px;
height:20px;
}

#sidebar_b a:hover {
color: #FFFFFF;  
background-color:#a9a9a9;
}
/*#class_links {
position:relative;
top:0px;
left:0px;
width:300px;
margin:0px;
text-align:left;
}*/
#class_links a {
margin-left:90px;
display: block;  
width:400px;
color:#FFFFFF;
background-color:#990000;   
text-decoration: none;  
font-weight: bold;   
font-size: 12px; 
font-family: verdana, sans-serif;
padding:2px;
border:1px solid silver;
line-height:180%;    

}
#class_links a:hover {
color: #FFFFFF;  
background-color:#a9a9a9;
border:1px solid #990000;
}
/*Extra side links*/
/*.sidelinks a {
padding:2px;
text-align:left;   
color:#FFFFFF;
background-color: rgb(0,81,170);   
text-decoration: none;  
font-weight: bold;   
font-size: 12px; 
font-family: verdana, sans-serif;    
letter-spacing: 0px; 
border-color: rgb(184,178,165);  
border-style: solid;  
border-width: 1px; 
line-height:180%;
}
.sidelinks a:hover {
color: #FFFFFF;  
background-color:rgb(0,114,40);
}*/



/*.audioplayer {
border:1px gray solid;
height:15px;
width:180px;
text-align:center;
}*/
#vision_text {
position:relative;
}
#vision_text a {
text-align:left;
font-family:verdana, sans-serif;
font-size:18px;
color:darkblue;
line-height:130%;
background-color:transparent;
border:0px none transparent;
}
#vision_text a:hover {
font-family:verdana, sans-serif;
font-size:22px;
color:blue;
background-color:transparent;
width:400px;
border:0px none transparent;
}
.newsclip {
background-color:rgb(174,217,85);  
color: darkblue;
font-weight:bold;
font-size: 14px; 
font-family: verdana, sans-serif;   
letter-spacing: 0px; 
text-align:center;
line-height:120%;
}
.newsclip a {
color:#FFFFFF;
background-color:#990000;   
text-decoration: none;  
padding:1px;
border:1px solid silver;
    

}
.newsclip a:hover {
color: #FFFFFF;  
background-color:#a9a9a9;
border:1px solid #990000;
}

/* End of style section. Generated by CuteHTML Pro at 11/07/2007 15:33:22 */