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

html{
margin: 0;
padding: 0;
}

body{
margin: 0;
padding: 0;
background:url( ../images/pagebk.jpg) repeat-x;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
color:#20138C;
font-size: 100%; /* Fixes the use of ems in IE */
}

#wrapper {
top: 0;
margin: 0 auto;
padding: 0;
width: 980px;
position: relative;
font-size: small; /* Correct content font size */
}

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

#container2{
margin: 0px auto;
width: 980px;
position: relative;
background-image: url(../images/watermark.jpg); 
background-repeat: no-repeat;
background-position: top right;
top: 0px;
}

#homeBody #innerWrapper {
margin: 0;
padding: 0;
background:url( ../images/homebk.jpg);
}



#addi{
	position: relative;
	top: 45px;
	left: 660px;
	width: 300px;
	color:#ffffff;
	text-align: left;
	font-weight:bold;
	font-size: small; /* Correct content font size */
}

#addi a{text-decoration: none; color: #ffffff;}
#addi a:hover{text-decoration: none; color: #FFFF1B;}

#homeBody  #addi {display: none; }

#search{
	position: absolute;
	left: 660px;
	top: 80px;
	width: 290px;
	height: 70px;
	z-index: 1000;
}


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

/* To style the header on the homepage */
#homeBody #header{
background: url( ../images/homeheader.jpg) no-repeat;
height: 124px;
position: relative;
}
#homeBody #header h1,#header h2 
{display: none; }


/*For Content Pages */
#content{
margin: 10px 44px 0 54px; /* Top, Right, Bottom, Left */
margin-bottom: 0/* don't put margin on bottom of content - IE bug */;
padding:0;
position: relative;
min-height: 285px;
background: none;
}

/* To style the Content area on the Homepage */
#homeBody #content{
margin: 0px 44px 0 54px; /* Top, Right, Bottom, Left */
margin-bottom: 0/* don't put margin on bottom of content - IE bug */;
padding:0;
position: relative;
min-height: 445px;
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: 145px;}


/*For Footer */
#footer {
position: relative;
background: url(../images/footer.jpg) no-repeat 0 0;
height: 106px;
padding: 0;
margin: 0;
}

#homeBody #footer {display: none;}

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

#column {
left:22px;
position:absolute;
top:135px;
width:245px;
height:166px;
z-index: 600;
}


/* To globally style page Titles */

h1.pageTitle {
	position: relative;
	top: -8px;
	left: -143px;
	margin: 0 auto;
	margin-top: 0;
	padding: 0;
	display: block;
	text-align: left;
	width: 600px; 
	font-weight: bold;
	font-size: 2em;
	font-family: Trebuchet Ms, Arial, Helvetica, sans-serif;
	color: #DC0000;
}

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




/*Layout Engine Stuff - no need to edit this.*/
ul#topcontrols {top: 2px; margin: 0px; padding: 0px; text-align: right; position: absolute; z-index: 500; width: 100%;}
#topcontrols li {display: inline; margin-right: 10px; color: #20138C;}
#topcontrols a{text-decoration: none; color: #20138C;}
#topcontrols a:hover{text-decoration: none; color: #CC0012;}
#baseText {width: 960px; margin: 3px auto 0; color: #20138C; font-size: small; /* fix font sizing */}
#baseText a{text-decoration: none; color: #20138C;}
#baseText a:hover{text-decoration: none; color: #CC0012;}
#copyRight {float: left;}
#sitePrivacy {float: left; padding-left: 10px;}
a#byPrimarySite {float: right;}
a#byPrimarySite, a#sitePrivacy {text-decoration: none;}
li#FGview {display: none;}
p#logStandards .w3cbadge {
position: relative; top: 0; margin: 5px 0 0; 
padding: 0; border: none; display: block; 
height: 31px !important; width: 88px !important;}
p#logStandards .w3cbadge img{position: absolute;top:0;left:0;}
p#logStandards a img{position: relative; margin: 5px 0 0;}
/* For Login and Web logo*/
p#logStandards{
position: relative;
top: 0;/* Don't position using top, use margin, IE6 bug */
width: 88px;
height: 60px;
margin: 0 auto; 
padding: 0; 
text-align: center;
clear: both; /* Needed so that the login button and W3C logo doesn't collapse into the base text area in standards compliant browsers */
}

/* This sets the width of the media items and so you can increase or 
decrease the size so that 4 items will fit on the screen at a time.
This overrides the property set in style.css.  Please do not edit 
the style.css stylesheet. */
.MediaFloat{width: 20%;} /* Use 33.3% if only 3 images will fit */
/* Change section heading properties here and not in style.css*/
h2.sectionheading{color: #008C00;}

.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: #CC0012; text-decoration: none;}
a:visited {color:#CC0012; text-decoration: none;}
a:focus{color:#CC0012; text-decoration: none; border: none;}
a:hover{color: #008C00; text-decoration: underline;}
a:active{color: #008C00; text-decoration: none;}


/* Specific styling for the various homepage dynamic section areas */
#homeText {
width: 550px; 
display: block; 
position: absolute;
top: 187px;
left: -22px;
text-align: left;
color:#201098;
font-weight:bold;
}

#homeText p {padding: 0px; margin: 0px;}


#latestNews, #diaryDates, #newsletterbox {
position: absolute; display: block; 
}



#latestNews {
width: 320px; 
height: 50px;  
left: 545px;
top: 232px;
text-align: center;
background: none;
color:#FFFF17;
}

#latestNews .newstitlehome a{
font-weight: bold;
color:#ffffff;}

#latestNews .newstitlehome a:hover{
color:#FFFF17;
text-decoration:underline;}


#diaryDates {
width: 320px; 
height: 50px;  
left: 545px;
top: 319px;
text-align: center;
background: none;
color:#FFFF17;
}

#termevents .eventhome a {
font-weight: bold;
color:#ffffff;}

#termevents .eventhome a:hover {
color:#FFFF17;
text-decoration:underline;}




/* Styling the headings */

#latestNews h2,
#diaryDates h2,
#newsletterbox h2{
text-indent:-5000px;
margin: 0 auto; /* Only use 0 or auto for left/right margins - IE bug */
margin-top: 0; /*Use margin-top on #content not here - IE bug */
}

#latestNews h2 a{
position:absolute;
top:-31px; left:66px;
margin:0; padding:0;
display:block;
}

#diaryDates h2 a{
position:absolute;
top:-31px; left:63px;
margin:0; padding:0;
display:block;
}



#latestNews h2 a {height:29px; width:195px; background: url(../images/newstitle.gif) no-repeat 0 0;
text-indent:5000px;
overflow: hidden;
}

#diaryDates h2 a {height:29px; width:195px; background: url(../images/diarytitle.gif) no-repeat 0 0;
text-indent:5000px;
overflow: hidden;
}





#latestNews h2 a:hover		 {background-position: -195px 0;} 
#diaryDates h2 a:hover		 {background-position: -195px 0;} 




/* Margin reset to make all browsers render out the same */
p.newstitlehome, p.newslettertitlehome, p.eventhome {margin: 0 0 10px; padding: 0;}
p.newstitlehome a, p.newslettertitlehome a, p.eventhome a{line-height: 1.3 !important; margin: 0; padding: 0;}
span.newsdate, span.newslettersdate, span.datehome{line-height: 1.3 !important; margin: 0; padding: 0;}



#hitcounter {
position: absolute;
top: 400px;
left: 760px;
height: 12px;
width: 100px;
margin: 0;
padding: 0;
text-align: left;
}


	/* EDITABLE SLIDESHOW */

	/*  For the Mask - Delete if not needed  */
	#fadermask{
		position: absolute;
		left: 0px;
		top: 230px;
		width: 520px;
		height: 137px;
		overflow: hidden;
		background: url(../images/mask.png) no-repeat;
		z-index: 10;
		}

		/*  For the Edit Button  */
	#EditSlideButton {position: absolute; z-index: 500; top: 230px; left: 0px;}

/*  For the Fading Images  */
	#fader {
		position: relative;
		top: 230px;
		left: 0px;
		overflow: hidden;
		width: 520px;
		height: 137px;
		}

	#fader img {width: 100%;}

	
	
	
	
div#ticker a#EditButton {position: absolute; z-index:2000!important; top: -77px!important; left: 445px;}
	
/* Teasers */

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


li.podcasthome a {
position: absolute; 
overflow: hidden; 
text-indent: -5000px; 
display: block;
width: 159px;
height: 37px;
}

li.podcasthome a{
background: url(../images/teasers/podcast.gif) no-repeat;
left: 430px;
top: -50px;
}



li.podcasthome a:hover{background-position: -159px 0;} 

#classbgbox ul {
position: relative; 
top: 0px; 
margin: 0px auto; 
padding: 0; 
list-style-type: none;
overflow: auto;
}

#classbgbox ul li {
width: 156px;
float: left;
margin: 0px 8px;
}

#classbgbox ul li a {
height: 46px;
display: block;
background: url(../images/classpages/class.gif) no-repeat;
text-align: center; 
font-size: small;
padding-top: 155px;
overflow: hidden;
color: #F60000;
font-weight: bold;
}

#classbgbox ul li.year3 { 
margin-left: 85px;}


#classbgbox ul li a:hover
{background-position: 4px 3px;}



#classpagepusher {clear: both;}



#kidszoneBody .small {position: absolute; top: 50px;}



#kidszonebox  ul{position: relative; background-image: url(../images/kidszoneimages/kidszonebg.jpg); 
background-repeat: no-repeat; top: 0px; height: 590px; width: 486px; margin: 0px auto; 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{
display: block;
overflow: hidden;
font-weight: bold;
text-indent: -5000px;
position: absolute;
top: 0px; 
left: 0px;
}

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

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


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

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

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

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

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

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

/* For the Governors' Zone */

#gov_box {
position: relative; 
top: 0;/* Use margin-top to push the gov_box down*/ 
left: 0; 
margin: 23px auto 0; 
height: 360px; 
width: 380px;
clear: both;
}
#gov_login p a{position: relative; top :0; left: 0; margin: 0; padding: 0;}
.govstext {
font-size: small;
font-weight: bold;
padding-top: 85px;
text-align: center;
}

#cplogin {position: relative; top: 330px;}

div#profiles a, div#govcalendar a, div#forum a, div#meetings a, div#docs a, div#weblinks a {
position: absolute;
width: 100px;
height: 140px;
display: block;
}
div#profiles a, div#govcalendar a, div#forum a{top: 0px;}
div#meetings a, div#docs a, div#weblinks a {top: 150px;}

div#profiles a {left: 10px; background: url(../images/govs_zone/profiles.gif) no-repeat;}
div#govcalendar a {left: 150px; background: url(../images/govs_zone/calendar.gif) no-repeat;}		
div#forum a {left: 290px; background: url(../images/govs_zone/forum.gif) no-repeat;}
div#meetings a {left: 10px; background: url(../images/govs_zone/meetings.gif) no-repeat;}
div#docs a {left: 150px; background: url(../images/govs_zone/docs.gif) no-repeat;}
div#weblinks a {left: 290px; background: url(../images/govs_zone/links.gif) no-repeat;}

div#profiles a:hover , 
div#govcalendar a:hover , 
div#forum a:hover , 
div#meetings a:hover , 
div#docs a:hover , 
div#weblinks a:hover  {
background-position: -100px 0;
}

.addmessage{font-size:medium;text-align:center;font-weight:bold}
#Guestbook .sort{font-size:small;text-align:center;width:100%}
#Guestbook .allowdeny{font-size:x-small;height:1%}
#Guestbook .guest{padding:10px 5px 10px 5px;font-size:x-small;height:1%}
#Guestbook .message{padding:10px 5px 10px 5px;font-size:small;height:1%}
#Guestbook{border:#1D0F8A solid thick}
#Guestbook .sort{background-color:#1D0F8A}
#Guestbook .sort a{color:#FF0}
#Guestbook .sort a:hover{color:#FFF}
#Guestbook .allowdeny{color:#FF0;background-color:#1D0F8A}
#Guestbook .allowdeny a{color:#FF0}
#Guestbook .allowdeny a:hover{color:#FFF}
#Guestbook .guest{background-color:#FFED6F}
#Guestbook .message{background-color:#FFF}
body #addmessagediv{width:630px;height:100%;display:block;position:relative;margin:0 auto}
#guestbookform input,#guestbookform select{width:100px !important}
#guestbookform textarea {width:300px !important}

/* 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;}
/*#termevents div.small a {color: #fff}#termevents div.small a:hover {color: #ff0; text-decoration: underline}*/

/* 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;color: #000}
.dwzCellNextMonth{color:#999999;background-color: #d1d1d0;}
.dwzCellPrevMonth{color:#999999;background-color: #d1d1d0;}
.dwzCellNoEvent{color:#000000;background-color:#e4e4e0;}
.dwzCellEvent{background-color:#666666;}

/* Fix title positioning on the sitemap/sitepolicy pages and fix the inconsistent positioning of backto links */
ol#sitemap,
#sitepolicyBody h1,
#content p.small,
#content p{
margin-top:0;
}