@import url(../styles/list_nav.css);
/* For the page */

html{
margin: 0;
padding: 0;
background:url( ../images/page_bg.gif);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
color:#000000;
}

body{
margin: 0;
padding: 0;
}

#wrapper {
position: relative;
margin: 0 auto;
padding: 0px;
width: 984px;
}

#homeBody #wrapper {
top: 0px;
margin: 0 auto;
padding: 0px;
width: 981px;
height: 564px;
position:relative;
background:url( ../images/home_bg.jpg) no-repeat 0 191px;
}

/* For the header */
#header{
background: url( ../images/header.png) no-repeat bottom;
height:190px;
position: relative;
}
#header h1, 
#header h2 
{display: none;}

#homeBody #header {
position: relative;
background:url( ../images/home_bg.png) no-repeat;
height: 191px;
width: 100%;
}
#homeBody #footer{
display: none;
}

#ticker {
position:absolute;
top: 197px;
height:18px;
margin: 0 auto;
left:0px;
z-index:50000;
color:white;
font-weight:bold;
font-size:14px;
}

div#ticker a#EditButton{
position:relative;
left:-20px;
z-index:100!important
}

#hitcounter {
position: absolute;
top: -191px;
left: -241px;
height: 50px;
margin: 0;
padding: 0;
text-align: left;
text-align: center;}

.visitorsImage {margin-top: 10px;}


#fader {
display:block;
height:197px;
left:154px;
position:absolute;
top: -50px;
width:202px;
}

#Innerwrapper {
margin: 0;
padding: 0;
background:url( ../images/slice.jpg);
}


/*For Content */
#content{ 
margin: 0px 10px 0px 240px; /* Top, Right, Bottom, Left */
padding:0px;
padding-bottom: 3px;
position: relative;
min-height: 415px;
}

h1.pageTitle {
position: relative;
width: 563px; 
height: 56px;
display: block;
margin-top: -65px;
margin-left: -8px;
text-indent: -5000px;
}
#homeBody h1.pageTitle {
display: none;
}

#calendarBody h1.pageTitle {
background: url( ../images/pageTitles/calendar.jpg) no-repeat bottom;
}
#classpagesBody h1.pageTitle {
background: url( ../images/pageTitles/classpages.jpg) no-repeat bottom;
}
#communityBody h1.pageTitle {
background: url( ../images/pageTitles/community.jpg) no-repeat bottom;
}
#contactBody h1.pageTitle {
background: url( ../images/pageTitles/contact.jpg) no-repeat bottom;
}
#radioBody h1.pageTitle {
background: url( ../images/pageTitles/radio.jpg) no-repeat bottom;
}
#galleryBody h1.pageTitle {
background: url( ../images/pageTitles/gallery.jpg) no-repeat bottom;
}
#linksBody h1.pageTitle {
background: url( ../images/pageTitles/links.jpg) no-repeat bottom;
}
#newsBody h1.pageTitle {
background: url( ../images/pageTitles/news.jpg) no-repeat bottom;
}
#platformBody h1.pageTitle {
background: url( ../images/pageTitles/platform.jpg) no-repeat bottom;
}
#welcomeBody h1.pageTitle {
background: url( ../images/pageTitles/welcome.jpg) no-repeat bottom;
}
#blogBody h1.pageTitle {
background: url( ../images/pageTitles/blog.jpg) no-repeat bottom;
}
#usefullinksBody h1.pageTitle {
background: url( ../images/pageTitles/links.jpg) no-repeat bottom;
}
#vleBody h1.pageTitle {
background: url( ../images/pageTitles/vle.jpg) no-repeat bottom;
}
#ks1linksBody h1.pageTitle {
background: url( ../images/pageTitles/ks1links.jpg) no-repeat bottom;
}
#ks2linksBody  h1.pageTitle {
background: url( ../images/pageTitles/ks2links.jpg) no-repeat bottom;
}
#gamesBody h1.pageTitle {
background: url( ../images/pageTitles/games.jpg) no-repeat bottom;
}
#historyBody h1.pageTitle {
background: url( ../images/pageTitles/history.jpg) no-repeat bottom;
}
#scienceBody h1.pageTitle {
background: url( ../images/pageTitles/science.jpg) no-repeat bottom;
}
#spanishBody h1.pageTitle {
background: url( ../images/pageTitles/spanish.jpg) no-repeat bottom;
}
#englishBody h1.pageTitle {
background: url( ../images/pageTitles/english.jpg) no-repeat bottom;
}
#mathsBody h1.pageTitle {
background: url( ../images/pageTitles/maths.jpg) no-repeat bottom;
}
#brainbuildersBody h1.pageTitle {
background: url( ../images/pageTitles/brainbuilders.jpg) no-repeat bottom;
}
#websitepolicyBody h1.pageTitle {
background: url( ../images/pageTitles/sitepolicy.jpg) no-repeat bottom;
}
#kidszoneBody h1.pageTitle {
background: url( ../images/pageTitles/kidszone.jpg) no-repeat bottom;
}
#policiesBody h1.pageTitle {
background: url( ../images/pageTitles/policies.jpg) no-repeat bottom;
}



a.nursery, a.reception,
a.year1, a.year2, 
a.year3, a.year4, 
a.year5, a.year6  {
display: block; 
width: 169px; 
padding-top: 190px;
background: url( ../images/classpages/class.gif);
float: left;
text-align: center;
text-decoration: none;

}

a.nursery:hover , a.reception:hover ,
a.year1:hover , a.year2:hover , 
a.year3:hover , a.year4:hover , 
a.year5:hover , a.year6:hover {background-position: -169px 0px;}


#classpagepusher {clear: both;}


#CONTENT {position: relative; left: 65px;}
ul#kidszonebox  {position: relative; top: 0px; height: 360px; width: 650px; margin: -20px auto; padding: 0; list-style-type: none;}

li.kgames a{
position: absolute;
width: 107px;
height: 90px;
display: block;
background: url(../images/kidszoneimages/games.gif) no-repeat;
overflow: hidden;
font-weight: bold;
left: 180px;
top: 0px;
text-indent: -5000px;
}
li.kgames a:hover{
background-position: -107px 0;
} 

li.ks1links a {
background:transparent url(../images/kidszoneimages/ks1links.gif) no-repeat scroll 0 0;
display:block;
font-weight:bold;
height:99px;
left:0;
overflow:hidden;
position:absolute;
text-indent:-5000px;
top:50px;
width:142px;
}
li.ks1links a:hover {
background-position:-142px 0;
}
li.ks2links a {
background:transparent url(../images/kidszoneimages/ks2links.gif) no-repeat scroll 0 0;
display:block;
font-weight:bold;
height:107px;
left:345px;
overflow:hidden;
position:absolute;
text-indent:-5000px;
top:-6px;
width:142px;
}
li.ks2links a:hover {
background-position:-142px 0;
}
li.english a {
background:transparent url(../images/kidszoneimages/english.gif) no-repeat scroll 0 0;
display:block;
font-weight:bold;
height:91px;
left:31px;
overflow:hidden;
position:absolute;
text-indent:-5000px;
top:221px;
width:108px;
}
li.english a:hover {
background-position:-108px 0;
}
li.history a {
background:transparent url(../images/kidszoneimages/history.gif) no-repeat scroll 0 0;
display:block;
font-weight:bold;
height:95px;
left:569px;
overflow:hidden;
position:absolute;
text-indent:-5000px;
top:36px;
width:106px;
}
li.history a:hover {
background-position:-106px 0;
}
li.science a {
background:transparent url(../images/kidszoneimages/science.gif) no-repeat scroll 0 0;
display:block;
font-weight:bold;
height:105px;
left:185px;
overflow:hidden;
position:absolute;
text-indent:-5000px;
top:214px;
width:116px;
}
li.science a:hover {
background-position:-116px 0;
}
li.maths a {
background:transparent url(../images/kidszoneimages/maths.gif) no-repeat scroll 0 0;
display:block;
font-weight:bold;
height:87px;
left:320px;
overflow:hidden;
position:absolute;
text-indent:-5000px;
top:242px;
width:106px;
}
li.maths a:hover {
background-position:-106px 0;
}
li.brain a {
background:transparent url(../images/kidszoneimages/brain.gif) no-repeat scroll 0 0;
display:block;
font-weight:bold;
height:90px;
left:483px;
overflow:hidden;
position:absolute;
text-indent:-5000px;
top:203px;
width:153px;
}
li.brain a:hover {
background-position:-153px 0;
}

li.spanish a {
background:transparent url(../images/kidszoneimages/spanish.gif) no-repeat scroll 0 0;
display:block;
font-weight:bold;
height:91px;
left:343px;
overflow:hidden;
position:absolute;
text-indent:-5000px;
top:123px;
width:108px;
}
li.spanish a:hover {
background-position:-108px 0;
}

/*For Navigation column */
#navigationTTL {display: none;}

#column {
left:8px;
position:absolute;
top:124px;
width:166px;
}

/*For Footer */
#footer {
background:url( ../images/footer.jpg) no-repeat bottom;
height: 98px;
margin-top: -14px;
}


/* Calendar Styles */

#termeventslatest .termtitle , #termevents .termtitle { 
font-weight: bold;
font-size: medium;
}
#termeventslatest .latesttitle , #termevents .latesttitle { 
font-size: small;
color: #FFFFFF;
font-weight: bold;
background-color: #FF0000;
text-align: center;
}
#termeventslatest .latest , #termevents .latest { 
background-color: #FFCCCC;
background-image: url(icons/dontforget.gif);
background-repeat: no-repeat;
}
#termeventslatest .date , #termevents .date {
color: #000000;
}
#termeventslatest a , #termevents a { 
text-decoration: none;
color: #0000CC;
text-align: center;
}
#termeventslatest a:hover , #termevents a:hover { 
text-decoration: none;
color: #FF0000;
}
#termeventslatest .termheader , #termevents .termheader { 
color: #FFFFFF;
background-color: #0000CC;
}
#termeventslatest .eventarea , #termevents .eventarea { 
background-color: #D5EAFF;
}

/* MONTHLY CALENDAR STYLES */
#monthlycalendars a{
color: #FFFFFF;
}
#monthlycalendars a:hover{
color: #00FF00;
}
.dwzCalendarExternalTable{
background-color:#bbbbba;
}
.dwzCellPrev{
background-color:#666666;
}
.dwzCellMonth{
background-color:#666666;
color:#FFFFFF;
}
.dwzCellNext{
background-color:#666666;
color:#000000;
}
.dwzCellWeekDay{
background-color:#FFFFFF;
}
.dwzCellNextMonth{
color:#999999;
background-color: #d1d1d0;
}
.dwzCellPrevMonth{
color:#999999;
background-color: #d1d1d0;
}
.dwzCellNoEvent{
color:#000000;
background-color:#e4e4e0;
}
.dwzCellEvent{
background-color:#666666;
}


/*Layout Engine Stuff*/
ul#topcontrols {margin: 0; padding: 0; text-align: right; position: absolute; z-index: 500; width: 100%;}
#topcontrols li {display: inline; margin-right: 10px;}
#baseText {width: 974px; margin: 0 auto;}
#copyRight {float: left;}
#sitePrivacy {float: left; padding-left: 10px;}
a#byPrimarySite {float: right;}
a#byPrimarySite, a#sitePrivacy {text-decoration: none;}
li#FGview {display: none;}
.w3cbadge {margin-top: 10px; border: none;}
/* For Login and Web logo*/
p#logStandards{
width: 88px; 
position: relative;
margin: 0 auto; 
padding: 0px; 
text-align: center;}

.hide_default {display: none;}
p.homepagetext {text-indent: -5000px; width: 1px; height: 1px; display: block; overflow: hidden; margin: 0; padding: 0;}

/* For links to work as link, visited, focus, and hover , they must be in this order.. please change the colours to suit */
a:link{color: #191970; text-decoration: none;}
a:visited {color:#191970; text-decoration: none;}
a:focus{color:#191970; text-decoration: none; border: none;}
a:hover{color: #dc143c; text-decoration: underline;}
a:active{color: #dc143c; text-decoration: none;}