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

html{
margin: 0;
padding: 0;
}

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

#wrapper {
top: 11px;
margin: 0 auto;
padding: 0;
width: 978px;
position: relative;
}

#innerWrapper {
margin: 0;
padding: 0;
background:url( ../images/slither.gif);
}


/* For the header */
#header{
background: url( ../images/header.jpg) no-repeat;
height: 259px;
position: relative;
}



#header h1,#header h2 
{display: none; }

/* To style the header on the homepage */
#homeBody #header {}

/*For Content Pages */

#content{
margin: 0px 28px 20px 238px; /* Top, Right, Bottom, Left */
padding:0;
position: relative;
min-height: 345px;
background: none;
z-index:500;
}

#homeBody #content{
margin: 10px 0px 20px 0px; /* Top, Right, Bottom, Left */
padding:0;
left: 238px;
position: relative;
min-height: 315px;
width: 502px;
background: none;
}


/*For the Research Zone content area*/
#researchBody #content{margin: 0 33px 0px 194px; /* Top, Right, Bottom, Left */}
#researchBody #content img {position: relative; left: 80px;}

/* For the Newspaper Section */
#newspaperBody #content {margin: 0px 33px 0px 194px; /* Top, Right, Bottom, Left */}


/* For the research zone Iframe */
#researchBody #rZoneContent{position: relative; left: 85px}

/* For the Kidszone Iframe */
#kZoneContent  {position: relative; left: 65px;}


/*For Footer */
#footer {
position: relative;
background: url(../images/footer.gif) no-repeat 0 0;
height: 18px;
padding: 0;
margin: 0;
font-size:6px;
}

#homeBody #footer {
position: relative;
background: url(../images/footerhome.gif) no-repeat 0 0;
height: 15px;
padding: 0;
margin: 0;
font-size:6px;
}


#footer-top {
background-image:url(../images/footer-top.gif);
background-repeat:no-repeat;
position:absolute;
top:-313px;
height:313px;
width:295px;
display:block;
left:683px;
}

#homeBody #footer-top {
background-image:url(../images/footer-top-home.jpg);
background-repeat:no-repeat;
position:absolute;
top:-313px;
height:313px;
width:295px;
display:block;
left:683px;
}


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

#column {
left:26px;
position:absolute;
top:89px;
width:166px;
z-index: 600;
}

#homeBody #column {
left:10px;
position:absolute;
top:221px;
width:166px;
z-index: 600;
}

/* To globally style page Titles */

h1.pageTitle {
position: relative;
top: -32px;
margin: 0 auto;
padding: 0;
display: block;
width: 465px; 
left:-157px;
height: 30px;
text-indent: -5000px;
}

#homeBody h1.pageTitle {
display: none;  /*To hide page title on homepage */
}

.pagetitlehome {
font-size:10px; 
font-weight:bold; 
color:#cc0000;
position:relative; 
top:-38px;
left:-15px; 
width:740px; 
text-align:center;
}


/* To give page Titles their images. Note - we specify the page body id first, this tells the css to only look for the h1.pageTitle which belongs to the respective Body ID */

#annualballBody h1.pageTitle 	{background: url( ../images/pageTitles/annualball.gif) no-repeat bottom;}
#calendarBody h1.pageTitle 		{background: url( ../images/pageTitles/calendar.jpg) no-repeat bottom;}
#classpagesBody h1.pageTitle 	{background: url( ../images/pageTitles/classpages.jpg) no-repeat bottom;}

/* For classpages */

#receptionBody h1.pageTitle 	{background: url( ../images/pageTitles/classpages.gif) no-repeat bottom;}
#foundationBody h1.pageTitle 	{background: url( ../images/pageTitles/classpages.gif) no-repeat bottom;}
#class1Body h1.pageTitle 		{background: url( ../images/pageTitles/classpages.gif) no-repeat bottom;}
#class2Body h1.pageTitle 		{background: url( ../images/pageTitles/classpages.gif) no-repeat bottom;}
#class3Body h1.pageTitle 		{background: url( ../images/pageTitles/classpages.gif) no-repeat bottom;}
#class4Body h1.pageTitle 		{background: url( ../images/pageTitles/classpages.gif) no-repeat bottom;}
#class5Body h1.pageTitle 		{background: url( ../images/pageTitles/classpages.gif) no-repeat bottom;}
#class6Body h1.pageTitle 		{background: url( ../images/pageTitles/classpages.gif) no-repeat bottom;}

#calendarBody h1.pageTitle 		{background: url( ../images/pageTitles/calendar.gif) no-repeat bottom;}
#communityBody h1.pageTitle 	{background: url( ../images/pageTitles/community.gif) no-repeat bottom;}
#contactBody h1.pageTitle 		{background: url( ../images/pageTitles/contact.gif) no-repeat bottom;}
#cricketclubBody h1.pageTitle	{background: url( ../images/pageTitles/cricketclub.gif) no-repeat bottom;}
#fundraisingBody h1.pageTitle 	{background: url( ../images/pageTitles/fundraising.gif) no-repeat bottom;}
#galleryBody h1.pageTitle 		{background: url( ../images/pageTitles/gallery.gif) no-repeat bottom;}
#guestbookBody h1.pageTitle 	{background: url( ../images/pageTitles/guestbook.gif) no-repeat bottom;}
#homeBody h1.pageTitle 			{background: url( ../images/pageTitles/welcome.gif) no-repeat bottom;}
#linksBody h1.pageTitle 		{background: url( ../images/pageTitles/links.gif) no-repeat bottom;}
#newsBody h1.pageTitle 			{background: url( ../images/pageTitles/news.gif) no-repeat bottom;}
#opticBody h1.pageTitle 		{background: url( ../images/pageTitles/optic.gif) no-repeat bottom;}
#parentsBody h1.pageTitle 		{background: url( ../images/pageTitles/parents.gif) no-repeat bottom;}
#photosandvideosBody h1.pageTitle {background: url( ../images/pageTitles/photosandvideos.gif) no-repeat bottom;}
#platformBody h1.pageTitle 		{background: url( ../images/pageTitles/platform.gif) no-repeat bottom;}
#poppysstoryBody h1.pageTitle	{background: url( ../images/pageTitles/poppysstory.gif) no-repeat bottom;}
#usefullinksBody h1.pageTitle 	{background: url( ../images/pageTitles/links.gif) no-repeat bottom;}
#sitemapBody h1.pageTitle 		{background: url( ../images/pageTitles/sitemap.gif) no-repeat bottom;}
#specialmumsanddadsBody h1.pageTitle {background: url( ../images/pageTitles/specialmumsanddads.gif) no-repeat bottom;}
#vleBody h1.pageTitle 			{background: url( ../images/pageTitles/vle.gif) no-repeat bottom;}
#welcomeBody h1.pageTitle 		{background: url( ../images/pageTitles/welcome.gif) no-repeat bottom;}

#contactBody h1.pageTitle 		{background: url( ../images/pageTitles/contact.gif) no-repeat bottom;}
#sitepolicyBody h1.pageTitle 	{background: url( ../images/pageTitles/siteprivacy.gif) no-repeat bottom;}

#kidszoneBody h1.pageTitle 		{background: url( ../images/pageTitles/kidszone.gif) no-repeat bottom;}

/* The kids' zone titles are set out in a slightly different way due to them all being on a single 
page and thus you can't style via the normal method using the body tag id. */
h1#ks1linksBody.pageTitle 		{background: url( ../images/pageTitles/ks1links.gif) no-repeat bottom;}				
h1#ks2linksBody.pageTitle 		{background: url( ../images/pageTitles/ks2links.gif) no-repeat bottom;}				
h1#gamesBody.pageTitle 			{background: url( ../images/pageTitles/games.gif) no-repeat bottom;}			
h1#historyBody.pageTitle 		{background: url( ../images/pageTitles/history.gif) no-repeat bottom;}
h1#scienceBody.pageTitle 		{background: url( ../images/pageTitles/science.gif) no-repeat bottom;}
h1#englishBody.pageTitle 		{background: url( ../images/pageTitles/english.gif) no-repeat bottom;}
h1#mathsBody.pageTitle 			{background: url( ../images/pageTitles/maths.gif) no-repeat bottom;}
h1#brainbuildersBody.pageTitle 	{background: url( ../images/pageTitles/brainbuilders.gif) no-repeat bottom;}

#govszoneBody h1.pageTitle		{background: url(../images/pageTitles/govszone.gif) no-repeat;}
#gov_calBody h1.pageTitle		{background: url(../images/pageTitles/gov_cal.gif) no-repeat;}
#gov_meetBody h1.pageTitle		{background: url(../images/pageTitles/gov_meet.gif) no-repeat;}
#gov_docsBody h1.pageTitle		{background: url(../images/pageTitles/gov_docs.gif) no-repeat;}
#gov_bulletinBody h1.pageTitle	{background: url(../images/pageTitles/gov_bulletin.gif) no-repeat;}
#gov_profileBody h1.pageTitle	{background: url(../images/pageTitles/gov_profile.gif) no-repeat;}
#gov_linksBody h1.pageTitle		{background: url(../images/pageTitles/gov_links.gif) no-repeat;}


.hide_default {display: none;}

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


#hitcounter {
position: absolute;
top: 0px;
left: 0px;
height: 50px;
margin: 0;
padding: 0;
text-align: center;
display: none; /* Remove to display hitcounter */
}







#wordpressLink{
font-size: x-large;
font-style: italic;
font-weight: bold;
text-align: center;
}
#wordpressLink a {color: #FF1924;}



#embeddedVideo {
text-align: center;
}








/* 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;
}
#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: #FF0000;
}
#termeventslatest .eventarea , #termevents .eventarea { 
background-color: #FFCCCC;
}

/* MONTHLY CALENDAR STYLES */
#monthlycalendars a{
color: #FFFFFF;
}
#monthlycalendars a:hover{
color: #00FF00;
}
.dwzCalendarExternalTable{
background-color:#bbbbba;
margin: 0 auto;
}
.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 - no need to edit this.*/
ul#topcontrols {top: -11px; 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: 11px auto 0;}
#copyRight {float: left;}
#sitePrivacy {float: left; padding-left: 7px; margin: 0;}
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{
position: relative;
top: 3px;
width: 88px; 
margin: 0 auto; 
padding: 0px; 
text-align: center;
clear: both; 
/* Needed so that the login button and W3C logo don't collapse into the base text area in standards compliant browsers */
}

.MediaFloat{
width: 178px;
}

#Guestbook{border-color:#F2B2B2;}
#Guestbook div.sort{background-color:#F2B2B2}
#Guestbook div.allowdeny{background-color:#F2B2B2}