body
{
	background-color: #FFFFFF;
	color: #000000;
	font: 90%/1.4em Verdana, Helvetica, Arial, "San Serif";
	margin: 3px 0 35px 0;
	text-align: center;
}
.clear {
      clear: both;
}
#content
{
	display: block;
	margin: 0 auto 0 auto;
	text-align:left;
	width: 778px;
}

#logo
{
	width: 160px;
	height: 164px;
	border: 0;
}

#sidebar
{
	color: #FFFFFF;
	background: #3366CC;
	float: left;
	margin: 0;
	padding: 0;
	width: 160px;
}

#sidebarNav ul
{
      list-style: none;
      min-height: 256px;
      height:auto !important;
      height : 256px;
      padding: 0;
      margin: 25px 0 0 0;
      border-top: solid 1px #9999CC;
}

#sidebarNav ul li
{
    font-size: 90%;
	padding: 0;
	margin: 0;
	text-align: center;
	border-bottom: solid 1px #9999CC;
}

#sidebarNav ul li a:link, #sidebarNav ul li a:visited
{
	height: 25px;
	border: 0;
	margin: 0;
	padding: 2px;
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}

#sidebarNav ul li a:hover
{
	background-color: #A4B7F8;
	color: #202F80;
}


	.meal_menu {
		border: solid 1px #999;
		border-collapse: collapse;
		width: 590px;
	}
	.meal_menu th {
		border: solid 1px #999;
		font-size: 115%;
		padding: 4px;
		text-align: center;
	}
	
	.meal_menu td {
		border: solid 1px #999;
		padding: 4px;
		width: 109px;
		vertical-align: top;
	}
	
	.meal_menu .main {
		color: #F00000;
	}
	
	.meal_menu .vege {
		color: #090;
	}

#flash
{
margin: 15px auto;
}


#header
{
	float: left;
	height: 66px;
	margin: 0;
	position: relative;
	z-index: 1;
	width: 609px;
	margin: 47px 0 0 0;
}

#header ul
{
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	top: 0;
	right: 0;
	height: 66px;
}

#header li
{
	float: left;
	padding: 0;
	margin: 0 1px 0 0;
	font-size: 90%;
	width: 100px;
	height: 66px;
	text-align: center;
	overflow: hidden;
}

#header ul li a:link, #header ul li a:visited
{
	display: block;
	padding: 46px 5px 2px 5px;
	text-decoration: none;
	color: #FFFFFF;
	height: 66px;
}

#header ul li a:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}

#header ul li#home { background: #202F80 url("../images/header_home_off.jpg") 0 0; }
#header ul li#aboutUs { background: #202F80 url("../images/header_aboutUs_off.jpg") 0 0; }
#header ul li#news { background: #202F80 url("../images/header_news_off.jpg") 0 0; }
#header ul li#schoolLife { background: #202F80 url("../images/header_schoolLife_off.jpg") 0 0; }
#header ul li#parents { background: #202F80 url("../images/header_parents_off.jpg") 0 0; }
#header ul li#kidsCorner { background: #202F80 url("../images/header_kidsCorner_off.jpg") 0 0; }

#header ul li#aboutUsOn { background: #404FA0 url("../images/header_aboutUs_on.jpg") 0 0; }
#header ul li#newsOn { background: #404FA0 url("../images/header_news_on.jpg") 0 0; }
#header ul li#schoolLifeOn { background: #404FA0 url("../images/header_schoolLife_on.jpg") 0 0; }
#header ul li#parentsOn { background: #404FA0 url("../images/header_parents_on.jpg") 0 0; }
#header ul li#kidsCornerOn { background: #404FA0 url("../images/header_kidsCorner_on.jpg") 0 0; }

#main
{
float:right;
padding: 12px 5px 50px 5px; 
width: 590px;

}

h1
{
	font-family: Verdana, "Trebuchet MS", Arial;
	font-size:170%;
	margin: 20px 0 15px 0;
	color:#202F80	
}
h2
{
	font-family: Georgia, "Times New Roman", Arial;
	font-size:medium;
	color: #8AB6CF;
}

h3
{
    font-size: small;
    color: #999999;
}

h4
{ 
    font-family: Verdana, "Trebuchet MS", Arial;
    margin: 0;
    font-weight: bold;  
}

h5
{  
    padding-right: 25px;
    color: #003399;
    font-size: 100%;
    font-weight: bold;	         
}

h6
{
    font-size: 80%;
    font-weight: normal;
    margin: 0;
}
	
.noTopMargin
{
    margin-top: 0;
}

#main a:link, #main a:visited
{
	border: 0;
	text-decoration: underline;
	color: #003399;
}

#main a:hover
{
	text-decoration: none;
}

.inline
{
	display: inline;	
}


.uniform
{
	padding: 0 10px 40px 10px;
	float: left;
	width: 163px;
	height: 227px;
}


#date
{
	padding: 0px 30px 0px 5px;
	float: right;
	width: 96px;
	height: 96px;
}

#Kidscorner
{
    width: 328px;
	height: 58px;

}

#Thingstodo
{
    width: 342px;
	height: 71px;

}

#Funwebsites
{
    width: 365px;
	height: 58px;
}

#Rabbits
{
    padding: 0 15px 0 15px;
    margin: 0 0 0 0;
    width: 128px;
	height: 128px;
	float: right;
}
#SensoryRoom3
{
    padding: 0 15px 0 15px;
    margin: 0 0 0 0;
    width: 170px;
	height: 225px;
	float: right;
}

#Bear
{
    padding: 0 15px 0 15px;
    margin: 0 0 0 0;
    width: 147px;
	height: 197px;
	float: right;
}
#Homeworkhelp
{
    padding: 0 0 0 0;
    width: 423px;
	height: 69px;
}

#Welcome1
{
	width: 324px;
	height: 34px;
}

#Welcome2
{
	width: 363px;
	height: 41px;
}

#Welcome3
{
	width: 324px;
	height: 35px;
}
#Braingym
{
	width: 285px;
	height: 67px;
}


#adobe
{
    margin: 15px 0 2px 0;
}

#adobeImg
{
    width: 112px;
    height: 33px;
    border-width: 0;
    text-decoration: none;
}

#individualphotos
{
    padding: 20px 0 0 20px;
    width: 217px;
    height: 252px;
    border-width: 0;
    text-decoration: none;
    float: right;
}

#healthyschoolsimg
{
    padding: 20px 0 0 20px;
    width: 166px;
    height: 117px;
    border-width: 0;
    text-decoration: none;
    float: right;
}   
#educationcityimg
{
    padding: 0px 0 0 0px;
    width: 150px;
    height: 80px;
    border-width: 0;
    text-decoration: none;
    float: right;
}   

.classBg
{
    padding: 34px 10px 40px 10px;
    color: #777777;	
    width: 130px;
    height: 51px;
    margin: 15px 20px 20px 0;
    overflow: hidden;
    float: left;
    text-decoration: none;
}

.classjokeBg
{
    padding: 15px 10px 0px 10px;
    width: 179px;
    height: 140px;
    margin: 15px 30px 10px 0;
    overflow: hidden;
    float: left;
    text-decoration: none;
}

.mathsgame 
{
       background-color: #DEF;
       border-bottom: 1px dotted #ABD;
       border-top: 1px dotted #CDF;
       margin: 0;
       padding: 0;
}
  
#main .mathsgame a
{
       display: block;
       outline-style: none;
       padding: 2px 0;
       text-decoration: none;
       
}
.mathsgame img 
{
       background-color: #FFF;
       border: 1px solid #CDE;
       float: left;
       margin: 4px;
       padding: 3px;
}
 .mathsgame h2 
 {
 color: #C31D1D;
 font-family: Arial;
 font-size: 125%;
 font-weight: bold;
 letter-spacing: 0px;
 margin-left: 180px;
 text-decoration: underline;
}

.mathsgame a p, .mathsgame a:hover p {
       color: black;
       margin-left: 180px;
}

div.games
{
  float: left;
  width: 150px;
  padding: 15px 10px 0 10px;
  margin: 0 10px 10px 10px;
  text-align: center;         
  font-size: small;
}

.gamesImg
{
    margin: 0;
    width: 150px;
    height: 118px;
    border-width: 0;
    text-decoration: none;
}

.rulesBg
{
    padding: 30px 10px 10px 10px;
    color: #FFFFFF;	
    width: 480px;
    height: 60px;
    margin: 15px 20px 20px 0;
}	

.displayGames
{
    padding: 0 0 0 0;
    margin: 0px 20px 20px 20px;
    width: 150px;
    height: 118px;
    overflow: hidden;
    float: left;
}
    
div.photosingleImg
{
    margin: 25px 30px 40px 70px;
    padding: 10px 15px 0 0px;
    width: 370px;
    text-decoration: none;
    text-align: center;
    font-size: small;   
}


div.photosImg
{
    float: left;
    margin: 10px 25px 40px 10px;
    width: 250px;
    height: 188px;
    border-width: 0;
    text-decoration: none;
    text-align: center;
    font-size: small; 
}
div.photoImgTwoLineCaption
{
    float: left;
    margin: 10px 25px 66px 10px;
    width: 250px;
    height: 180px;
    border-width: 0;
    text-decoration: none;
    text-align: center;
    font-size: small; 
}

div.photosImgVertical
{
    float: left;
    margin: 10px 25px 20px 10px;
    width: 250px;
    border-width: 0;
    text-decoration: none;
    text-align: center;
    font-size: small; 
}
div.animationImg
{
    float: left;
    margin: 10px 0px 40px;
    border-width: 0;
    text-decoration: none;
    text-align: center;
    font-size: small; 
    width: 580px;
}	
div.animationImg img
{
    border  : solid 1px #000000;
    width: 397px;    
}  


  
#class_Nursery { background: url("../images/class_nursery.gif") 0 0;  }
#class_Reception { background: url("../images/class_SensoryRoom.gif") 0 0; }
#class_1 { background: url("../images/class_1.gif") 0 0; }
#class_2 { background: url("../images/class_2.gif") 0 0; }
#class_3 { background: url("../images/class_3.gif") 0 0; }
#class_4 { background: url("../images/class_4.gif") 0 0; }
#class_5 { background: url("../images/class_5.gif") 0 0; }
#class_6 { background: url("../images/class_6.gif") 0 0; }
#class_7 { background: url("../images/class_7.gif") 0 0; }
#class_8 { background: url("../images/class_8.gif") 0 0; }
#class_9 { background: url("../images/class_9.gif") 0 0; }
#class_10 { background: url("../images/class_10.gif") 0 0; }
#class_11 { background: url("../images/class_11.gif") 0 0; }
#class_12 { background: url("../images/class_12.gif") 0 0; }
#class_SensoryRoom { background: url("../images/class_SensoryRoom.gif") 0 0; }


#rule_1 { background: url("../images/rulesbgd.gif") 0 0; }
#rule_2 { background: url("../images/rulesbgd.gif") 0 0; }
#rule_3 { background: url("../images/rulesbgd.gif") 0 0; }
#rule_4 { background: url("../images/rulesbgd.gif") 0 0; }


#class_joke1 { background: url("../images/joke1.gif") 0 0; }
#class_joke2 { background: url("../images/joke2.gif") 0 0; }
#class_joke3 { background: url("../images/joke3.gif") 0 0; }
#class_joke4 { background: url("../images/joke4.gif") 0 0; }
#class_joke5 { background: url("../images/joke5.gif") 0 0; }
#class_joke6{ background: url("../images/joke6.gif") 0 0; }  
#class_joke7 { background: url("../images/joke7.gif") 0 0; }
#class_joke8{ background: url("../images/joke8.gif") 0 0; }    

#clubsList div
{
    margin: 0 0 15px;
}

#clubsList p 
{
    margin: 3px 0;
}

.club
{
padding-right: 25px;
color: #039;
font-size: 100%;
font-weight: bold;
}
	
.diaryDate
{
    padding-right: 25px;
    color: #003399;
}

.box
{
	width: 560px;
	border: solid 1px #0000F0;
	font-family:verdana,sans-serif;font-size:1.2em;
	color: #0000F0;
    margin: 7px  0  20px  3px;
	background-color: #EEEEEE;
	padding: 10px
}

ul.vocab, ul.bulletitems
{
    margin:2px 0 15px 30px; padding: 0; color: #666666;
}

ul.bulletitems li
{
    margin-bottom: 5px;
}