/*
Base styles based on YUI CSS framework. This Style sheet contains all site specific styles. Please follow the instructions
*/

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

html,body {
background-color: #0000C6;
}

body {
background-image:url(../images/pagebg.gif);
background-repeat:repeat-x;
}

a:link {color: #009;}
a:visited {color: #551A8B;}
a:hover{color: #06f;}

/* For the header */
#header {
background: url(../images/header.jpg) no-repeat;
height: 292px;
width: 980px;
}

#homepageBody #header{
position: absolute; 
background: none;
height: 20px;
left: 0px;
width: 980px;
z-index: 100;
}


#header h1, 
#header h2 
{position: absolute; visibility: hidden; clear: both; height: 1px; width: 1px; display: block;}

ul#topcontrols {margin: 0; padding: 0; text-align: right; }
ul#topcontrols a{color: #FFF;}
#topcontrols li {display: inline; margin-right: 10px;}
#topcontrols {position: relative; z-index: 10;}

#homepageBody ul#topcontrols {position: relative; margin: 0; padding: 0; z-index: 100;}



#wrapper {
margin: 0 auto;
padding: 0;
width: 980px;
position: relative;
background-image:url(../images/container_bg.gif);

}
#homepageBody #wrapper {
height: 557px;
background-image:url(../images/home_bg.jpg);
z-index: 1;

}

#footer {
padding: 0;
margin: 0;
background: url(../images/footer.gif) no-repeat 0 0;
height: 122px;

}
#footer #key {position: relative; left: 781px; top: -75px; height: 113px; width: 113px; background: url(../images/keyAlpha.gif) no-repeat; z-index: 0;}
#footer #key a{display: block; text-indent: -5000px; height: 113px;}
#footer #river {position: absolute; left: 353px; bottom: 0px; height: 63px; width: 329px; background: url(../images/river-content-page.gif) no-repeat; z-index: 1;}
#homepageBody #footer {height: 0px; clear: both; background: none;}
#homepageBody #footer #key {display: none; background: none;}
#homepageBody #footer #river {display: none; background: none;}

#navigationTTL {display: none;}


#content{ 
top: -90px;
margin: 0 40px 0 193px;
padding: 0;
position: relative;
min-height: 330px;
z-index: 10;
}

#content_christmas{ 
top: -90px;
margin: 0 40px 0 193px;
padding: 0;
position: relative;
min-height: 330px;
z-index: 10;
background-image:url(../images/christmas_bg.gif);
background-position:0 33%;
}

#content_easter{ 
top: -90px;
margin: 0 40px 0 193px;
padding: 0;
position: relative;
min-height: 330px;
z-index: 10;
background-image:url(../images/easter_bg.gif);
background-position:0 44%;
}

#content_chinese{ 
top: -90px;
margin: 0 40px 0 193px;
padding: 0;
position: relative;
min-height: 330px;
z-index: 10;
background-image:url(../images/chinese_bg.gif);
background-position:0 33%;
}

#content_diwali{ 
top: -90px;
margin: 0 40px 0 193px;
padding: 0;
position: relative;
min-height: 330px;
z-index: 10;
background-image:url(../images/diwali_bg.gif);
background-position:0 33%;
}

#content_hannukah{ 
top: -90px;
margin: 0 40px 0 193px;
padding: 0;
position: relative;
min-height: 330px;
z-index: 10;
background-image:url(../images/hannukah_bg.gif);
background-position:0 29%;
}

#content_eidulfitr{ 
top: -90px;
margin: 0 40px 0 193px;
padding: 0;
position: relative;
min-height: 330px;
z-index: 10;
background-image:url(../images/eidulfitr_bg.gif);
background-position:0 329.9%;
}

#content_baisakhi{ 
top: -90px;
margin: 0 40px 0 193px;
padding: 0;
position: relative;
min-height: 330px;
z-index: 10;
background-image:url(../images/baisakhi_bg.gif);
background-position:0 319.5%;
}

#content_wesak{ 
top: -90px;
margin: 0 40px 0 193px;
padding: 0;
position: relative;
min-height: 330px;
z-index: 10;
background-image:url(../images/wesak_bg.gif);
background-position:0 327.9%;
}

#homepageBody #content{ 
top: 0px;
margin: 0em 30px 0em 200px;
z-index: 0;

}

/* To move up the content on the breaking news page */
#news0809Body #PageTextBlock{margin-top: -40px;}
#news0910Body #PageTextBlock{margin-top: -40px;}
#news1112Body #PageTextBlock{margin-top: -40px;}

#column {
top: 200px;
left: 10px;
position: absolute;
width: 149px;
z-index: 100;

}
#homepageBody #column {
top: 190px;
margin: 0;
padding: 0;

}


/*##### Teddy Heads to the left of the titles #####*/

.left_title_img {
position: relative;
top: 0px;
left: 0px;
padding: 0;
margin: 0;
margin-top: -40px;
width: 80px;
height: 80px;
display: block;
background-position: left;
background-repeat: no-repeat;
}
#welcomeBody .left_title_img, #pawsBody .left_title_img, #joiningBody .left_title_img, #looking0809Body .left_title_img, #looking0910Body .left_title_img,#looking1112Body .left_title_img,
#ourschoolBody .left_title_img, #policiesBody .left_title_img, #whoswho0809Body .left_title_img,  #whoswho0910Body .left_title_img,#whoswho1112Body .left_title_img, #leadteamBody .left_title_img,
#trainingBody .left_title_img, #BelarusBody .left_title_img, #franceBody .left_title_img, #ChinaBody .left_title_img, #srilankaBody .left_title_img,
#swedenBody .left_title_img
{
background-image: url(../images/titles/right-red.gif);
}
#weatherBody .left_title_img, #holidayBody .left_title_img, #christmasBody .left_title_img,
#easterBody .left_title_img, #cnewyearBody .left_title_img, #diwaliBody .left_title_img,
#hannukahBody .left_title_img, #eidBody .left_title_img, #baisakhiBody .left_title_img, #subleadersBody .left_title_img,
#wesakBody .left_title_img
{
background-image: url(../images/titles/right-blue.gif);
}
#tourBody .left_title_img, #schgovsBody .left_title_img 
{background-image: url(../images/titles/right-green.gif);}

#gallery0809Body .left_title_img, #plannersBody .left_title_img
{
background-image: url(../images/titles/right-purple.gif);
}
#gallery0910Body .left_title_img
{
background-image: url(../images/titles/right-purple.gif);
}
#gallery1112Body .left_title_img
{
background-image: url(../images/titles/right-purple.gif);
}
#curriculumBody .left_title_img, #classpages0809Body .left_title_img, #classpages0910Body .left_title_img, #classpages1112Body .left_title_img, #council0809Body .left_title_img, #council0910Body .left_title_img, #council1112Body .left_title_img ,
#newspaperBody .left_title_img, #mealsBody .left_title_img, #mathsBody .left_title_img, 
#historyBody .left_title_img, #ks2Body .left_title_img, #ks1Body .left_title_img,
#scienceBody .left_title_img, #englishBody .left_title_img, #gamesBody .left_title_img, #lookforwardBody .left_title_img, 
#brainbuildersBody .left_title_img, #ecoschools1112Body .left_title_img, #parentcouncil1112Body .left_title_img, #ecoschoolsBody .left_title_img, #minBody .left_title_img
{
background-image: url(../images/titles/right-orange.gif);
}
#newsletters0809Body .left_title_img, #newsletters0910Body .left_title_img, #newsletters1112Body .left_title_img, #calendarBody .left_title_img, #letters0809Body .left_title_img, #letters0809dtlBody .left_title_img, #letters0910Body .left_title_img, #letters1112Body .left_title_img, #letters0910dtlBody .left_title_img,
#pfta0809Body .left_title_img, #pfta0910Body .left_title_img, #pfta1112Body .left_title_img, #safeinternetBody .left_title_img, #friendsBody .left_title_img, #suggestionboxBody .left_title_img
{
background-image: url(../images/titles/right-pink.gif);
}
#pbkeysBody .left_title_img, #contactBody .left_title_img, #website_policyBody .left_title_img, 
#memoriesBody .left_title_img, #sitemapBody .left_title_img, #communityBody .left_title_img
{
background-image: url(../images/titles/right-yellow.gif);
}

/*##### Page Titles #####*/
h1.pageTitle {
font-size: 2.5em;
font-family: comic sans ms;
color: #ff0;
position: relative;
top: -50px;
left: 8px;
height: 30px;
text-align: left;
margin: 0;
padding: 0 0 5px 80px;
}
#homepageBody h1.pageTitle {display: none;}

#internationalBody .pageTitle {background: url(../images/titles/international.gif) 0 0; width: 300px; height: 194px; margin-top: -35px;}
#news0809Body .pageTitle {background: url(../images/titles/news.gif) 0 0; width: 369px; height: 130px; margin-top: -40px;}
#news0910Body .pageTitle {background: url(../images/titles/news.gif) 0 0; width: 289px; height: 124px; margin-top: -40px;}
#updatesBody .pageTitle {background: url(../images/titles/updates.gif) 0 0; width: 250px; height: 109px; margin-top: -35px;}
#kidszoneBody .pageTitle {background: url(../images/titles/kidszone.gif) 0 0; width: 321px; height: 80px; margin-top: -15px;}
#guestbookBody .pageTitle {background: url(../images/titles/guestbook.gif) 0 0; width: 300px; height: 118px; margin-top: -25px;}

#internationalBody .pageTitle, #news0809Body .pageTitle, #updatesBody .pageTitle, #kidszoneBody .pageTitle, #guestbookBody .pageTitle 
{text-indent: -5000px; background-repeat: no-repeat;}

/* To move up the content on the custom titles pages */
#news0809Body #PageTextBlock{margin-top: -40px;}
#updatesBody #PageTextBlock, #internationalBody #PageTextBlock, #guestbookBody p.addmessage {margin-top: -20px;}


#fader{
position: absolute;
left: 158px;
top: 259px;
width: 253px;
height: 201px;
overflow: hidden;
z-index: 0;
}

#newsbox{
position: absolute;
top: 206px;
left: 541px;
background: url(../images/newsbox.gif) no-repeat;
width: 205px;
height: 239px;
}
#newsbox img{
position: absolute;
top: -17px;
left: 12px;
z-index: 0;
}
#newsboxtext{ /* Because we want to style the cantained CMS output separately from the background image and animated gif */
position: relative;
top: 20px;
color: #000000;
text-align: center;
width: 190px;
height: 230px;
padding: 0;
margin: 0 auto;
}
#newsboxtext a{
color: #990000;
}
#newsboxtext a:hover{
color: #990000;
}

#newsboxtext2{ /* Because we want to style the cantained CMS output separately from the background image and animated gif */
position: relative;
top: -140px;
color: #000000;
text-align: center;
width: 190px;
height: 230px;
padding: 0;
margin: 0 auto;
}
#newsboxtext2 a{
color: #990000;
}
#newsboxtext2 a:hover{
color: #990000;
}

#bearspeach a{
position: absolute;
top: 50px;
left: 719px;
width: 250px;
height: 108px;
background: url(../images/bear_speech_con.gif) no-repeat -250px 0;
text-indent: -5000px;
}
#bearspeach a:hover{
background-position: 0 0;
text-indent: 0px;
}

span.bearheadtalking{width: 92px;
height: 60px;
text-align: center;
font-weight: bold;
font-size: xx-small;
display: block; overflow: hidden;
margin-left: 12px; margin-top: 20px;
}


#hiddenbeartalk {width: 16px; height: 16px; position: absolute; top: 100px; 
left: 940px;}
#hiddenbeartalk .bearspeaking {width: 0px; height: 0px; 
display: block;
overflow: hidden;}



#homepageBody #bearspeach a{
position: absolute;
top: 13px;
left: 723px;
width: 242px;
height: 106px;
background: url(../images/bear_speech_ind.gif) no-repeat -242px 0;
z-index: 0;
}
#homepageBody  #bearspeach a:hover{
background-position: 0 0;
}

#bearSoundFile {
position:absolute;
right:7px;
top:21px;
text-align: center;
}


#hitcountbox {
background:transparent url(../images/ripple.gif) no-repeat scroll 0 0;
color:#FFFFFF;
height:82px;
left:111px;
position:absolute;
top:435px;
width:336px;
z-index:100;
}

#HitBears {
width:241px;
text-align:center;
margin:0 auto;
position:relative;
top:33px;
left:7px;
}

.HitCounterBear0,.HitCounterBear1,.HitCounterBear2,.HitCounterBear3,.HitCounterBear4,
.HitCounterBear5,.HitCounterBear6,.HitCounterBear7,.HitCounterBear8,.HitCounterBear9
{float: left;}

#teaserbox {position: absolute; z-index: 2;}
#teaserbox ul {margin: 0;}
#teaserbox ul li {position: absolute; display: inline; padding: 0; list-style-type: none;}

li.home-int a, li.home-radio a, li.home-thinking a, li.home-memories a, li.home-archive a
{position: absolute; text-indent: -5000px; overflow: hidden; display: block;}

li.home-int a {width: 217px; height: 160px; background: url(../images/teasers/international.gif) no-repeat; left: 4px; top: 106px;}
li.home-int a:hover {background-position: -217px 0;}

li.home-radio a {width: 225px; height: 107px; background: url(../images/teasers/radio.gif) no-repeat; left: 245px; top: 104px; z-index: 2;}
li.home-radio a:hover {background-position: -225px 0;}

li.home-thinking {z-index: 10;}
li.home-thinking a {width: 136px; height: 313px; background: url(../images/teasers/joining.gif) no-repeat; left: 397px; top: 188px; z-index: 10 !important;}
li.home-thinking a:hover {background-position: -136px 0;}

li.home-memories a {width: 112px; height: 56px; background: url(../images/teasers/memories.gif) no-repeat; left: 237px; top: 209px; z-index: 10;}
li.home-memories a:hover {background-position: -112px 0;}

li.home-archive a {width: 210px; height: 68px; background: url(../images/teasers/archive.gif) no-repeat; left: 536px; top: 448px;}
li.home-archive a:hover {background-position: 0 -68px;}


#ticker {
position: absolute; 	/*  I find the ticker works best absolutely positioned   */
top: 23px;  /*  Position this as you wish, top: x, left: x etc...  */
left: 73px;
width: 836px; /*  set this to the width you would like the ticker to be  */
height: 2.1em; /*  Set this to how high you would like the ticker to be   */
font-weight: bold;
font-size: medium;
text-align: center;
color: #fff;
padding: 0;
margin: 0;
}

#homepageBody #ticker {
position: absolute; 	/*  I find the ticker works best absolutely positioned   */
top: 532px;  /*  Position this as you wish, top: x, left: x etc...  */
left: 123px;
width: 725px; /*  set this to the width you would like the ticker to be  */
height: 2.1em; /*  Set this to how high you would like the ticker to be   */
font-weight: bold;
font-size: medium;
text-align: center;
color: #00D;

}

/* Do not edit #ticker_edit */
#ticker_edit {
position: absolute; 
z-index: 100;}/* This is needed to ensure the ticker edit button does not cause layout problems with the ticker.*/

#CONTENT {position: relative; left: 70px;}

.hideDefault{display: none;}

/* Start of CONTENT page base text styling */
#baseCon {color: #FFF; width: 980px; margin: 0 auto; padding: 0; }
#baseCon a{color: #FFF;}
#baseCon a:hover{color: #0DF;}

p#baseText {padding: 1%; margin: 0 auto; color: #FFF; width: 300px; float: right;}
p#baseText a{color: #FFF;}
a#byPrimarySite {position: relative; float: right; right: 10px;}
a#byPrimarySite, a#sitePrivacy {text-decoration: none;}

p#homeaddi {display: none;}

p#copypara {position: relative; top: 0px; left: 0px; padding: 1%; margin: 0; width: 350px}
span#copyRight {float: left;}
#sitePrivacy {padding-left: 0.5%;}

#home_bttm_bttns {display: none;}
/*End of content base textual styling*/


/* Start of HOMEPAGE base text styling */
#homepageBody #baseCon {position: relative; width: 980px; margin: 0; padding: 0; margin: 0 auto; font-weight: 600; font-family: verdana, sans-serif; font-size: 12px; color: #FFF; z-index: 0 !important;}
#homepageBody #baseCon a{color: #fff;}
#homepageBody #baseCon a:hover{color: #0df;}

#homepageBody #baseText {width: 300px; margin: 0 auto; padding: 0; float: right;}
#homepageBody a#byPrimarySite {position: relative; top: 0px; right: 13px; font-size: 10px; margin: 0; padding: 0; white-space: nowrap;}

#homepageBody p#homeaddi {position: relative; top: 2px; width: 270px; left: 10px; color: white; margin: 0; padding: 0; display: block; z-index: 0 !important;}

#homepageBody p#copypara {margin: 0 auto; text-align: center; font-size: 11px; padding: -50px 0 4px 0; width: 400px;}
#homepageBody span#copyRight {position: relative; left: 0px; float: none;}
#homepageBody #sitePrivacy {position: relative; padding-left: 2px;}

#homepageBody #baseCon #home_bttm_bttns {}
#homepageBody #baseCon #home_bttm_bttns {display: inline; text-align: center; font-family: Times New Roman;}
#homepageBody #baseCon #home_bttm_bttns ul{position: relative; display: inline; left: 293px; top: 0px; margin: 0 auto; padding: 0;}
#homepageBody #baseCon #home_bttm_bttns li{list-style-type: none; position: absolute;}
#homepageBody #baseCon #home_bttm_bttns a{font-size: xx-small; font-weight: normal; color: #000;}
#homepageBody #baseCon #home_bttm_bttns a:hover {color: #f60;}
#homepageBody li.ourcom_bttn {background: url(../images/ourcom_bttn.gif) no-repeat; left: 0px; height: 22px; width: 179px; margin-top: 6px; text-align: center;}
#homepageBody li.music_bttn {background: url(../images/music_bttn.gif) no-repeat; left: 180px; height: 34px; width: 34px;  }
#homepageBody li.video_bttn {background: url(../images/video_bttn.gif) no-repeat; left: 220px; height: 34px; width: 34px;  }
 li.music_bttn a {font-weight: bold !important; color: #fff !important; font-size: 12px !important; text-align: center !important;padding-top: 34px;}
li.video_bttn a {font-weight: bold !important; color: #fff !important; font-size: 12px !important; text-align: center !important;padding-top: 34px!important;}
#homepageBody li.email_bttn {background: url(../images/email_bttn.gif) no-repeat; left: 256px; height: 22px; width: 178px; margin-top: 6px; text-align: center;}
#homepageBody li.ourcom_bttn a, #homepageBody li.email_bttn a  {position: absolute; display: block; top: 4px; margin: 0; padding: 0;}
#homepageBody li.ourcom_bttn a {left: 20px;}
#homepageBody li.music_bttn a {display: block; height: 34px;}
#homepageBody li.video_bttn a {display: block; height: 34px;}
#homepageBody li.email_bttn a {left: 43px;}

/*End of homepage base textual styling*/

li#FGview {display: none;}

.w3cbadge {visibility: hidden}
/*#homepageBody .w3cbadge {visibility: visible; margin-top: 10px;}*/ /* Home page doesn't validate due to Newsheadlines and &'s appearing as data */

p#logStandards {top: 0px; width: 88px; position: relative; margin: 0 auto; padding: 5px; text-align: center; clear: both;}
#homepageBody p#logStandards {top: 65px}
p.newstitlehome {padding: 0 0;}



/* Kids' Zone Styles */

#kidsbgbox{
position: relative;
top: -0px;
background-image: url(../images/kidszone/kzbg.gif); 
background-repeat: no-repeat; 
width: 750px;
height: 538px; 
margin: 0 auto;
}

#kidsbgbox ul {margin: 0; padding: 0;}
#kidsbgbox ul li {display: inline; padding: 0; list-style-type: none;}

li.kgames a, li.ks1links a, li.ks2links a, li.english a, li.history a, li.science a, li.maths a, li.brain a
{position: absolute; overflow: hidden; font-weight: bold; text-indent: -5000px; display: block;}

li.brain a{width: 156px; height: 135px; background: url(../images/kidszone/brainbuilders.gif) no-repeat; left: 542px; top: 393px;}
li.brain a:hover{background-position: -156px 0;}

li.english a{width: 171px; height: 158px; background: url(../images/kidszone/english.gif) no-repeat; left: 12px; top: 355px;}
li.english a:hover{background-position: -171px 0;}

li.kgames a{width: 225px; height: 289px; background: url(../images/kidszone/games.gif) no-repeat; left: 18px; top: 61px;}
li.kgames a:hover{background-position: -225px 0;} 

li.history a{width: 261px; height: 134px; background: url(../images/kidszone/history.gif) no-repeat; left: 204px; top: 273px;}
li.history a:hover{background-position: -261px 0;} 

li.ks1links a{width: 194px; height: 111px; background: url(../images/kidszone/ks1links.gif) no-repeat; left: 392px; top: 162px;}
li.ks1links a:hover{background-position: -194px 0;} 

li.ks2links a{width: 261px; height: 95px; background: url(../images/kidszone/ks2links.gif) no-repeat; left: 479px; top: 290px;}
li.ks2links a:hover{background-position: -261px 0;} 

li.maths a{width: 127px; height: 117px; background: url(../images/kidszone/maths.gif) no-repeat; left: 382px; top: 403px;}
li.maths a:hover{background-position: -127px 0;} 

li.science a{width: 163px; height: 164px; background: url(../images/kidszone/science.gif) no-repeat; left: 239px; top: 34px;}
li.science a:hover{background-position: -163px 0;} 


#xmas-kz a{
position: relative; overflow: hidden; font-weight: bold; text-indent: -5000px; display: block;
background: url(../images/kidszone/xmas-kz.gif) no-repeat 5px 0px;
width: 255px; height: 130px;
margin: 0px auto;
top: -20px;
}
#xmas-kz a:hover{background-position: -247px 0;}



/* Classpages Styles */

#classbgbox {position: relative; margin: 0 auto; height: 350px; left: 40px;} /* For classpage background image, and also used to force height on classpage */

#classbgbox ul {margin: 0; padding: 0;}
#classbgbox ul li {display: inline; padding: 0; list-style-type: none;}

li.wsp a, li.nur a, li.rec a, li.yr1 a, li.yr2 a, li.yr3 a, li.yr4 a, li.yr5 a, li.yr6 a
{display: block; overflow: hidden; position: absolute; text-indent: -5000px; width: 137px; height: 138px;}

li.wsp a:hover, li.nur a:hover, li.rec a:hover, li.yr1 a:hover, li.yr2 a:hover, li.yr3 a:hover, li.yr4 a:hover, li.yr5 a:hover, li.yr6 a:hover
{background-position: -137px 0;}

li.wsp a {background: url(../images/classpages/wsp.gif) no-repeat; left: 240px; top: 320px;}
li.nur a {background: url(../images/classpages/nur.gif) no-repeat; left: 0px; top: 0px;}
li.rec a {background: url(../images/classpages/rec.gif) no-repeat; left: 160px; top: 0px;}
li.yr1 a {background: url(../images/classpages/yr1.gif) no-repeat; left: 320px; top: 0px;}
li.yr2 a {background: url(../images/classpages/yr2.gif) no-repeat; left: 480px; top: 0px;}
li.yr3 a {background: url(../images/classpages/yr3.gif) no-repeat; left: 0px; top: 160px;}
li.yr4 a {background: url(../images/classpages/yr4.gif) no-repeat; left: 160px; top: 160px;}
li.yr5 a {background: url(../images/classpages/yr5.gif) no-repeat; left: 320px; top: 160px;}
li.yr6 a {background: url(../images/classpages/yr6.gif) no-repeat; left: 480px; top: 160px;}


/* Curriculum Page Styles */

#curric_box {position: relative; margin: 0 auto; height: 1380px; left: 40px;} /* For classpage background image, and also used to force height on classpage */

#curric_box ul {margin: 0; padding: 0;}
#curric_box ul li {display: inline; padding: 0; list-style-type: none;}

li.curric_math a, li.curric_mfl a, li.curric_engl a, li.curric_scie a, li.curric_hist a, li.curric_geog a, li.curric_desi a, li.curric_info a, li.curric_reli a, li.curric_artd a, li.curric_musi a, li.curric_phys a, li.curric_pers a, li.curric_spec a, li.curric_myse a, li.curric_mycu a, li.curric_mycl a
{display: block; overflow: hidden; position: absolute; text-indent: -5000px; width: 149px; height: 215px;}

li.curric_math a:hover, li.curric_mfl a:hover, li.curric_engl a:hover, li.curric_scie a:hover, li.curric_hist a:hover, li.curric_geog a:hover, li.curric_desi a:hover, li.curric_info a:hover, li.curric_reli a:hover, li.curric_artd a:hover, li.curric_musi a:hover, li.curric_phys a:hover, li.curric_pers a:hover, li.curric_spec a:hover, li.curric_myse a:hover, li.curric_mycu a:hover, li.curric_mycl a:hover
{background-position: -149px 0;}

li.curric_math a {background: url(../images/curriculum/maths.gif) no-repeat; left: 0px; top: 0px;}
li.curric_engl a {background: url(../images/curriculum/english.gif) no-repeat; left: 170px; top: 0px;}
li.curric_scie a {background: url(../images/curriculum/science.gif) no-repeat; left: 340px; top: 0px;}
li.curric_hist a {background: url(../images/curriculum/history.gif) no-repeat; left: 510px; top: 0px;}
li.curric_geog a {background: url(../images/curriculum/geography.gif) no-repeat; left: 0px; top: 250px;}
li.curric_desi a {background: url(../images/curriculum/dt.gif) no-repeat; left: 170px; top: 250px;}
li.curric_info a {background: url(../images/curriculum/ict.gif) no-repeat; left: 340px; top: 250px;}
li.curric_reli a {background: url(../images/curriculum/re.gif) no-repeat; left: 510px; top: 250px;}
li.curric_artd a {background: url(../images/curriculum/art.gif) no-repeat; left: 85px; top: 500px;}
li.curric_musi a {background: url(../images/curriculum/music.gif) no-repeat; left: 255px; top: 500px;}
li.curric_phys a {background: url(../images/curriculum/pe.gif) no-repeat; left: 425px; top: 500px;}
li.curric_pers a {background: url(../images/curriculum/psd.gif) no-repeat; left: 170px; top: 720px;}
li.curric_mfl a {background: url(../images/curriculum/mfl.gif) no-repeat; left: 340px; top: 720px;}

li.curric_spec a {background: url(../images/curriculum/spec_needs.gif) no-repeat; left: 255px; top: 1030px;}
li.curric_myse a {background: url(../images/curriculum/myself.gif) no-repeat; left: 56px; top: 1330px;}
li.curric_mycu a {background: url(../images/curriculum/mycurriculum.gif) no-repeat; left: 255px; top: 1330px;}
li.curric_mycl a {background: url(../images/curriculum/myclubs.gif) no-repeat; left: 460px; top: 1330px;}

p#curric_titles {text-align: center; font-weight: bold; font-size: 1.5em;}
p#curric_titles1, p#curric_titles2, p#curric_titles3 {position: relative; font-size: 2.5em; font-family: comic sans ms; color: #ff0; text-align: center;}
p#curric_titles2 {top: -400px;}
p#curric_titles3 {top: -180px;}


/* Friends of Peterbrook page  */

p#fri_cen {text-align: center;}
ul#friends_list li {list-style-type: none; margin: 0 auto; text-align: center; font-size: 1.5em;}

/* Homepage Memories icons styling */

#memlist {position: relative; margin: 0 auto; height: 700px; left: 40px;}

#memlist ul {margin: 0; padding: 0;}
#memlist ul li {display: inline; padding: 0; list-style-type: none;}

li.mem0506 a, li.mem0607 a, li.mem0708 a, li.mem0809 a, li.mem0910 a, li.mem1011 a
{display: block; overflow: hidden; position: absolute; text-indent: -5000px; width: 243px; height: 180px;}

li.mem0506 a:hover, li.mem0607 a:hover, li.mem0708 a:hover, li.mem0809 a:hover, li.mem0910 a:hover, li.mem1011 a:hover  {background-position: -243px 0;}

li.mem0506 a {background: url(../images/memories/mem0506.gif) no-repeat; left: 0px; top: 0px;}
li.mem0607 a {background: url(../images/memories/mem0607.gif) no-repeat; left: 300px; top: 0px;}
li.mem0708 a {background: url(../images/memories/mem0708.gif) no-repeat; left: 0px; top: 230px;}
li.mem0809 a {background: url(../images/memories/mem0809.gif) no-repeat; left: 300px; top: 230px;}
li.mem0910 a {background: url(../images/memories/mem0910.gif) no-repeat; left: 0px; top: 460px;}
li.mem1011 a {background: url(../images/memories/mem1011.gif) no-repeat; left: 300px; top: 460px;}

/* Guestbook Styles */

#Guestbook {border: #0000C6 solid thick;}
#Guestbook .sort{background-color: #0000C6;}
#Guestbook .sort a{color: #FFFF00;}
#Guestbook .sort a:hover{color:#FFFFFF;}
#Guestbook .allowdeny {color: #FFFF00; background-color: #0000C6;}
#Guestbook .allowdeny a{color: #FFFF00;}
#Guestbook .allowdeny a:hover{color:#FFFFFF;}
#Guestbook .guest {background-color: #FFED6F;}
#Guestbook .message {background-color: #FFFFFF;}
#pb_gb_msg {background: url(../images/guestbook/addmsg_bg.gif) no-repeat 0 0; height: 560px; width: 750px;}
#inner_pb_image {position: relative; top: 275px; left: 50px; width: 647px;}
.gb_textarea {width: 647px;}
#captcha_img {position: relative; left: 20px; top: 5px;}
#guest_email {width: 250px;}
#submit {position: relative; left: 20px;}
#guest_message {width: 374px;}
#guest_name {width: 304px;}
#TextBoxUserCode {position: relative; left: 20px;}
/* Popup addmessage page styling */
#guestbookaddBody {margin: 0; padding: 0; background: #ABABF2; font-family: verdana; font-size: 10px;}
#gbadminbg{position: absolute; right: 0px; top: 0px; height: 50px; width: 100%; display: block;}
#gbadminlogo{right: 0px; width: 250px; height: 50px; display: block; position: absolute; right: 0px; top: 0px;}
#gbh1 {color: #000; text-align: center; position: relative; top: 0px; z-index: 5000; display: block; font-size: large;}
#gbcontdiv {width: 735px; position: relative; margin: 0; top: 60px; left: 5px; height: 950px}


/* Section Heading */

h2.sectionheading {color: #007050; font-style: italic;}


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


/* Google Map Positiononing By Pip :-) */
#g_map{position: relative; left: 170px;}

/* Letters Details page styling with headed paper in the background */
#lttr_dtl_schlogo {background: url(../images/letterhead.gif) no-repeat 0 0; margin: 0 auto; height: 178px; width: 559px;}
#lttr_dtl_awards {background: url(../images/letterfoot.gif) no-repeat 0 0; margin: 0 auto; padding: 0; top: 0px; height: 63px; width: 559px;}
#letters0809dtlBody #MediaBlock, #letters0809dtlBody #PageTextBlock, #letters0809dtlBody #DocumentBlock, #lttr_dtl_container, #lttr_dtl_bg {background-color: #FFFFBD; margin: 0 auto; padding: 0; width: 675px;}
#letters0809dtlBody #PageTextBlock {width: 600px; margin: 0 auto;}
p#lettersreplyinstr {font-size: 14px; font-weight: bold; color: #00f; margin: 0 auto; text-align: center;}

/* Removes the list identifiers from the sitemap.  Default styling looks nice enough */
ul#sitemap li {list-style-type: none;}

#backgroundMusic {position: absolute; top: 0px; z-index: 500; width: 80px; height: 20px; display: block; }


/* Community Private Pages Styles */

#comm-links {
position: relative; 
margin: 0 auto; 
height: 350px; 
left: 40px;}

#comm-links ul {margin: 0; padding: 0;}
#comm-links ul li {display: inline; padding: 0; list-style-type: none;}

#comm-links li a {
display: block; 
overflow: hidden; 
position: absolute; 
text-indent: -5000px; 
width: 320px; 
height: 100px;}

#comm-links li a:hover {
background-position: -320px 0;
}

li.lookforward a {background: url(../images/community/wlf.jpg) no-repeat; left: 0px; top: 0px;}
li.planners a {background: url(../images/community/wp.jpg) no-repeat; left: 350px; top: 0px;}
li.leadteam a {background: url(../images/community/lt.jpg) no-repeat; left: 0px; top: 120px;}
li.subleaders a {background: url(../images/community/sl.jpg) no-repeat; left: 350px; top: 120px;}
li.schgovs a {background: url(../images/community/sg.jpg) no-repeat; left: 0px; top: 240px;}
li.mainsite a {background: url(../images/community/mw.jpg) no-repeat; left: 350px; top: 240px;}
li.min a {background: url(../images/community/min.jpg) no-repeat; left: 163px; top: 360px;}



#subleaders-list {
position: relative;
width: 200px;
left: 200px;
}

#subleaders-list ul li {
list-style-type: none;
text-align: center;
font-weight: bold;
font-size: 1.3em;
padding: 5px 0px;
}

/* Gallery Styles */

#gallerybgbox {position: relative; margin: 0 auto; height: 350px; left: 40px;} /* For classpage background image, and also used to force height on classpage */

#gallerybgbox ul {margin: 0; padding: 0;}
#gallerybgbox ul li {display: inline; padding: 0; list-style-type: none;}

li.gallerynur a, li.galleryrec a, li.galleryyr1 a, li.galleryyr2 a, li.galleryyr3 a, li.galleryyr4 a, li.galleryyr5 a, li.galleryyr6 a
{display: block; overflow: hidden; position: absolute; text-indent: -5000px; width: 137px; height: 138px;}

li.gallerynur a:hover, li.galleryrec a:hover, li.galleryyr1 a:hover, li.galleryyr2 a:hover, li.galleryyr3 a:hover, li.galleryyr4 a:hover, li.galleryyr5 a:hover, li.galleryyr6 a:hover
{background-position: -137px 0;}


li.gallerynur a {background: url(../images/classpages/nur.gif) no-repeat; left: 0px; top: 0px;}
li.galleryrec a {background: url(../images/classpages/rec.gif) no-repeat; left: 160px; top: 0px;}
li.galleryyr1 a {background: url(../images/classpages/yr1.gif) no-repeat; left: 320px; top: 0px;}
li.galleryyr2 a {background: url(../images/classpages/yr2.gif) no-repeat; left: 480px; top: 0px;}
li.galleryyr3 a {background: url(../images/classpages/yr3.gif) no-repeat; left: 0px; top: 160px;}
li.galleryyr4 a {background: url(../images/classpages/yr4.gif) no-repeat; left: 160px; top: 160px;}
li.galleryyr5 a {background: url(../images/classpages/yr5.gif) no-repeat; left: 320px; top: 160px;}
li.galleryyr6 a {background: url(../images/classpages/yr6.gif) no-repeat; left: 480px; top: 160px;}

/* Gallery 09-10*/

li.gallerynur0910 a, li.galleryrec0910 a, li.galleryyr10910 a, li.galleryyr20910 a, li.galleryyr30910 a, li.galleryyr40910 a, li.galleryyr50910 a, li.galleryyr60910 a
{display: block; overflow: hidden; position: absolute; text-indent: -5000px; width: 137px; height: 138px;}

li.gallerynur0910 a:hover, li.galleryrec0910 a:hover, li.galleryyr10910 a:hover, li.galleryyr20910 a:hover, li.galleryyr30910 a:hover, li.galleryyr40910 a:hover, li.galleryyr50910 a:hover, li.galleryyr60910 a:hover
{background-position: -137px 0;}


li.gallerynur0910 a {background: url(../images/classpages/nur.gif) no-repeat; left: 0px; top: 0px;}
li.galleryrec0910 a {background: url(../images/classpages/rec.gif) no-repeat; left: 160px; top: 0px;}
li.galleryyr10910 a {background: url(../images/classpages/yr1.gif) no-repeat; left: 320px; top: 0px;}
li.galleryyr20910 a {background: url(../images/classpages/yr2.gif) no-repeat; left: 480px; top: 0px;}
li.galleryyr30910 a {background: url(../images/classpages/yr3.gif) no-repeat; left: 0px; top: 160px;}
li.galleryyr40910 a {background: url(../images/classpages/yr4.gif) no-repeat; left: 160px; top: 160px;}
li.galleryyr50910 a {background: url(../images/classpages/yr5.gif) no-repeat; left: 320px; top: 160px;}
li.galleryyr60910 a {background: url(../images/classpages/yr6.gif) no-repeat; left: 480px; top: 160px;}


#sug-box a {
background: url(../images/guestbook_001.gif) no-repeat;
display: block;
height: 114px; 
width: 120px;
font-weight: bold;
color: #fff;
text-align: center;
margin: 0 auto;
border: dashed 2px;
}
#sug-box a:hover {text-decoration: underline;}

#Tv a {
position: relative;
top: 122px;
left: 16px;
width: 100px;
height: 93px;
display: block;
text-indent: -9999px;
background: url(../images/tv.gif) left top;
z-index: 100;
}

#Tv a:hover {background: url(../images/tvanim.gif) left top;}