/* 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;
	list-style: none;
	}
	
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, sans-serif;
	text-align: left;
	line-height: 1.5em;
	color: #000;
	background: #1569A8;
	font-size: 100%;
	}


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

a:link {
	color: #E92721;
	text-decoration: none;
	}
a:visited {
	color: #E92721;
	text-decoration: none;
	}
a:hover {
	color: #1569A8;
	}
	


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

p {
	line-height: 130%;
	margin: 1em 0;
	color: black;
	font-size: 100%;
	}
	
table {color: black; border: none;}
	
h1 {
	font-size: 150%;
	color: black;
	}
	
h2 {
	font-size: 105%;
	color: black;
	font-weight: bold;
	}
	
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: 673px;
	min-height: 472px;
	}
	
body#pages #wrap {
	background: url(../img/faux.png) repeat-y;
}
	
body#home #masthead {
	width: 673px;
	height: 50px;
	background:  pink;
	}

body#home #masthead span {
	float: left;
	text-indent:  -3000px;
	height: 50px;
	width: 261px;
	background: url(../img/title.gif) no-repeat top left;
	}
	
body#home #masthead span#address {
	float: left;
	height: 50px;
	width: 198px;
	background: url(../img/address.gif) no-repeat;
}



body#home #masthead ul#awards {
	float: right;
	width: 214px;
	height: 50px;
	background:  url(../img/awards.gif) no-repeat;
}

body#home #masthead ul#awards li {
	display: none;
}

body#pages #masthead h1 {
	width: 673px;
	height: 81px;
	text-indent: -3000px;
	background:  url(../img/masthead.png) no-repeat;
	}

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

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


body#home li#newsBtn a {
	position:  absolute;
	top: 204px;
	left: 108px;
	width:  50px;
	height: 38px;
	line-height:  38px;
	text-indent: -3000px;
	background:  url(../img/newsBtn.gif);
}

body#home li#kidszoneBtn a {
	position:  absolute;
	top: 242px;
	left: 158px;
	width:  40px;
	height: 42px;
	line-height:  42px;
	text-indent: -3000px;
	background:  url(../img/kidszoneBtn.gif);
}

body#home li#yeargroupsBtn a {
	position:  absolute;
	top: 242px;
	left: 208px;
	width:  47px;
	height: 40px;
	line-height:  40px;
	text-indent: -3000px;
	background:  url(../img/yeargroupsBtn.gif);
}

body#home li#galleryBtn a {
	position:  absolute;
	top: 204px;
	left: 240px;
	width:  56px;
	height: 29px;
	line-height:  29px;
	text-indent: -3000px;
	background:  url(../img/galleryBtn.gif);
}

body#home li#clubsBtn a {
	position:  absolute;
	top: 153px;
	left: 240px;
	width:  50px;
	height: 33px;
	line-height:  33px;
	text-indent: -3000px;
	background:  url(../img/clubsBtn.gif);
}

body#home li#tourBtn a {
	position:  absolute;
	top: 114px;
	left: 208px;
	width:  32px;
	height: 27px;
	line-height:  27px;
	text-indent: -3000px;
	background:  url(../img/tourBtn.gif);
}

body#home li#lettersBtn a {
	position:  absolute;
	top: 116px;
	left: 145px;
	width:  53px;
	height: 29px;
	line-height:  29px;
	text-indent: -3000px;
	background:  url(../img/lettersBtn.gif);
}

body#home li#welcomeBtn a {
	position:  absolute;
	top: 158px;
	left: 109px;
	width:  62px;
	height: 28px;
	line-height:  28px;
	text-indent: -3000px;
	background:  url(../img/welcomeBtn.gif);
}

body#home li#aboutBtn a {
	position:  absolute;
	top: 185px;
	left: 180px;
	width:  42px;
	height: 32px;
	line-height:  32px;
	text-indent: -3000px;
	background:  url(../img/aboutBtn.gif);
}

body#home li#newsBtn a:hover {background-position: 0 -38px;}
body#home li#kidszoneBtn a:hover {background-position: 0 -42px;}
body#home li#yeargroupsBtn a:hover {background-position: 0 -40px;}
body#home li#galleryBtn a:hover {background-position: 0 -29px;}
body#home li#clubsBtn a:hover {background-position: 0 -33px;}
body#home li#tourBtn a:hover {background-position: 0 -27px;}
body#home li#lettersBtn a:hover {background-position: 0 -29px;}
body#home li#welcomeBtn a:hover {background-position: 0 -28px;}
body#home li#aboutBtn a:hover {background-position: 0 -32px;}

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

#navBottom li {
	display: inline;
	font-size: 70%;
	}
	
body#home #navBottom li a {	
	text-decoration: underline;
	color: #fff;
}
	
body#home #navBottom a:hover {color: #70AEDF;}	

body#pages #navBottom li a {	
	text-decoration: underline;
	color: #fff;
}
	
body#pages #navBottom a:hover {color: #ccc;}

/* nav pages */

body#pages ul#nav {
	width: 672px;
	height: 100%;
	background: url(../img/nav_bg.png) repeat-y;
	padding:  0 20px;
	float: left;
}

body#pages ul#nav li {
	display: inline;
	margin-right: 7px;
}

body#pages ul#nav li a {
	font-size: 95%;
	color: #fff;
}

body#pages ul#nav li a:hover {color: #ccc;}
body#pages ul#nav li a.current {
	color: #ccc; 
	background: url(../img/indicator.gif) no-repeat bottom middle;
	}

/*	=6:	[MAIN COLUMN] -------------------------------------*/	
body#home #left_content {
clear: both;
float: left;
width: 261px;
height: 411px;
color: red;

background: url(../img/pic.gif) no-repeat top left;
}

#slideshow {
	float: left;
	width:  261px;
	height: 184px;
	margin-top: 227px;
}

body#home #right_content {
float: right;
width: 412px;
height: 411px;
background: url(../img/content.gif) no-repeat;
position: relative;;
}

body#pages #content {
	clear: both;
	width: 672px;
	min-height: 300px;
	_height: 300px;
padding: 20px 0;
	background: url(../img/content_pages.png) no-repeat;
}

.shell {
width: 90%;
margin: 0 auto;
}

h2#welcomeTitle {
	position: relative;
	top:  -20px;
	left:  0px;
	width: 175px;
	height:  50px;
	background: url(../img/welcomeTitle.png) no-repeat;
	text-indent: -3000px;
}

h2#aboutusTitle {
	position: relative;
	top:  -20px;
	left:  0px;
	width: 175px;
	height:  50px;
	background: url(../img/aboutusTitle.png) no-repeat;
	text-indent: -3000px;
}

h2#newsTitle {
	position: relative;
	top:  -20px;
	left:  0px;
	width: 175px;
	height:  50px;
	background: url(../img/newsTitle.png) no-repeat;
	text-indent: -3000px;
}

h2#kidszoneTitle {
	position: relative;
	top:  -20px;
	left:  0px;
	width: 175px;
	height:  50px;
	background: url(../img/kidszoneTitle.png) no-repeat;
	text-indent: -3000px;
}

h2#yeargroupsTitle {
	position: relative;
	top:  -20px;
	left:  0px;
	width: 175px;
	height:  50px;
	background: url(../img/yeargroupsTitle.png) no-repeat;
	text-indent: -3000px;
}

h2#galleryTitle {
	position: relative;
	top:  -20px;
	left:  0px;
	width: 175px;
	height:  50px;
	background: url(../img/galleryTitle.png) no-repeat;
	text-indent: -3000px;
}

h2#clubsTitle {
	position: relative;
	top:  -20px;
	left:  0px;
	width: 175px;
	height:  50px;
	background: url(../img/clubsTitle.png) no-repeat;
	text-indent: -3000px;
}

h2#tourTitle {
	position: relative;
	top:  -20px;
	left:  0px;
	width: 175px;
	height:  50px;
	background: url(../img/tourTitle.png) no-repeat;
	text-indent: -3000px;
}

h2#lettersTitle {
	position: relative;
	top:  -20px;
	left:  0px;
	width: 175px;
	height:  50px;
	background: url(../img/lettersTitle.png) no-repeat;
	text-indent: -3000px;
}

h2#englishTitle {
	position: relative;
	top:  -20px;
	left:  0px;
	width: 175px;
	height:  50px;
	background: url(../img/englishTitle.png) no-repeat;
	text-indent: -3000px;
}

h2#mathsTitle {
	position: relative;
	top:  -20px;
	left:  0px;
	width: 175px;
	height:  50px;
	background: url(../img/mathsTitle.png) no-repeat;
	text-indent: -3000px;
}

h2#gamesTitle {
	position: relative;
	top:  -20px;
	left:  0px;
	width: 175px;
	height:  50px;
	background: url(../img/gamesTitle.png) no-repeat;
	text-indent: -3000px;
}

h2#historyTitle {
	position: relative;
	top:  -20px;
	left:  0px;
	width: 175px;
	height:  50px;
	background: url(../img/historyTitle.png) no-repeat;
	text-indent: -3000px;
}

h2#scienceTitle {
	position: relative;
	top:  -20px;
	left:  0px;
	width: 175px;
	height:  50px;
	background: url(../img/scienceTitle.png) no-repeat;
	text-indent: -3000px;
}

h2#brainbuildersTitle {
	position: relative;
	top:  -20px;
	left:  0px;
	width: 175px;
	height:  50px;
	background: url(../img/brainbuildersTitle.png) no-repeat;
	text-indent: -3000px;
}

h2#weblinksTitle {
	position: relative;
	top:  -20px;
	left:  0px;
	width: 175px;
	height:  50px;
	background: url(../img/weblinksTitle.png) no-repeat;
	text-indent: -3000px;
}
	
/*	=8:	[FOOTER] -------------------------------------*/	
#footer {
width: 672px;
height: 104px;
margin: 0 auto;
background: url(../img/footer.png) no-repeat;
}


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




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




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



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

/* kidszone */
ul#kidsList {
	text-align: center;
}

ul#kidsList li {
	display: inline;
}



/* classpage buttons */
ul#classList {
	text-align: center;
}

ul#classList li {
	display: inline;
}


		
		
/*	=13: [MISC] -------------------------------------*/	


/* skip navigation rule*/ 


#counter {
	
	}
	

	
p#link a {
	color: #fff;
font-size: 90%;
font-weight: bold;
float: left;
width: 100%;
text-align: center;
	}

p#link a:hover {color: #3d3d3d;}






p.loginBtn {
	float: right;
	}
	
/*	=14: [FIXES] -------------------------------------*/	

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


#gridlink a {
position: absolute;
top: 347px;
left: 260px;
height: 50px;
width: 135px;
}
.hidetext {
display:none;
}