body {
  /* MSIE 5 doesn't center based on auto left/right margins, 
     but 'text-align:center' does center top-level divs: */
  text-align: center;
  /* Specify a min-width for the body as wide as the 'wrapper'
     element itself. This prevents negative (i.e. inaccessible)
     left-margins in narrow browser windows when using 
     Navigator 6+/Mozilla on Win32: */
  min-width: 780px;
  background-color:#ffffff;
  background:url("images/oldsite/paper1.jpg") repeat;
  margin: 0px;
  
}
#content {
   
  /* Reset alignment to compensate for 'text-align:center': */
  text-align: left;
  /* Specify the width of the element. This should be the same
     as 'body min-width': */
  width: 780px;
  /* Set left and right margins to auto, thus centering the 
     element in the containing (body) tag: */
  margin-left: auto; 
  margin-right: auto;
  background-color: #ffffff;
}


#contentfront {
   
  /* Reset alignment to compensate for 'text-align:center': */
  text-align: left;
  /* Specify the width of the element. This should be the same
     as 'body min-width': */
  width: 780px;
  /* Set left and right margins to auto, thus centering the 
     element in the containing (body) tag: */
  margin-left: auto; 
  margin-right: auto;
  background-color: #ffffff;
  height: 900px;  
}

#contentflash P { 
	   margin: 0.5em 0;
	   font-family:Arial, Helvetica, sans-serif;
	   font-size:20px;
}




	#headermain {
		margin:0; padding:0;
		background:white;
		}

	#main1 {
		margin:0; padding:0;
		background:white;
		}
	#main2 {
		margin:0; padding:0;
		padding-top:15px;
		background:white;
		}
	#left {
		float:left;
		width:122px;
		margin:0; padding:0;
		background: white;
		font-size:80%;
		}
	
	#right {
		float:right;
		width:120px;
		margin:0px; padding:0;
		background: white;
		font-size:80%;
		}
	#middle {
		margin:10px 126px;
		background:white;
		font-size:80%;
		width: 520px;
		font-family:Arial, Helvetica, sans-serif;
		}
		
	#middle a {
	text-decoration:none;
	color:#3e5fc7;
	}	
	
	#middle a:hover {
	text-decoration:underline;
	}	

	
	
	#middleflash {
		margin-left: 130px;
		background:white;
		font-size:80%;
		width: 600px;
		}


	#middletotal {
	    position: relative;
		margin: 10px 0px;
		background:white;
		font-size:80%;
		width: 780px;
		}

	.column-in {
		margin:0; padding:0.5em 1em;
		}
		
		
		
		
	.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
		}
		
	h1,h2,h3,h4 { margin: 0.2em 0 }
	
	p { 
	   margin: 0.5em 0;
	   font-family:Arial, Helvetica, sans-serif;
	   font-size:11px;
	   
	}
	
	a { color:black }
	
	h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	}
	
	#middle h3{
	font-family: Arial;
	font-size: 16pt;
	color : #663300;
    }

	#middle p{
	font-family: Arial;
	font-size: 1em; 
	}	
	
	#middle p.contentheader{
	font-size: 1.8em; 
	color : #663300;
	}	
	
    .contentheader{
	font-family: Arial;
	font-size: 1.8em; 
	color : #663300;
	}	
	
	.copy { text-align:center; font-size:80% }
	

	
	
	

#intro {
  position:relative;
  background-image:url(images/oldsite/bannerwide.jpg);
  margin: 0px;

}

	
#logo {
	position: absolute;
	left: 50px;
	top: 10px;
	width: 250px;
}
	
#bread {
	position:absolute;
	top: 2px;
	left: 320px;
	width: 350px;
	font-size: 0.75em;
	font-family: sans-serif;
}	
	
#google {
   position:absolute;
   top: 2px;
   left: 600px;
}

#goog_im {
  position: absolute;
	left: 600px;
	top: 30px;
	width: 70px;

}

#goog_inbox {
  position: absolute;
  top:4px;
  left: 62px;

}

#goog_sub {
  position: absolute;
  top:30px;
  left: 62px;
  width: 150px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;

}

#goog_go {
  position:absolute;
  top: 4px;
  left: 126px;
}


/*#header {
    position:absolute;
	top: 64px;
	height:25px;
    float:left;
    width:100%;
	background-color:#FFFF33;
	background:url("images/nav_right.jpg") repeat-x;
    line-height:normal;
    }

#header ul {
    margin:0;
    padding:0;
    list-style:none;
    }


	
  #header li {
    float:left;
	background:url("images/nav_right.jpg") no-repeat right top ;	
    margin:0;
    padding:0;
    }
	
	
    #header a {
    display:block;
	background:url("images/navsquare.jpg") no-repeat left top;
    padding:0px 10px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	text-align:center;
	color: #FFFFFF;
	
    }	

#header a:hover {
   color:#FFFF33;
   font-weight:bolder;
   text-decoration:underline;

}*/


/**************** Top navigation bar*/



.menu {clear:both; margin-bottom:4em;}
.menu dt {display:none;}
.menu dd {margin:0; padding:0;}
.menu .aa {width:12px; background:url(taglft.gif); float:left; padding:2px 0 2px 0; border-bottom:1px solid #000;}
.menu .bb {background:url(tagmid.gif); float:left; padding:2px 0 2px 0; border-bottom:1px solid #000; text-align:center;}
.menu .cc {width:12px; background:url(tagrgt.gif); float:left; padding:2px 0 2px 0; border-bottom:1px solid #000;}

.menu a, .menu a:visited {color:#000000; text-decoration:none; font-size:1em; cursor:pointer;}
.menu a:hover {color:#0000ff; background:#ff00ff;}
.menu a:hover span {background-position:0 150px; border-bottom:1px solid #ffffff;}

/************************************/

	
	
.flashmessage {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#6600FF;

}	
	
.footer {
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#663300;

}		
	

	

	
.maintext {
	position: relative;
	left: 0px;
	top: 0px;
	padding:3px;
	width: 480px;
	
}	

.bodytext {
font-family: Arial, Helvetica, sans-serif;
font-size:14px;

}
	
#test {
background-color:white;

}	
	
.tableCaptions {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
}	


.m1{color:#663300; text-decoration: none; font-family: Arial, Helvetica, sans-serif;}
.m1:hover{color:#0000ff; text-decoration: none; }

a.m1:link {
  
  text-decoration: none;

}

a.m1:active {
  
  text-decoration: none;

}

a.m1:visited {
  
  text-decoration: none;

}

a.m1:hover {
  
  text-decoration: underline;

}

/*P {color: #000000;	font-family: Arial, Helvetica, sans-serif;}*/
	

/*Defines left navigation position*/	
.sidebar {
	position: relative;
	top: 5px;
	left: 0px;
    
	
}

/* CSS navigation buttons*/

 .cssnav {
position: relative;
font-family: arial, helvetica, sans-serif;
font-weight: bolder;
background-image: url(hover.gif);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 120px;
height: 24px;
margin: 0;
padding: 0;
}

.cssnav a {
display: block;
font-size: 11px;
width: 120px;
height: 24px;
display: block;
float: left;
color: white;
text-decoration: none;
}

.cssnav img {width: 120px; height: 24px; border: 0; }
* html a:hover {visibility:visible}
.cssnav a:hover img{visibility:hidden}

.cssnav span {
position: absolute;
left: 10px;
top: 5px;
margin: 0px;
padding: 0px;
cursor: pointer;
}



/* define the centre internet search block */

.activity {
  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 5px;

}

.activity hf{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;

}

/* Defines the rounded box around the internet div*/
.activitycorner {

  	background-color: #E78AC0; 
    width: 125px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin-top: 5px;

}


/* Defines the position of the suggested search and adverts for coverlessons*/
.wrapper_coverlessons {
margin-top:20px;
	width: 118px;
	border: 2px solid #cc0000;
	background-color: #ffbf5e;

}

/* Defines the position of the suggested search and adverts for coverlessons*/
.wrapper_contributor {
	width: 118px;
	border: 2px solid #cc0000;
	background-color: #ffcc00;
	
}

.tableheader{
    font-family: Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-size: 10pt;
}

.tablecontent{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

.normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}


/************* KS3 section */


.plenaries {
float: right;
width: 150px;
height: 500px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
background-color: #f9a15c;
border: 1px solid #923916;
padding: 3px;
margin-bottom: 50px;
}

.tableCaptions {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
}

.official {
float: left;
width: 200px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
background-color: #f9a15c;
border: 1px solid #923916;
padding: 3px;
}

.SoW {
float: left;
width: 200px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
background-color: #f9a15c;
margin-top: 25px;
margin-bottom: 25px;
border: 1px solid #923916;
padding: 3px;
}

.additional{
float: left;
width: 200px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
background-color: #f9a15c;
border: 1px solid #923916;
padding: 3px;
margin-bottom: 25px;
}


.weather{
float: left;
width: 200px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
background-color: #f9a15c;
border: 1px solid #923916;
padding: 3px;
margin-bottom: 25px;
}



b.rtop, b.rbottom{display:block;background: #e6f0e6}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #f9a15c}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}


//**********  News and Research section */


/* This creates rounded corners */
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #CEE7FB}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}




#newscontainer
{
background: #cccccc;
width: 90%;
margin: 0 auto;
padding: 10px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;

}


#newscontainer a {
  color:#0000CC;
  text-decoration:none;
}
#newscontainer a:hover{
  
  text-decoration:underline;
}



#weekarchive {
/*  position: absolute;
  top: 212px; */
  width: 90px;
  margin-top: 50px;
  left: 10px;
  border: 1px black solid;
  padding: 5px;
  
}

#weekarchive ul {
    margin:0;
    padding: 0px;
    list-style:none;
    }

#weekarchive a {
    font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:12px;
	font-weight: bolder;
	color: #000000;
	
	}

#weekarchive a:hover {	
   text-decoration:underline;
   color: #0000ff;
}

#weekarchive P {
  background: #cccccc;
  padding: 5px;

}


/* Makes links blue */
.content a {
	color: #3e5fc7;
    text-decoration: none;
}

/********************************* Video movies section */

#horiz {
		float:left;
		width:760px;
		height:100px;
		margin:0px; padding:0;
		margin-left:5px;
		background: white;
		font-size:80%;
}

#middleflash_vid {
		margin-left: 100px;
		background:blue;
		font-size:80%;
		width: 700px;
		}

.contentsoft {
padding-left: 20px;
margin-left: 30px;
}

/********************************** Front page section */

#email {
	position: absolute;
	top: 412px;
	left: 278px;

}

#share {
	position: absolute;
	top: 488px;
	left: 281px;

}



#teacher {
  clear:both;
  position:absolute;
  top: 0px;
  left: 0px;

}

#teacher A {
  color: #990000;
  font-family:Arial, Helvetica, sans-serif;
  font-style:italic;
  font-size: 28px;
  font-weight:600;
}


#gcse {
  position: absolute;
  top: 256px;
  left: 15px;

}

#wikiarea {
  position: absolute;
  top: 405px;
  left: 13px;

}

#forumarea {
  position: absolute;
  top: 512px;
  left: 13px;

}

#banner {
  position: absolute;
  top: 0px;
  left: 0px;

}


#game {
  clear:both;
  position: absolute;
  top: 10px;
  left:390px;
}

#aboutus {
 position: absolute;
 top: 545px;
 left: 308px;
}

#whatsnew {
 position:absolute;
 top: 5px;
 left: 589px;

}

#video {
 position:absolute;
 top: 281px;
 left: 589px;

}


#teacherarea {
 position: absolute;
 top: 68px;
 left: 589px;

}

#news {
 position: absolute;
 top: 384px;
 left: 589px;
}

#footerarea {
 position: absolute;
 top: 608px;
 left: 0px;
 font-size:10px;
 font-family:Arial, Helvetica, sans-serif;
}


/* Teacher section*/

/* SMALL FEATURE ITEMS */
#boxes td.smallFeatureBox
{
	background-image:  url("images/oldsite/feature-back-small.gif");
	background-repeat: no-repeat;
	width: 133px;
}

#boxes td.smallFeatureBoxExam
{
	background-image:  url("images/oldsite/feature-back-smallexam.gif");
	background-repeat: no-repeat;
	width: 133px;
}

#boxes td.smallFeatureBoxforum
{
	background-image:  url("images/oldsite/feature-back-smallforum.gif");
	background-repeat: no-repeat;
	width: 133px;
}

#boxes td.smallFeatureBoxadvice
{
	background-image:  url("images/oldsite/feature-back-smalladvice.gif");
	background-repeat: no-repeat;
	width: 133px;
}

#boxes td.smallFeatureBoxcoord
{
	background-image:  url("images/oldsite/feature-back-smallcoord.gif");
	background-repeat: no-repeat;
	width: 133px;
}

#boxes td.smallFeatureBoxadmin
{
	background-image:  url("images/oldsite/feature-back-smallmark.gif");
	background-repeat: no-repeat;
	width: 133px;
}

#boxes td.smallFeatureBoxteach
{
	background-image:  url("images/oldsite/feature-back-smallteach.gif");
	background-repeat: no-repeat;
	width: 133px;
}

#boxes td.smallFeatureBoxutil
{
	background-image:  url("images/oldsite/feature-back-smallutil.gif");
	background-repeat: no-repeat;
	width: 133px;
}


#boxes .smallFeatureBox P
{
 	font-family: Arial;
	font-size: 8pt;
	color : #992c0f; 
	padding: 2px;
}

#boxes .smallFeatureBox h2
{
	font-family: Arial;
	font-size: 8pt;
	color : #992c0f; 
	text-align: center;
	
}

#boxes .smallFeatureBox A
{
 	font-family: Arial;
	font-size: 8pt;
	color : #992c0f; 
	padding: 2px;
	text-decoration: underline;
}


/* Whats new section*/

.sidebartext {
   color: #0000ff;
   
}





.monthly {
   left:10px;
   background: #ffe8c6;
   border: 4px double #ff9900;
     
}

.monthly ul {
list-style:none;
}

.monthly a {
text-decoration:none;
}

.monthly a:hover {
text-decoration:underline;
}









#header {
    position:absolute;
	top: 55px;
	font-family: Arial;
	font-size: 0.7em;
	/*visibility:hidden;*/
		
    }