/* 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: Verdana, sans-serif;
	text-align: left;
	color: #000000;
	background: #ddffff;
	font-size: small;
	}


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

a{
	color: #CC0000;
	text-decoration: none;
	}

a:hover {
	color: #FF3300;
	}
	

/*	=3:	[COMMON ELEMENTS] -------------------------------------*/	

	
h1 {
	font-size: 150%;
	color: black;
	margin-bottom: 15px;
	}
	
h2 {
	font-size: 100%;
	color: black;
	}
	
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-style: normal;
	}

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

#wrap {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 760px;
	min-height: 550px;
	_height: 550px;
	}
		
#header {
	width: 760px;
	height: 151px;
	background: url(_images/header.jpg) no-repeat top left;
	}

#header h1 {
	display: none;
	}





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

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

ul#nav{position:absolute;left:0;top:-21px;list-style:none}
ul#nav li a { 
display: block;
height: 21px;
line-height: 21px;
}
 
ul#nav li {
text-indent: -3000px;
}
 
ul#nav li a:hover {background-position: -134px 0;}

#currentpage a{background-position: -134px 0;}

.home a {
position:relative; 
top: -10px; 
width: 47px;
background: url(_images/navimages/home.gif) no-repeat top left;
}

#currenthome a{background-position: -47px 0}

.home a:hover {background-position: -47px 0 !important}

 
.navlink1 a {
width: 134px;
background: url(_images/navimages/1.gif) no-repeat top left;
} 
.navlink2 a {
width: 134px;
background: url(_images/navimages/2.gif) no-repeat top left;
} 
 
.navlink3 a {
width: 134px;
background: url(_images/navimages/3.gif) no-repeat top left;
} 
 
.navlink4 a {
width: 134px;
background: url(_images/navimages/4.gif) no-repeat top left;
} 
.navlink5 a {
width: 134px;
background: url(_images/navimages/5.gif) no-repeat top left;
} 
.navlink6 a {
width: 134px;
background: url(_images/navimages/6.gif) no-repeat top left;
} 
.navlink7 a {
width: 134px;
background: url(_images/navimages/7.gif) no-repeat top left;
} 
 
.navlink8 a {
width: 134px;
background: url(_images/navimages/8.gif) no-repeat top left;
} 
.navlink9 a {
width: 134px;
background: url(_images/navimages/9.gif) no-repeat top left;
} 
.navlink10 a {
width: 134px;
background: url(_images/navimages/10.gif) no-repeat top left;
} 
.navlink11 a {
width: 134px;
background: url(_images/navimages/11.gif) no-repeat top left;
}
.navlink12 a {
width: 134px;
background: url(_images/navimages/12.gif) no-repeat top left;
} 
.navlink13 a {
width: 134px;
background: url(_images/navimages/13.gif) no-repeat top left;
} 
.navlink14 a {
width: 134px;
background: url(_images/navimages/14.gif) no-repeat top left;
} 
.navlink15 a {
width: 134px;
background: url(_images/navimages/15.gif) no-repeat top left;
} 
.navlink16 a {
width: 134px;
background: url(_images/navimages/16.gif) no-repeat top left;
} 
.navlink17 a {
width: 134px;
background: url(_images/navimages/17.gif) no-repeat top left;
} 
.navlink18 a {
width: 134px;
background: url(_images/navimages/18.gif) no-repeat top left;
} 

/* nav bottom */
#navBottom {
	text-align: center;
	}

#navBottom li {
	display: inline;
	font-size: 70%;
	}
	
body #navBottom li a {	
	text-decoration: underline;
	color: #3d3d3d;
}
	
body #navBottom a:hover {color: #C6000F;}
 

/*	=6:	[MAIN COLUMN] -------------------------------------*/	
#main {
width: 760px;
height: 356px;
background: #7fd3fa url(_images/main.jpg) no-repeat top left;
position:relative;
}
	
#content {
	width: 760px;
	min-height: 550px;
	_height: 550px;
	background: #7fd3fa url(_images/content.jpg) no-repeat top left;
	position: relative;
	}
	
.gutter {
	margin-left: 160px;
	padding-top: 20px;
	padding-left: 10px;
	margin-right: 10px;
	}
	
	
iframe {
	margin-left: -10px;
	}
	

#welcome {
	position: relative;
	top: 5px;
	left: 480px;
	width: 260px;
	}

ul#teasers {
	position: relative;
	top: 30px;
	left: 482px;
	width: 290px;
	list-style: none;
	}
	
ul#teasers li {display:inline; float: left;}
	
#guestbookTeaser a {
	display: block;
	width: 113px;
	height: 120px;
	background: url(_images/guestbookTeaser.gif) no-repeat top left;
	text-indent: -3000px;
	}
	
#guestbookTeaser a:hover {background-position: 0 -120px;}

#clubsTeaser a {
	display: block;
	position: absolute;
	top: 130px;	
	right: 20px;
	width: 113px;
	height: 120px;
	background: url(_images/clubsTeaser.gif) no-repeat top left;
	text-indent: -3000px;
	}
	
#clubsTeaser a:hover {background-position: 0 -120px;}

#tourTeaser a {
	display: block;
	position: absolute;
	top: 140px;
	left: 20px;
	width: 113px;
	height: 120px;
	background: url(_images/tourTeaser.gif) no-repeat top left;
	text-indent: -3000px;
	}
	
#tourTeaser a:hover {background-position: 0 -120px;}	

#yeargroupsTeaser a {
	display: block;
	position: absolute;
	left: 40px;
	width: 168px;
	height: 120px;
	background: url(_images/yeargroupsTeaser.gif) no-repeat top left;
	text-indent: -3000px;
	}
	
#yeargroupsTeaser a:hover {background-position: 0 -120px;}

/* titles */

h2#welcomeTitle {
	position: relative;
	top:  -10px;
	left:  -10px;
	width: 239px;
	height:  30px;
	background: url(../_images/welcomeTitle.png) no-repeat;
	text-indent: -3000px;
}

h2#aboutusTitle {
	position: relative;
	top:  -10px;
	left:  -10px;
	width: 239px;
	height:  30px;
	background: url(../_images/aboutusTitle.png) no-repeat;
	text-indent: -3000px;
}

h2#councilTitle {
	position: relative;
	top:  -10px;
	left:  -10px;
	width: 239px;
	height:  30px;
	background: url(../_images/councilTitle.png) no-repeat;
	text-indent: -3000px;
}

h2#whoswhoTitle {
	position: relative;
	top:  -10px;
	left:  -10px;
	width: 239px;
	height:  30px;
	background: url(../_images/whoswhoTitle.png) no-repeat;
	text-indent: -3000px;
}

h2#tourTitle {
	position: relative;
	top:  -10px;
	left:  -10px;
	width: 239px;
	height:  30px;
	background: url(../_images/tourTitle.png) no-repeat;
	text-indent: -3000px;
}

h2#newsTitle {
	position: relative;
	top:  -10px;
	left:  -10px;
	width: 239px;
	height:  30px;
	background: url(../_images/newsTitle.png) no-repeat;
	text-indent: -3000px;
}

h2#newslettersTitle {
	position: relative;
	top:  -10px;
	left:  -10px;
	width: 239px;
	height:  30px;
	background: url(../_images/newslettersTitle.png) no-repeat;
	text-indent: -3000px;
}

h2#lettersTitle {
	position: relative;
	top:  -10px;
	left:  -10px;
	width: 239px;
	height:  30px;
	background: url(../_images/lettersTitle.png) no-repeat;
	text-indent: -3000px;
}

h2#calendarTitle {
	position: relative;
	top:  -10px;
	left:  -10px;
	width: 239px;
	height:  30px;
	background: url(../_images/calendarTitle.png) no-repeat;
	text-indent: -3000px;
}

h2#galleryTitle {
	position: relative;
	top:  -10px;
	left:  -10px;
	width: 239px;
	height:  30px;
	background: url(../_images/galleryTitle.png) no-repeat;
	text-indent: -3000px;
}

h2#yeargroupsTitle {
	position: relative;
	top:  -10px;
	left:  -10px;
	width: 239px;
	height:  30px;
	background: url(../_images/yeargroupsTitle.png) no-repeat;
	text-indent: -3000px;
}

h2#clubsTitle {
	position: relative;
	top:  -10px;
	left:  -10px;
	width: 239px;
	height:  30px;
	background: url(../_images/clubsTitle.png) no-repeat;
	text-indent: -3000px;
}

h2#curriculumTitle {
	position: relative;
	top:  -10px;
	left:  -10px;
	width: 239px;
	height:  30px;
	background: url(../_images/curriculumTitle.png) no-repeat;
	text-indent: -3000px;
}

h2#kidszoneTitle {
	position: relative;
	top:  -10px;
	left:  -10px;
	width: 239px;
	height:  30px;
	background: url(../_images/kidszoneTitle.png) no-repeat;
	text-indent: -3000px;
}

h2#englishTitle {
	position: relative;
	top:  -10px;
	left:  -10px;
	width: 239px;
	height:  30px;
	background: url(../_images/englishTitle.png) no-repeat;
	text-indent: -3000px;
}

h2#mathsTitle {
	position: relative;
	top:  -10px;
	left:  -10px;
	width: 239px;
	height:  30px;
	background: url(../_images/mathsTitle.png) no-repeat;
	text-indent: -3000px;
}

h2#scienceTitle {
	position: relative;
	top:  -10px;
	left:  -10px;
	width: 239px;
	height:  30px;
	background: url(../_images/scienceTitle.png) no-repeat;
	text-indent: -3000px;
}

h2#historyTitle {
	position: relative;
	top:  -10px;
	left:  -10px;
	width: 239px;
	height:  30px;
	background: url(../_images/historyTitle.png) no-repeat;
	text-indent: -3000px;
}

h2#gamesTitle {
	position: relative;
	top:  -10px;
	left:  -10px;
	width: 239px;
	height:  30px;
	background: url(../_images/gamesTitle.png) no-repeat;
	text-indent: -3000px;
}

h2#brainbuildersTitle {
	position: relative;
	top:  -10px;
	left:  -10px;
	width: 239px;
	height:  30px;
	background: url(../_images/brainbuildersTitle.png) no-repeat;
	text-indent: -3000px;
}

h2#weblinks1Title {
	position: relative;
	top:  -10px;
	left:  -10px;
	width: 239px;
	height:  30px;
	background: url(../_images/weblinks1Title.png) no-repeat;
	text-indent: -3000px;
}

h2#weblinks2Title {
	position: relative;
	top:  -10px;
	left:  -10px;
	width: 239px;
	height:  30px;
	background: url(../_images/weblinks2Title.png) no-repeat;
	text-indent: -3000px;
}

h2#governorsTitle {
	position: relative;
	top:  -10px;
	left:  -10px;
	width: 239px;
	height:  30px;
	background: url(../_images/governorsTitle.png) no-repeat;
	text-indent: -3000px;
}

h2#ptaTitle {
	position: relative;
	top:  -10px;
	left:  -10px;
	width: 239px;
	height:  30px;
	background: url(../_images/ptaTitle.png) no-repeat;
	text-indent: -3000px;
}

h2#teachersTitle {
	position: relative;
	top:  -10px;
	left:  -10px;
	width: 239px;
	height:  30px;
	background: url(../_images/teachersTitle.png) no-repeat;
	text-indent: -3000px;
}

/*	=7:	[SIDEBAR COLUMN] -------------------------------------*/	


	
/*	=8:	[FOOTER] -------------------------------------*/	
#footer {
	width: 760px;
	height: 42px;
	border-top: 1px solid #fff;
	background: #4453a4;
	}


/*	=9:	[LISTS] -------------------------------------*/	




/*	=10: [FORMS] -------------------------------------*/	




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



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

/* kidszone */
#englishBtn a {
	position: absolute;
	top: 50px;
	left: 170px;
	width: 200px;
	height: 100px;
	background: url(_images/englishBtn.gif) no-repeat top left;
	text-indent: -3000px;
	}
	
#englishBtn a:hover {background-position: 0 -100px;}

#mathsBtn a {
	position: absolute;
	top: 50px;
	left: 370px;
	width: 200px;
	height: 100px;
	background: url(_images/mathsBtn.gif) no-repeat top left;
	text-indent: -3000px;
	}
	
#mathsBtn a:hover {background-position: 0 -100px;}

#scienceBtn a {
	position: absolute;
	top: 50px;
	left: 560px;
	width: 200px;
	height: 100px;
	background: url(_images/scienceBtn.gif) no-repeat top left;
	text-indent: -3000px;
	}
	
#scienceBtn a:hover {background-position: 0 -100px;}

#historyBtn a {
	position: absolute;
	top: 150px;
	left: 163px;
	width: 200px;
	height: 100px;
	background: url(_images/historyBtn.gif) no-repeat top left;
	text-indent: -3000px;
	}
	
#historyBtn a:hover {background-position: 0 -100px;}

#gamesBtn a {
	position: absolute;
	top: 150px;
	left: 363px;
	width: 200px;
	height: 100px;
	background: url(_images/gamesBtn.gif) no-repeat top left;
	text-indent: -3000px;
	}
	
#gamesBtn a:hover {background-position: 0 -100px;}

#weblinks1Btn a {
	position: absolute;
	top: 150px;
	left: 560px;
	width: 200px;
	height: 100px;
	background: url(_images/weblinks1Btn.gif) no-repeat top left;
	text-indent: -3000px;
	}
	
#weblinks1Btn a:hover {background-position: 0 -100px;}

#weblinks2Btn a {
	position: absolute;
	top: 270px;
	left: 263px;
	width: 200px;
	height: 100px;
	background: url(_images/weblinks2Btn.gif) no-repeat top left;
	text-indent: -3000px;
	}
	
#weblinks2Btn a:hover {background-position: 0 -100px;}

#brainBtn a {
	position: absolute;
	top: 270px;
	left: 463px;
	width: 200px;
	height: 100px;
	background: url(_images/brainBtn.gif) no-repeat top left;
	text-indent: -3000px;
	}
	
#brainBtn a:hover {background-position: 0 -100px;}

/* classpage buttons */
#foundationBtn a {
	position: absolute;
	top: 50px;
	left: 170px;
	width: 200px;
	height: 100px;
	background: url(_images/foundationBtn.gif) no-repeat top left;
	text-indent: -3000px;
	}
	
#foundationBtn a:hover {background-position: 0 -100px;}

#yearoneBtn a {
	position: absolute;
	top: 50px;
	left: 370px;
	width: 200px;
	height: 100px;
	background: url(_images/yearoneBtn.gif) no-repeat top left;
	text-indent: -3000px;
	}
	
#yearoneBtn a:hover {background-position: 0 -100px;}

#yeartwoBtn a {
	position: absolute;
	top: 50px;
	left: 560px;
	width: 200px;
	height: 100px;
	background: url(_images/yeartwoBtn.gif) no-repeat top left;
	text-indent: -3000px;
	}
	
#yeartwoBtn a:hover {background-position: 0 -100px;}

#yearthreeBtn a {
	position: absolute;
	top: 150px;
	left: 163px;
	width: 200px;
	height: 100px;
	background: url(_images/yearthreeBtn.gif) no-repeat top left;
	text-indent: -3000px;
	}
	
#yearthreeBtn a:hover {background-position: 0 -100px;}

#yearfourBtn a {
	position: absolute;
	top: 150px;
	left: 363px;
	width: 200px;
	height: 100px;
	background: url(_images/yearfourBtn.gif) no-repeat top left;
	text-indent: -3000px;
	}
	
#yearfourBtn a:hover {background-position: 0 -100px;}

#yearfiveBtn a {
	position: absolute;
	top: 150px;
	left: 560px;
	width: 200px;
	height: 100px;
	background: url(_images/yearfiveBtn.gif) no-repeat top left;
	text-indent: -3000px;
	}
	
#yearfiveBtn a:hover {background-position: 0 -100px;}

#yearsixBtn a {
	position: absolute;
	top: 250px;
	left: 363px;
	width: 200px;
	height: 100px;
	background: url(_images/yearsixBtn.gif) no-repeat top left;
	text-indent: -3000px;
	}
	
#yearsixBtn a:hover {background-position: 0 -100px;}
		
		
/*	=13: [MISC] -------------------------------------*/	


/* skip navigation rule*/ 


#counter {
	float: left;
	line-height: 2.5em;
	margin-left: 5px;
	}

#counter td {
color: #fff;
font-size: 85%;
}
	
	

	
p.link a {
	position: relative;
	top: 8px;
	right: 5px;
	float: right;
	font-size: 62.5%;
	}






#login {
	position: absolute;
	top: 356px;
	left: 0;
	width: 160px;
	height: 109px;
	padding-top: 3px;
	background: url(_images/corner.gif) no-repeat top left;
	}
	
/*	=14: [FLASH] -------------------------------------*/	





.sectionheading {
color: #006633;
}


#ticker {position: absolute; top: 136px; width: 100%; height: 1em; font-weight: bold; font-size: x-small; color: #fff;}
#ticker_edit {position: absolute; z-index: 100;}



a.psite {color: #FFFFFF;}
a:hover.psite  {color: #FFFF00;}



#defaultImages, .faderMask{
position:absolute;
display: block;
height:356px;
width: 372px;
top:0px;
left:0px;
}

.faderMask {background:url(Images/faderMask.png) transparent 0 0 no-repeat; z-index:10;}
#defaultImages {background:url(Images/defaultImages.jpg) transparent 0 0 no-repeat;}
#defaultImages p{padding:0; margin:0; top:157px; left:35px; position: relative; font-weight: bold; color: red; font-size: 1em; text-align: right;}

.fader{display:block; position:absolute;}

#fader1{height:315px; width:307px; left:65px; top:0; z-index: 0;}

#fader2{height:315px; width:372px; left:0px; top:165px; z-index: 1;}

.faderImage{width: 100%;}

#editslideshow img{position:absolute; top:0px; left:128px; z-index: 500; border:none;}

#faderContainer{
display:block;
position:absolute;
height:356px;
width: 372px;
top:0;
left:78px;
z-index: 0;
overflow: hidden;
}