/* CSS Document */

/* DOCUMENT INFORMATION -----------------------------------

TITLE:			Default screen display styles
LAST UPDATED:	7th November 2005
AUTHOR:			Nick Toye

-- CONTENTS -----------------------------------------------

	=1:		[HTML & BODY]
	=2:		[LINKS]
	=3:		[COMMON ELEMENTS]
	=4:		[TOP ELEMENTS]
	=5:		[NAVIGATION]
	=6:		[MAIN COLUMN]
	=7:		[SIDEBAR COLUMN]
	=8:		[FOOTER]
	=9:		[LISTS]
	=10:	[FORMS]
	=11:	[IMAGES]
	=12:	[TEASERS]
	=13:	[MISC]
	=14:	[FLASH]
	
-----------------------------------------------------------*/

/*	=1:	[HTML & BODY] -------------------------------------	

* {
	margin: 0;
	padding: 0;
	}
*/	
body {
	margin: 0;
	padding: 0;
	font-family: Trebuchet MS, Verdana, sans-serif;
	font-size: small;
	text-align: left;
	/*
	line-height: 1.5em;
	*/
	color: #000;
	background: #0f5aaf url(_images/body_bg.png) repeat-x;
	}


	
/*	=2:	[LINKS] -------------------------------------*/	
	
/* NOTES: 
remember LoVe HAte, also I have added a current class for current elements 
*/

a:link {
	color: #105db4;
	text-decoration: none;
	}
a:visited {
	color: #105db4;
	text-decoration: none;
	}
a:hover {
	color: #CC0000;
	}
	
a.current {
	color: #FF9900;
	}

/*	=3:	[COMMON ELEMENTS] -------------------------------------*/
	
/*
p {
	line-height: 160%;
	padding: 0 0 5px 0;
	font-weight: bold;
	color: black;
	}
*/
table {color: black; border: none;}
	
h1 {
	font-size: 150%;
	color: black;
	margin-bottom: 15px;
	}
	
h2 {
	font-size: 130%;
	color: black;
	}
	
h2.titles {
 padding: 0;
 margin: 0;
	display: block;
	height: 19px;
	font-size: 100%;
	color: #fff;
	text-indent: 5px;
	lin-height: 19px;
	background: #2072cd;
	}
	
h3 {
	font-size: 120%;
	}

code {
	color: #000000;
	font-size: 110%;
	line-height: 1.2em;
	text-align: left;
	}
		
abbr, acronym {
	font-style: normal;
	border-bottom: 1px dotted #bbb;
	cursor: help;
	}
	
a abbr {
	border: none;
	}
	
em {
	font-style: italic;
	}
	
strong {
	font-weight: bold;
	}
	
del {
	text-decoration: line-through;
	}
	
ins {
	text-decoration: none;
	font-style: italic;
	}
	
address {
	margin: 0;
	padding: 0;
    font-size: 85%;
	font-style: normal;
	}


/*	=4:	[TOP ELEMENTS] -------------------------------------*/	

#wrap {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 780px;
	min-height: 600px;
	background: url(_images/faux.gif) repeat-y;
	}
	
body#pages #wrap {background: url(_images/faux-2.gif) repeat-y;}
	
#header {
	background: url(_images/header_bg.png) no-repeat;
	width: 780px;
	height: 100px;
	}

#header h1 {
	display: none;
	}





/*	=5:	[NAVIGATION] -------------------------------------*/	

/* NOTES: 
obviously the image references need to be altered to customise design
*/

ul#nav {
	list-style: none;
	margin: 0;
    padding: 0;
	}
	
#nav li a {
	display: block;
	height: 17px;
	line-height: 17px;
	margin-bottom: 1px;
	color: #fff;
	text-indent: 10px;
	font-size: 90%;
	}
	
#nav li a:hover, #nav li a.active {color: #000;}

#homeBtn {background: #c21818;}
#welcomeBtn, #contactBtn, #keyBtn, #tourBtn, #childBtn {background: #2c8212;}
#newslettersBtn, #newsBtn, #lettersBtn, #calendarBtn, #parentsBtn, #friendsBtn {background: #2072cd;}
#galleryBtn, #classpagesBtn, #childrenBtn, #clubsBtn, #councilBtn {background: #f99c0b;}
#linksBtn, #guestbookBtn {background: #b913af;}
	




	


/*	=6:	[MAIN COLUMN] -------------------------------------*/	
#main {
	float: left;
	width: 440px;
	margin: 0;
    padding: 0;
	}
	
body#pages #main {
	float: right;
	width: 620px;
	position: relative;
	}
	
.shell {
	width: 600px;
	padding: 10px 0;
	margin: 0 auto;
	}
	
#welcome {
    margin: 0;
    padding: 0;
	width: 436px;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	background: #cef2fe url(_images/welcome_bg.png) repeat-x;
	}
	
#welcome p#dateContainer {
top: 0;
	width: 436px;
	font-size: 90%;
	text-align: center;
	color: #0f54a3;
	margin: 0;
	}
	
#welcome div {
    margin: 0;
    padding: 0;
	height: 26px;
	width: 436px;
	font-size: 90%;
	text-align: center;
	color: #000;
	}
	
#left {
    margin: 0;
    padding: 0;
	float: left;
	width: 217px;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	background-color: #f2e6c7;
	}
	
#left p {
    text-align: center;
    margin: 0;
    padding: 0;}
	
#calendarShell {
	width: 196px;
	height: 150px;
	padding: 10px;
	background: #fcf8d4;
}


	
#right {

	float: right;
	width: 217px;
	border-right: 2px solid #fff;
	background: #d8d8d8;
	}

#contactDets {
	padding: 10px 0 0;
	background: #d8d8d8;
	text-align: center;
	}

#contactDets p {
	line-height: 120%;
	margin: 0;
	padding: 0;
}


	

/*	=7:	[SIDEBAR COLUMN] -------------------------------------*/	
#sidebar-1 {
    margin: 0;
    padding: 0;
	float: left;
	width: 160px;
	padding-bottom: 10px;
	min-height: 450px;
	background: #c1d4eb;
	z-index: 10;
	}
	
body#pages #sidebar-1 {background: #f2e6c7;}
	
#sidebar-2 {
	position: absolute;
	right: 0;
	width: 180px;
	background: #e4adad;
	}
	
#newsArea {
	padding: 0px 0px;
	margin: 0 5px;
}
#newsArea p{
	padding: 0px 0px;
	margin: 0 auto 5px;
}


	
/*	=8:	[FOOTER] -------------------------------------*/	
#footer {
	clear: both;
	position: relative;
	width: 760px;
	margin: 0 auto;
	height: 25px;
	background: #0d59af;
	}


/*	=9:	[LISTS] -------------------------------------*/	
ul#teasers {
	list-style: none;
	margin: 10px 5px;
	padding: 0;
	}
	
ul#teasers li {
	margin-bottom: 5px;
	padding: 0;
	}
	
ul#teasers a {
	color: #000;
	font-style: italic;
	font-weight: bold;
	font-size: 90%;
	}
	
ul#teasers a:hover {color: #2072cd;}

	
#infoTeaser a {
	display: block;
	height: 37px;
	line-height: 15px;
	padding-left: 55px;
	background: url(_images/infoTeaser.png) no-repeat 8px 30%;
	}
	
#gamesTeaser a {
	display: block;
	height: 37px;
	line-height: 15px;
	padding-left: 55px;
	background: url(_images/gamesTeaser.png) no-repeat 8px 30%;
	}
	
#menuTeaser a {
	display: block;
	height: 37px;
	line-height: 15px;
	padding-left: 55px;
	background: url(_images/menuTeaser.png) no-repeat 8px 30%;
	}
	
#newsletterTeaser a {
	display: block;
	height: 39px;
	line-height: 15px;
	padding-left: 55px;
	background: url(_images/newsletterTeaser.png) no-repeat 0px 30%;
	}
	
#vleTeaser a {
	display: block;
	height: 31px;
	line-height: 15px;
	padding: 5px 0px 0px 55px;
	background: url(_images/vleTeaser.png) no-repeat 0px 30%;
	}


/*	=10: [FORMS] -------------------------------------*/	
.searchInput {
	width: 115px;
	}

#search {
margin: 0;
padding: 0;
}

/*	=11: [IMAGES] -------------------------------------*/	



/*	=12: [TEASERS] ------------------------------------*/

/* kidszone */



#englishBtn a {
	position: absolute;
	top: 130px;
	left: 180px;
	width: 150px;
	height: 151px;
	line-height: 151px;
	text-indent: -3000px;
	background: url(_images/englishBtn.gif) no-repeat;
	}
	
#englishBtn a:hover {background-position: 0 -151px;}

#mathsBtn a {
	position: absolute;
	top: 0px;
	left: 170px;
	width: 150px;
	height: 129px;
	line-height: 129px;
	text-indent: -3000px;
	background: url(_images/mathsBtn.gif) no-repeat;
	}
	
#mathsBtn a:hover {background-position: 0 -129px;}

#gamesBtn a {
	position: absolute;
	top: 0px;
	right: 170px;
	width: 106px;
	height: 167px;
	line-height: 167px;
	text-indent: -3000px;
	background: url(_images/gamesBtn.gif) no-repeat;
	}
	
#gamesBtn a:hover {background-position: 0 -167px;}

#scienceBtn a {
	position: absolute;
	top: 0px;
	right: 20px;
	width: 141px;
	height: 160px;
	line-height: 160px;
	text-indent: -3000px;
	background: url(_images/scienceBtn.gif) no-repeat;
	}
	
#scienceBtn a:hover {background-position: 0 -160px;}

#historyBtn a {
	position: absolute;
	top: 170px;
	left: 330px;
	width: 138px;
	height: 165px;
	line-height: 165px;
	text-indent: -3000px;
	background: url(_images/historyBtn.gif) no-repeat;
	}
	
#historyBtn a:hover {background-position: 0 -165px;}

#brainBtn a {
	position: absolute;
	top: 150px;
	left: 470px;
	width: 138px;
	height: 165px;
	line-height: 165px;
	text-indent: -3000px;
	background: url(_images/brainBtn.gif) no-repeat;
	}
	
#brainBtn a:hover {background-position: 0 -165px;}

#weblinks2Btn a {
	position: absolute;
	top: 300px;
	left: 190px;
	width: 123px;
	height: 160px;
	line-height: 160px;
	text-indent: -3000px;
	background: url(_images/weblinks2Btn.gif) no-repeat;
	}
	
#weblinks2Btn a:hover {background-position: 0 -160px;}

#weblinks1Btn a {
	position: absolute;
	top: 310px;
	right: 4px;
	width: 138px;
	height: 189px;
	line-height: 189px;
	text-indent: -3000px;
	background: url(_images/weblinks1Btn.gif) no-repeat;
	}
	
#weblinks1Btn a:hover {background-position: 0 -189px;}




/* classpage buttons */
#receptionBtn a {
	position: absolute;
	top: 109px;
	left: 25px;
	width: 165px;
	height: 55px;
	line-height: 139px;
	text-indent: -3000px;
	background: url(_images/classpages/1.gif) no-repeat;
	}
	
#receptionBtn a:hover {background-position: -164px 0;}

#class1Btn a {
	position: absolute;
	top: 109px;
	left: 205px;
	width: 165px;
	height: 55px;
	line-height: 131px;
	text-indent: -3000px;
	background: url(_images/classpages/2.gif) no-repeat;
	}
	
#class1Btn a:hover {background-position: -164px 0;}

#class2Btn a {
	position: absolute;
	top: 109px;
	left: 385px;
	width: 165px;
	height: 55px;
	line-height: 115px;
	text-indent: -3000px;
	background: url(_images/classpages/3.gif) no-repeat;
	}
	
#class2Btn a:hover {background-position: -164px 0;}

#class2Btnarc a {
	position: absolute;
	top: 109px;
	left: 385px;
	width: 165px;
	height: 55px;
	line-height: 115px;
	text-indent: -3000px;
	background: url(_images/classpages/3arc.gif) no-repeat;
	}
	
#class2Btnarc a:hover {background-position: -164px 0;}

#class2LSBtn a {
	position: absolute;
	top: 109px;
	left: 385px;
	width: 165px;
	height: 55px;
	line-height: 115px;
	text-indent: -3000px;
	background: url(_images/classpages/ls.gif) no-repeat;
	}
	
#class2LSBtn a:hover {background-position: -164px 0;}

#class2LSBtn2 a {
	position: absolute;
	top: 109px;
	left: 385px;
	width: 165px;
	height: 55px;
	line-height: 115px;
	text-indent: -3000px;
	background: url(_images/classpages/lrsm.gif) no-repeat;
	}
	
#class2LSBtn2 a:hover {background-position: -164px 0;}

#class3Btn a {
	position: absolute;
	top: 189px;
	left: 25px;
	width: 165px;
	height: 55px;
	line-height: 136px;
	text-indent: -3000px;
	background: url(_images/classpages/4.gif) no-repeat;
	}
	
#class3Btn a:hover {background-position: -164px 0;}

#class3LRBtn a {
	position: absolute;
	top: 189px;
	left: 25px;
	width: 165px;
	height: 55px;
	line-height: 136px;
	text-indent: -3000px;
	background: url(_images/classpages/class1lr.gif) no-repeat;
	}
	
#class3LRBtn a:hover {background-position: -164px 0;}

#class3LRBtn2 a {
	position: absolute;
	top: 189px;
	left: 25px;
	width: 165px;
	height: 55px;
	line-height: 136px;
	text-indent: -3000px;
	background: url(_images/classpages/sbls.gif) no-repeat;
	}
	
#class3LRBtn2 a:hover {background-position: -164px 0;}

#class3JBBtn a {
	position: absolute;
	top: 189px;
	left: 205px;
	width: 165px;
	height: 55px;
	line-height: 136px;
	text-indent: -3000px;
	background: url(_images/classpages/class1JB.gif) no-repeat;
	}
	
#class3JBBtn a:hover {background-position: -164px 0;}

#class4Btn a {
	position: absolute;
	top: 189px;
	left: 205px;
	width: 165px;
	height: 55px;
	line-height: 150px;
	text-indent: -3000px;
	background: url(_images/classpages/5.gif) no-repeat;
	}
	
#class4Btn a:hover {background-position: -164px 0;}


#class4ABtn a {
	position: absolute;
	top: 189px;
	left: 385px;
	width: 165px;
	height: 55px;
	line-height: 150px;
	text-indent: -3000px;
	background: url(_images/classpages/5.gif) no-repeat;
	}
	
#class4ABtn a:hover {background-position: -164px 0;}

#class4ABtn2 a {
	position: absolute;
	top: 189px;
	left: 385px;
	width: 165px;
	height: 55px;
	line-height: 150px;
	text-indent: -3000px;
	background: url(_images/classpages/hshd.gif) no-repeat;
	}
	
#class4ABtn a:hover {background-position: -164px 0;}

#class5Btn a {
	position: absolute;
	top: 189px;
	left: 385px;
	width: 165px;
	height: 55px;
	height: 142px;
	line-height: 142px;
	text-indent: -3000px;
	background: url(_images/classpages/6.gif) no-repeat;
	}
	
#class5Btn a:hover {background-position: -164px 0;}

#class5ABtn a {
	position: absolute;
	top: 269px;
	left: 25px;
	width: 165px;
	height: 55px;
	height: 142px;
	line-height: 142px;
	text-indent: -3000px;
	background: url(_images/classpages/6.gif) no-repeat;
	}
	
#class5ABtn a:hover {background-position: -164px 0;}

#class5ABtn2 a {
	position: absolute;
	top: 269px;
	left: 25px;
	width: 165px;
	height: 55px;
	height: 142px;
	line-height: 142px;
	text-indent: -3000px;
	background: url(_images/classpages/kw.gif) no-repeat;
	}
	
#class5ABtn2 a:hover {background-position: -164px 0;}

#class6Btn a {
	position: absolute;
	top: 269px;
	left: 25px;
	width: 165px;
	height: 55px;
	line-height: 134px;
	text-indent: -3000px;
	background: url(_images/classpages/7.gif) no-repeat;
	}
	
#class6Btn a:hover {background-position: -164px 0;}

#class6ABtn a {
	position: absolute;
	top: 269px;
	left: 205px;
	width: 165px;
	height: 55px;
	line-height: 134px;
	text-indent: -3000px;
	background: url(_images/classpages/7.gif) no-repeat;
	}
	
#class6ABtn a:hover {background-position: -164px 0;}

#class7Btn a {
	position: absolute;
	top: 269px;
	width: 165px;
	height: 55px;
	left: 205px;
	line-height: 134px;
	text-indent: -3000px;
	background: url(_images/classpages/8.gif) no-repeat;
	}
	
#class7Btn a:hover {background-position: -164px 0;}

#class7ABtn a {
	position: absolute;
	top: 269px;
	width: 165px;
	height: 55px;
	left: 385px;
	line-height: 134px;
	text-indent: -3000px;
	background: url(_images/classpages/8.gif) no-repeat;
	}
	
#class7ABtn a:hover {background-position: -164px 0;}

#class8Btn a {
	position: absolute;
	top: 269px;
	left: 385px;
	width: 165px;
	height: 55px;
	line-height: 134px;
	text-indent: -3000px;
	background: url(_images/classpages/9.gif) no-repeat;
	}
	
#class8Btn a:hover {background-position: -164px 0;}

#class8ABtn a {
	position: absolute;
	top: 349px;
	left: 25px;
	width: 165px;
	height: 55px;
	line-height: 134px;
	text-indent: -3000px;
	background: url(_images/classpages/9.gif) no-repeat;
	}
	
#class8ABtn a:hover {background-position: -164px 0;}

#class9Btn a {
	position: absolute;
	top: 349px;
	left: 25px;
	width: 165px;
	height: 55px;
	line-height: 134px;
	text-indent: -3000px;
	background: url(_images/classpages/10.gif) no-repeat;
	}
	
#class9Btn a:hover {background-position: -164px 0;}

#class9ABtn a {
	position: absolute;
	top: 349px;
	left: 205px;
	width: 165px;
	height: 55px;
	line-height: 134px;
	text-indent: -3000px;
	background: url(_images/classpages/10.gif) no-repeat;
	}
	
#class9ABtn a:hover {background-position: -164px 0;}

#class10Btn a {
	position: absolute;
	top: 349px;
	left: 205px;
	width: 165px;
	height: 55px;
	line-height: 134px;
	text-indent: -3000px;
	background: url(_images/classpages/11.gif) no-repeat;
	}
	
#class10Btn a:hover {background-position: -164px 0;}

#class10ABtn a {
	position: absolute;
	top: 349px;
	left: 385px;
	width: 165px;
	height: 55px;
	line-height: 134px;
	text-indent: -3000px;
	background: url(_images/classpages/11.gif) no-repeat;
	}
	
#class10ABtn a:hover {background-position: -164px 0;}

#class11Btn a {
	position: absolute;
	top: 349px;
	left: 385px;
	width: 165px;
	height: 55px;
	line-height: 134px;
	text-indent: -3000px;
	background: url(_images/classpages/12.gif) no-repeat;
	}
	
#class11Btn a:hover {background-position: -164px 0px;}


#class11ABtn a {
	position: absolute;
	top: 429px;
	left: 385px;
	width: 165px;
	height: 55px;
	line-height: 134px;
	text-indent: -3000px;
	background: url(_images/classpages/12.gif) no-repeat;
	}
	
#class11ABtn a:hover {background-position: -164px 0px;}
		
/*	=13: [MISC] ------------------------------------- */	


/* skip navigation rule*/ 


#counter {
	width: 100%;
	text-align: center;
	padding-top: 20px;
	}
	
#counter p {
	color: #0d59af;
line-height: 100%;
 padding: 0;
 margin: 0;
	}
	

	
#link a {
	float: left;
	font-size: 80%;
	width: 100%;
	text-align: center;
	padding: 0;
    margin: 0;
	}

#awards {
	float: left;
	padding: 0;
    margin: 0;
	margin-left: 10px;
	}




#login {
	float: left;
	border: none;
	margin-top: 2px;
	}
	
/*	=14: [FLASH] -------------------------------------*/	

/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 
--------------------- */

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */	


.latesthomepage {
 padding: 0;
 margin: 0;
}



.sectionheading {
color: #009900;
}




#Guestbook {
border: #000099 solid thick !important;
}
#Guestbook .sort{
background-color: #000099 !important;
}
#Guestbook .sort a{
color: #FFFF00 !important;
}
#Guestbook .sort a:hover{
color:#FFFFFF !important;
}
#Guestbook .allowdeny {
color: #FFFF00 !important;
background-color: #000099;
}
#Guestbook .allowdeny a{
color: #FFFF00 !important;
}
#Guestbook .allowdeny a:hover{
color:#FFFFFF !important;
}
#Guestbook .guest {
background-color: #E0D9FD !important;
}
#Guestbook .message {
background-color: #FFFFFF !important;
}

.editslideshow {
text-align: center;
}
.editslideshow a {
color: #FFFF00 !important;
}
.editslideshow a:hover {
color: #FFFFFF !important;
}


#updates {
border: solid 1px #0066CC;
}



#archivebox {margin-top: 380px; margin-left: 10px;}
ul#classarchive li {list-style: none;}

#classbox {position: relative; top: -80px;}


a.classgallerybttn {display: block; width: 6em;
border: 2px solid #ff4800; text-align: center; padding: 1em;
font-size: 1.5em; margin: 2em 0em; background: #f99c0b; color: #fff;}

a.classgallerybttn:hover {color: #000}




#vle-login a {
position: relative;
display: block;
width: 300px;
margin: 0 auto;
padding: 15px;
background: #fff;
border: 5px solid #2072CD;
text-align: center;
font-size: x-large;
font-weight: bold;
}

#vle-2simple a {
display: block;
position: relative;
background: url(../images/vle-2simple.gif) no-repeat;
overflow: hidden;
width: 208px;
height: 200px;
top: 50px;
text-indent: -5000px;
float: left;
margin: 0px 60px;
}
#vle-2simple a:hover {
background-position: -208px 0px;
}


#vle-foundation a {
display: block;
position: relative;
background: url(../images/vle-foundation.gif) no-repeat;
overflow: hidden;
width: 208px;
height: 200px;
top: 50px;
text-indent: -5000px;
float: left;
}
#vle-foundation a:hover {
background-position: -208px 0px;
}

/* New Styling since 3+ Final upgrade, the
important declarations are due to CSS cascade */
#slideshow div.slideshow img{overflow:hidden !important;height: 150px;}
#slideshow div.slideshow{overflow:hidden !important;height: 170px;}
#art_slideshow div.slideshow{height: 150px}

#ticker {position: relative; display: block; color: #fff; font-size: small !important;}
#ticker_edit {position: absolute !important; left: 0 !important; top: 0 !important; z-index: 100;}
#ticker .pointer {width: 436px !important}
#ticker .pointer div{padding: 0 300px !important}

#newsArea p.newstitlehome{margin: 0 auto !important}
#MediaBlock .MediaFloat{width: 200px;}

#CurrentGallery {text-align: center; list-style: none; font-size: 120%; display: block; text-indent: -5000px;}
#CurrentGallery a:hover {background-position: right top;}

#Schooly a
{
position: relative;
width: 250px;
height: 30px;
text-align: center;
padding-top: 205px;
background: url(../images/schoolevents.gif) left top no-repeat;
float: left;
margin-right: 35px;
margin-left: -10px;
margin-bottom: 20px;
}

#Sporty a
{
position: relative;
width: 250px;
height: 30px;
text-align: center;
padding-top: 205px;
background: url(../images/sportsevents.gif) no-repeat;
float: left;
}