/* 
Title:     Nick Toye master styles for screen media 
Author:    info@nicktoye.co.uk
Updated:   7th April  2006
*/

* {margin: 0; padding: 0; list-style: none;}

html { height: 100%; margin-bottom: 1px; } /* forces a scrollbar in firefox */

body {
    margin: 0 auto;
	padding: 0;
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	font-size: small;
	text-align: center;
	line-height: 1.5em;
	color: #193a63;
	background: #e9513a;
}

/*===[MISC PAGE ELEMENTS]===*/



/*===[LINKS]===*/

a:link, a:visited {
	padding: 0;
	font-weight: bold;
	text-decoration: none;
	color: #e9513a;
	}
a:hover, a.current {
	color: #e9513a;
	text-decoration: underline;
	}



/*===[TYPE SIZES]===*/

p {
	color: #193a63;
	margin-bottom: 10px;
}

h2 {
	margin-bottom: 5px;
	color: #e9513a;
}

/*===[PAGE STRUCTURE]===*/

#wrap {

	position: relative;
	margin: 0 auto;
    width: 760px;
    text-align: left;
	min-height: 550px;
	_height: 550px;
	background: url(_images/faux.gif) repeat-y; /*TODO*/
}

body#contentPages #wrap {
	position: relative;
	margin: 0 auto;
    width: 760px;
    text-align: left;
	min-height: 550px;
	_height: 550px;
	background: url(_images/faux2.gif) repeat-y;
	}
	
/* nav bottom */
#navBottom {
	text-align: center;
	}

#navBottom li {
	display: inline;
	font-size: 80%;
	}
	
#navBottom a {text-decoration: underline; color: #fff;}
#navBottom a:hover {color: #000;}


/*===[PAGE STRUCTURE/MASTHEAD]===*/

#mastheadhome {
      position: relative;
      background: #3a8cd7 url(_images/masthead_bg.gif) repeat-x;
      height: 150px;
	  width: 100%;
}

#mastheadhome h1 {
     position: absolute;
     top: 23px;
     left: 9px;
     width: 314px;
     height: 91px;
     background: url(_images/logo_home.gif) no-repeat;
     text-indent: -3000px;
}
#masthead {
      position: relative;
      background: #3a8cd7 url(_images/masthead_bg.gif) repeat-x;
      height: 150px;
	  width: 100%;
}

#masthead h1 {
     position: absolute;
     top: 6px;
     left: 9px;
     width: 344px;
     height: 100px;
     background: url(_images/logo.gif) no-repeat;
     text-indent: -3000px;
}
/*#marquee {
     position: absolute;
     top: 2px;
     left: 9px;
     width: 741px;
     height: 20px;
	 color: #FFFFFF;
	 font-size: small;
}*/

/* SCROLLING BANNER */

#scrollingBanner {
 position: absolute;
 width: 741px;
 height: 20px;
 top: 2px;
 left: 9px;
/*border: 1px red solid;*/
z-index: 9999;
 }	
 
#scrollingBanner .addbttn { position: absolute; z-index: 1; }
 
#scrollingText {
 position: relative;
 width: 100%;	/* of scrollingBanner width */
 height: 100%;	/* of scrollingBanner height */
 font-weight: bold;
 color: #FFFFFF;

 }

 
/*===[PAGE ELEMENTS/OVALPIC]===*/
#ovalPic {
	position: absolute;
	width: 343px;
	height: 235px;
	top: 35px;
	right: 10px;
	background: url(_images/oval_pic.png) no-repeat;
	}
	
#ovalPic2 {
	position: absolute;
	width: 286px;
	height: 178px;
	top: 0px;
	right: 0px;
	background: url(_images/oval_pic2.png) no-repeat;
	}

/*===[PAGE STRUCTURE/MAIN-BODY]===*/

#main-body {
	float: right;
	width: 630px;
	min-height: 400px;
	_height: 400px;
}


.shell {
	position: relative;
	margin: 0 auto;
	margin-top: 20px;
	width: 95%;
	background: url(_images/apple_watermark_big.gif) no-repeat 50% 10px;
	min-height: 400px;	
	_height: 400px;
} /* this class is to provide a pseudo padding to the content and sidebar elements */

#content {
	float: left;
	width: 344px;
	background: #ebf3fe url(_images/main-faux.gif) repeat-y top left;
	}

#sidebar {
	float: right;
	width: 286px;
	background: #94b8e4;
	}
	
/*===[PAGE STRUCTURE/MAIN-BODY/CONTENT]===*/
#welcome {
	background: #d8e9fc url(_images/welcome-faux.gif) repeat-y top left;
	padding: 10px 10px 0;
	height: 128px;
	}
	
#welcome p {
	font-weight: bold; 
	font-size: 100%;
	line-height: 135%;
	}
	
#flash {
	margin: 20px 0 0 30px;
	width: 274px;
	height: 210px;
	}
	
#footer {
clear: both;
	margin: 0 auto;
	width: 760px;
	height: 20px;
	background: #193a63;
	}
	
/*===[PAGE STRUCTURE/MAIN-BODY/CLASSPAGES]===*/
#classOne a {
	position: absolute;
	top: 23px;
	left: 105px;
	width: 118px;
	height: 139px;
	text-indent: -3000px;
	background: url(_images/classoneBtn.gif) no-repeat;
	}
	
#classOne a:hover {background-position: 0 -139px;}

#classTwo a {
	position: absolute;
	top: 23px;
	right: 150px;
	width: 118px;
	height: 139px;
	text-indent: -3000px;
	background: url(_images/classtwoBtn.gif) no-repeat;
	}
	
#classTwo a:hover {background-position: 0 -139px;}

#classThree a {
	position: absolute;
	top: 160px;
	left: 105px;
	width: 118px;
	height: 139px;
	text-indent: -3000px;
	background: url(_images/classthreeBtn.gif) no-repeat;
	}
	
#classThree a:hover {background-position: 0 -139px;}

#classFour a {
	position: absolute;
	top: 160px;
	right: 150px;
	width: 118px;
	height: 139px;
	text-indent: -3000px;
	background: url(_images/classfourBtn.gif) no-repeat;
	}
	
#classFour a:hover {background-position: 0 -139px;}

/*===[PAGE STRUCTURE/MAIN-BODY/KIDSZONE]===*/
#englishBtn a {
	position: absolute;
	top: 38px;
	left: 5px;
	width: 139px;
	height: 156px;
	text-indent: -3000px;
	background: url(_images/englishBtn.gif) no-repeat;
	}
	
#englishBtn a:hover {background-position: 0 -156px;}

#mathsBtn a {
	position: absolute;
	top: 10px;
	left: 160px;
	width: 142px;
	height: 133px;
	text-indent: -3000px;
	background: url(_images/mathsBtn.gif) no-repeat;
	}
	
#mathsBtn a:hover {background-position: 0 -133px;}

#scienceBtn a {
	position: absolute;
	top: 15px;
	right: 168px;
	width: 119px;
	height: 199px;
	text-indent: -3000px;
	background: url(_images/scienceBtn.gif) no-repeat;
	}
	
#scienceBtn a:hover {background-position: 0 -199px;}

#weblinks1Btn a {
	position: absolute;
	top: 20px;
	right: -5px;
	width: 149px;
	height: 195px;
	text-indent: -3000px;
	background: url(_images/weblinks1Btn.gif) no-repeat;
	}
	
#weblinks1Btn a:hover {background-position: 0 -195px;}

#weblinks2Btn a {
	position: absolute;
	top: 210px;
	left: 30px;
	width: 110px;
	height: 150px;
	text-indent: -3000px;
	background: url(_images/weblinks2Btn.gif) no-repeat;
	}
	
#weblinks2Btn a:hover {background-position: 0 -150px;}

#historyBtn a {
	position: absolute;
	top: 169px;
	left: 216px;
	width: 101px;
	height: 168px;
	text-indent: -3000px;
	background: url(_images/historyBtn.gif) no-repeat;
	}
	
#historyBtn a:hover {background-position: 0 -168px;}

#gamesBtn a {
	position: absolute;
	top: 237px;
	right: 41px;
	width: 152px;
	height: 115px;
	text-indent: -3000px;
	background: url(_images/gamesBtn.gif) no-repeat;
	}
	
#gamesBtn a:hover {background-position: 0 -115px;}

/*===[PAGE STRUCTURE/MAIN-BODY/SIDEBAR]===*/	
#counter {
	position: relative;
	top: 130px;
	text-align: center;
	}

#counter p {
	font-weight: bold;
	line-height: 20px;
	text-indent: 5px;
	}

#newsArea {
	margin-top: 145px;
	width: 275px;
	height: 150px;
	background: #ebf3fe url(_images/apple_watermark.gif) no-repeat 50% 50%;
	border: 4px solid #193a63;
	padding-left: 3px;
	}
	

	
#newsArea h3 {
	margin: 5px 0 0 5px;
	color: #e9513a;
	}
	
#newsArea p {margin-left: 5px;}

p#link {position: absolute; bottom: 30px; right: 5px;}
p#link a:link {color: #193a63;}
p#link a:hover {color: #e9513a;}
	
/*===[PAGE STRUCTURE/NAV-BODY]===*/

#nav-body {
	float: left;
	width: 130px;
	background: #d4e4f7;
}

ul#nav {
	width: 130px;
	}
	
ul#nav a {text-indent: -3000px;}
	
#homeBtn a {
	display: block;
	height: 23px;
	width: 130px;
	line-height: 23px;
	background: url(_images/homeBtn.gif) no-repeat;
	}
	
#homeBtn a:hover, #homeBtn a.current {background-position: 0 -23px;}

#ourschoolBtn a {
	display: block;
	height: 23px;
	width: 130px;
	line-height: 23px;
	background: url(_images/ourschoolBtn.gif) no-repeat;
	}
	
#ourschoolBtn a:hover, #ourschoolBtn a.current {background-position: 0 -23px;}

/*===[PAGE STRUCTURE/NAV/OURSCHOOL]===*/
#welcomeBtn a {
	display: block;
	height: 19px;
	width: 130px;
	line-height: 19px;
	background: url(_images/welcomeBtn.gif) no-repeat;
	}
	
#welcomeBtn a:hover, #welcomeBtn a.current {background-position: 0 -19px;}

#aboutusBtn a {
	display: block;
	height: 19px;
	width: 130px;
	line-height: 19px;
	background: url(_images/aboutusBtn.gif) no-repeat;
	}
	
#aboutusBtn a:hover, #aboutusBtn a.current {background-position: 0 -19px;}

#whoswhoBtn a {
	display: block;
	height: 19px;
	width: 130px;
	line-height: 19px;
	background: url(_images/whoswhoBtn.gif) no-repeat;
	}
	
#whoswhoBtn a:hover, #whoswhoBtn a.current {background-position: 0 -19px;}

#tourBtn a {
	display: block;
	height: 19px;
	width: 130px;
	line-height: 19px;
	background: url(_images/tourBtn.gif) no-repeat;
	}
	
#tourBtn a:hover, #tourBtn a.current {background-position: 0 -19px;}

#parentsBtn a {
	display: block;
	height: 23px;
	width: 130px;
	line-height: 23px;
	background: url(_images/parentsBtn.gif) no-repeat;
	}
	
#parentsBtn a:hover, #parentsBtn a.current {background-position: 0 -23px;}

/*===[PAGE STRUCTURE/NAV/PARENTS]===*/
#newsBtn a {
	display: block;
	height: 19px;
	width: 130px;
	line-height: 19px;
	background: url(_images/newsBtn.gif) no-repeat;
	}
	
#newsBtn a:hover, #newsBtn a.current {background-position: 0 -19px;}

#newslettersBtn a {
	display: block;
	height: 19px;
	width: 130px;
	line-height: 19px;
	background: url(_images/newslettersBtn.gif) no-repeat;
	}
	
#newslettersBtn a:hover, #newslettersBtn a.current {background-position: 0 -19px;}

#lettershomeBtn a {
	display: block;
	height: 19px;
	width: 130px;
	line-height: 19px;
	background: url(_images/lettershomeBtn.gif) no-repeat;
	}
	
#lettershomeBtn a:hover, #lettershomeBtn a.current {background-position: 0 -19px;}

#calendarBtn a {
	display: block;
	height: 19px;
	width: 130px;
	line-height: 19px;
	background: url(_images/calendarBtn.gif) no-repeat;
	}
	
#calendarBtn a:hover, #calendarBtn a.current {background-position: 0 -19px;}



#childrenBtn a {
	display: block;
	height: 23px;
	width: 130px;
	line-height: 23px;
	background: url(_images/childrenBtn.gif) no-repeat;
	}
	
#childrenBtn a:hover, #childrenBtn a.current {background-position: 0 -23px;}

/*===[PAGE STRUCTURE/NAV/CHILDREN]===*/
#galleryBtn a {
	display: block;
	height: 19px;
	width: 130px;
	line-height: 19px;
	background: url(_images/galleryBtn.gif) no-repeat;
	}
	
#galleryBtn a:hover, #galleryBtn a.current {background-position: 0 -19px;}

#classpagesBtn a {
	display: block;
	height: 19px;
	width: 130px;
	line-height: 19px;
	background: url(_images/classpagesBtn.gif) no-repeat;
	}
	
#classpagesBtn a:hover, #classpagesBtn a.current {background-position: 0 -19px;}

#pupilareaBtn a {
	display: block;
	height: 19px;
	width: 130px;
	line-height: 19px;
	background: url(_images/pupilareaBtn.gif) no-repeat;
	}
	
#pupilareaBtn a:hover, #pupilareaBtn a.current {background-position: 0 -19px;}

#clubsBtn a {
	display: block;
	height: 19px;
	width: 130px;
	line-height: 19px;
	background: url(_images/clubsBtn.gif) no-repeat;
	}
	
#clubsBtn a:hover, #clubsBtn a.current {background-position: 0 -19px;}

#teachersBtn a {
	display: block;
	height: 23px;
	width: 130px;
	line-height: 23px;
	background: url(_images/teachersBtn.gif) no-repeat;
	}
	
#teachersBtn a:hover, #teachersBtn a.current {background-position: 0 -23px;}

#governorsBtn a {
	display: block;
	height: 23px;
	width: 130px;
	line-height: 23px;
	background: url(_images/governorsBtn.gif) no-repeat;
	}
	
#governorsBtn a:hover, #governorsBtn a.current {background-position: 0 -23px;}

#guestbookBtn a {
	display: block;
	height: 23px;
	width: 130px;
	line-height: 23px;
	background: url(_images/guestbookBtn.gif) no-repeat;
	}
	
#guestbookBtn a:hover, #guestbookBtn a.current {background-position: 0 -23px;}



#childrenTeaser a {
	margin-top: 15px;
	display: block;
	width: 130px;
	height: 116px;
	background: url(_images/children_teaser.gif) no-repeat;
	text-indent: -3000px;
	}
	
#childrenTeaser a:hover {background-position: 0 -116px;}

#galleryTeaser a {
	margin-top: 15px;
	display: block;
	width: 130px;
	height: 116px;
	background: url(_images/gallery_teaser.gif) no-repeat;
	text-indent: -3000px;
	}
	
#galleryTeaser a:hover {background-position: 0 -116px;}
	

/*
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 */	


/* GUESTBOOK COLOURS */


#Guestbook {
border: #CC0000 solid thick;
}
#Guestbook .sort{
background-color: #CC0000;
}
#Guestbook .sort a{
color: #FFFF00;
}
#Guestbook .sort a:hover{
color:#FFFFFF;
}
#Guestbook .allowdeny {
color: #FFFF00;
background-color: #CC0000;
}
#Guestbook .allowdeny a{
color: #FFFF00;
}
#Guestbook .allowdeny a:hover{
color:#FFFFFF;
}
#Guestbook .guest {
background-color: #FFED6F;
}
#Guestbook .message {
background-color: #FFFFFF;
}


/* STYLES FOR CALENDAR DATES ON HOMEPAGE */


#termevents .latesthomepage {
}
#termevents .datehome {
 margin-left: 10px;
 font-size: small;
 color: #000000;
 font-weight: bold;
}
#termevents .eventhome {
 margin-left: 10px;
 font-size: small;
 font-weight: normal;
}

.edit_slideshow {
font-size: x-small;
text-align: center;
}


/* SECTION HEADING COLOUR */



.sectionheading {
	color: #009900;
}