@import url(../styles/popup_nav.css);
/*@import url(../styles/list_nav.css); for popup navigation sites*/

/* For the page */

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

body{
margin: 0;
padding: 0;
}

/*Page: structural elements*/
#wrapper {
position: relative;
margin: 0 auto;
padding: 0;
width: 973px;
background: url( ../images/left-watermark.jpg) no-repeat 0 0;
}

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

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

#homeBody #innerWrapper {
background: none;
}

/* For the header */
#header{
background: url( ../images/header.jpg) no-repeat 0 12px;
height: 379px;
position: relative;
margin-bottom: -225px;
z-index: 100;
}
#header h1, 
#header h2 
{display: none; }

#homeBody  #header{
background: none;
height: 379px;
}

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

#column {
left:8px;
position:absolute;
top:124px;
width:166px;
z-index: 200;
}

/*For Content */
#content{ 
margin: 0px 27px 0px 257px; /* Top, Right, Bottom, Left */
padding:0px;
padding-bottom: 3px;
position: relative;
min-height: 390px;
z-index: 150;
}
#homeBody #content{margin: 0px 35px 0px 240px; /* Top, Right, Bottom, Left */}
/* To style the sitemap*/
#content li{
position: relative;
left: 15px;
list-style: none;
}
#homeBody #content li{left: 0;}

/*For Footer */
#footer {
position: relative;
background:url( ../images/footer.jpg) no-repeat bottom;
height: 114px;
z-index: 1;
clear: both;
margin: 0px;
padding: 0px;
}

#homeBody #footer {
position: absolute;
background:none;
height: 100px;
z-index: 300;
bottom: 12px;
margin: 0; padding: 0;
}


/*Layout Engine Stuff*/
ul#topcontrols {margin: 0; padding: 0; text-align: right; position: absolute; z-index: 500; width: 100%; background-color: #E5E5E5;}
#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{
top: 17px;
width: 88px; 
position: relative;
margin: 0 auto; 
padding: 0px; 
text-align: center;}



h1.pageTitle {
position: relative;
top: 0px;
left: 168px;
width: 314px; 
height: 40px;
margin: 8px 0 10px 0;
padding: 0;
display: block;
text-indent: -5000px;
}
#homeBody h1.pageTitle {
display: none;
}

#hactivitiesBody h1.pageTitle 	{background: url( ../images/pageTitles/hactivities.gif) no-repeat bottom;}
#ccentreBody h1.pageTitle 		{background: url( ../images/pageTitles/ccentre.gif) no-repeat bottom;}
#ceventsBody h1.pageTitle 		{background: url( ../images/pageTitles/cevents.gif) no-repeat bottom;}
#asactivitiesBody h1.pageTitle 	{background: url( ../images/pageTitles/asactivities.gif) no-repeat bottom;}
#learningBody h1.pageTitle 		{background: url( ../images/pageTitles/learning.gif) no-repeat bottom;}
#galleryBody h1.pageTitle 		{background: url( ../images/pageTitles/gallery.gif) no-repeat bottom;}
#newsBody h1.pageTitle 			{background: url( ../images/pageTitles/news.gif) no-repeat bottom;}
#usefullinksBody h1.pageTitle 	{background: url( ../images/pageTitles/usefullinks.gif) no-repeat bottom;}
#directoryBody h1.pageTitle 		{background: url( ../images/pageTitles/services.gif) no-repeat bottom;}
#staffBody h1.pageTitle 			{background: url( ../images/pageTitles/staff.gif) no-repeat bottom;}
#extendedBody h1.pageTitle 		{background: url( ../images/pageTitles/extended.gif) no-repeat bottom;}

/* Default Site Titles */
#contactBody h1.pageTitle 		{background: url( ../images/pageTitles/contact.gif) no-repeat bottom;}
#sitemapBody h1.pageTitle 		{background: url( ../images/pageTitles/sitemap.gif) no-repeat bottom;}
#sitepolicyBody h1.pageTitle 	{background: url( ../images/pageTitles/sitepolicy.gif) no-repeat bottom;}

/* Kids' Zone Titles */
#kidszoneBody h1.pageTitle 		{background: url( ../images/pageTitles/kidszone.gif) no-repeat bottom;}
#mathsBody h1.pageTitle 			{background: url( ../images/pageTitles/maths.gif) no-repeat bottom;}
#brainbuildersBody h1.pageTitle 	{background: url( ../images/pageTitles/brainbuilders.gif) no-repeat bottom;}
#scienceBody h1.pageTitle 		{background: url( ../images/pageTitles/science.gif) no-repeat bottom;}
#ks1linksBody h1.pageTitle 		{background: url( ../images/pageTitles/ks1links.gif) no-repeat bottom;}
#ks2linksBody  h1.pageTitle 		{background: url( ../images/pageTitles/ks2links.gif) no-repeat bottom;}
#gamesBody h1.pageTitle 			{background: url( ../images/pageTitles/games.gif) no-repeat bottom;}
#historyBody h1.pageTitle 		{background: url( ../images/pageTitles/history.gif) no-repeat bottom;}
#englishBody h1.pageTitle 		{background: url( ../images/pageTitles/english.gif) no-repeat bottom;}

/* Communitey Services Titles */
#adultedBody h1.pageTitle 		{background: url( ../images/pageTitles/adulted.gif) no-repeat bottom;}
#famservicesBody h1.pageTitle 			{background: url( ../images/pageTitles/famservices.gif) no-repeat bottom;}
#healthBody h1.pageTitle 	{background: url( ../images/pageTitles/health.gif) no-repeat bottom;}
#childcareBody h1.pageTitle 		{background: url( ../images/pageTitles/childcare.gif) no-repeat bottom;}
#facilitiesBody h1.pageTitle 		{background: url( ../images/pageTitles/facilities.gif) no-repeat bottom;}
#leisureBody  h1.pageTitle 		{background: url( ../images/pageTitles/leisure.gif) no-repeat bottom;}





/* ## Index page elements ## */
#hitcountbox {
position: relative;
height: 35px;  width: 150px;
margin: 0 auto;
padding: 0;
text-align: center;
}


#faderMask {
background:transparent url(../images/Mask.png) repeat scroll;
display:block;
left:459px;
position:absolute;
top:88px;
width:263px; height: 248px;
z-index:10;
}

#fader {
position: absolute;
display: block;
width:250px; 
height: 235px;
left: 470px;
top: 93px;
z-index: 0;
overflow:hidden;
background: #fff;
text-align: center;
}

#fader img {
height: 235px; 
display: block;
text-align: center;
}

#EditSlideButton {position: absolute;
top: 115px; right: -10px;
z-index: 5000000;}

/*Container for the Latest news and map of local services*/
#gfxleft {
position: absolute;
top: 169px;
left: 12px;
width: 236px;
height: 399px;
background: url(../images/left-watermark.jpg) no-repeat;
z-index: 200;}
#homeBody #gfxleft {
display: none;
}


/* #newsbox acts as a container for the news */
#newsbox{
position: absolute;
top: 22px;
left: 8px;
width: 220px;
height: 203px;
margin: 0 auto;
padding: 0;
overflow: hidden;
background-image: url(../images/newsbox.gif);
background-repeat: no-repeat;
color: #000000;
text-align: center;
}
#newsbox a{
color: #990000;
}
#newsbox a:hover{
color: #990000;
}
p.newstitlehome {
top: 0 !important;
padding: 0 !important;
margin: 0 !important;
margin-top: 10px !important;
}
p.newstitlehome a{
color: #FFF !important;
font-weight: bold;
}
p.newstitlehome .newsdate{
position: relative;
line-height: 12px !important;
color: #FF0;
}
#homeBody #newsbox{top: 35px; left: -220px; height: 198px;}


/*Map of Services Image*/
#localmap a{
position: absolute;
width: 197px;
height: 129px;
left: 15px;
top: 264px;
background: url(../images/navigation/map-link.gif) no-repeat;
display: block;
text-indent: -5000px;
}
#localmap a:hover{background-position: -197px 0;}

#homeBody #localmap a {left: -212px; top: 279px;}


/* #diarydatesbox acts as a container for the homepage calendar */
#diarydatesbox{
position: absolute;
top: 0px;
left: 0px;
width: 300px;
height: 300px;
}




#extended-services a {
position: absolute;
display: block;
overflow: hidden;
text-indent: -5000px;
width: 150px;
height: 80px;
background: url(../images/teasers/extended.gif) no-repeat;
left: 20px;
top: 175px;
}
#extended-services a:hover {background-position: -150px 0px;}





#teaserbox ul {position: relative; top: 16px; margin: 0; padding: 0; z-index: 1000 !important;}
#teaserbox ul li {position: absolute; display: inline; padding: 0; list-style-type: none;}

li.adultedhome a, li.famservhome a, li.healthhome a, li.eventshome a, li.childcarehome a, li.commfacilhome a, li.leisurehome a, li.staffhome a{
position: absolute;
display: block;
overflow: hidden;
text-indent: -5000px;
z-index: 5000;
/*width: 100px; 		Use this width if all images are the same width and remove widths in individual elements' styling*/
/*height: 100px; 		Use this height if all images are the same height and remove heights in individual elements' styling*/
}

li.adultedhome a{
width: 74px;
height: 77px;
background: url(../images/navigation/L5.gif) no-repeat;
left: 188px;
top: 192px;
}
li.adultedhome a:hover{background-position: -74px 0;} 

li.famservhome a{
width: 94px;
height: 59px;
background: url(../images/navigation/L6.gif) no-repeat;
left: 106px;
top: 98px;
}
li.famservhome a:hover{background-position: -94px 0;} 

li.healthhome a{
width: 91px;
height: 62px;
background: url(../images/navigation/L1.gif) no-repeat;
left: 140px;
top: 0px;
}
li.healthhome a:hover{background-position: -91px 0;}

li.childcarehome a{
width: 76px;
height: 75px;
background: url(../images/navigation/L2.gif) no-repeat;
left: 353px;
top: -20px;
}
li.childcarehome a:hover{background-position: -76px 0;} 

li.commfacilhome a{
width: 92px;
height: 60px;
background: url(../images/navigation/L3.gif) no-repeat;
left: 436px;
top: 58px;
}
li.commfacilhome a:hover{background-position: -92px 0;} 

li.leisurehome a{
width: 79px;
height: 69px;
background: url(../images/navigation/L4.gif) no-repeat;
left: 394px;
top: 195px;
}
li.leisurehome a:hover{background-position: -79px 0;} 

li.staffhome a{
width: 111px;
height: 40px;
background: url(../images/navigation/L7.gif) no-repeat;
left: 66px;
top: 245px;
}
li.staffhome a:hover{background-position: -111px 0;} 



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, li.ks1links a, li.ks2links a, li.english a, li.history a, li.science a:hover, li.maths a, li.brain a{
position: absolute;
display: block;
overflow: hidden;
font-weight: bold;
text-indent: -5000px;
background:transparent no-repeat scroll 0 0;
/*width: 100px; 		Use this width if all images are the same width and remove widths in individual elements' styling*/
/*height: 100px; 		Use this height if all images are the same height and remove heights in individual elements' styling*/
}

li.kgames a{
width: 107px;
height: 90px;
background-image: url(../images/kidszoneimages/games.gif);
left: 180px;
top: 0px;
}
li.kgames a:hover{background-position: -107px 0;} 

li.ks1links a {
background-image: url(../images/kidszoneimages/ks1links.gif);
height:99px;
left:0;
top:50px;
width:142px;
}
li.ks1links a:hover {background-position:-142px 0;}

li.ks2links a {
background-image: url(../images/kidszoneimages/ks2links.gif);
height:107px;
left:305px;
top:56px;
width:142px;
}
li.ks2links a:hover {background-position:-142px 0;}

li.english a {
background-image: url(../images/kidszoneimages/english.gif);
height:91px;
left:31px;
top:221px;
width:108px;
}
li.english a:hover {background-position:-108px 0;}

li.history a {
background-image: url(../images/kidszoneimages/history.gif);
height:95px;
left:509px;
top:36px;
width:106px;
}
li.history a:hover {background-position:-106px 0;}

li.science a {
background-image: url(../images/kidszoneimages/science.gif);
height:105px;
left:185px;
top:214px;
width:116px;
}
li.science a:hover {background-position:-116px 0;}

li.maths a {
background-image: url(../images/kidszoneimages/maths.gif);
height:87px;
left:320px;
top:242px;
width:106px;
}
li.maths a:hover {background-position:-106px 0;}

li.brain a {
background-image: url(../images/kidszoneimages/brain.gif);
height:90px;
left:483px;
top:203px;
width:153px;
}
li.brain a:hover {background-position:-153px 0;}


/* (6)  Classpages / Year Groups */


#classbgbox {position: relative; margin: 0 auto;} /* For classpage background image, and also used to force height on classpage */
#classbgbox ul {margin: 0; padding: 0;}
#classbgbox ul li {position: relative; display: inline; padding: 0; list-style-type: none;}

li.nursery a, li.foundation a, li.reception a, li.year1 a, li.year2 a, li.year3 a, li.year4 a, li.year5 a, li.year6 a {
display: block; 
text-indent: -5000px; 
overflow: hidden; 
position: absolute;
background: no-repeat;
/*width: 100px; 		Use this width if all images are the same width and remove widths in individual elements' styling*/
/*height: 100px; 		Use this height if all images are the same height and remove heights in individual elements' styling*/
}

li.nursery a {
width: 100px;
height: 100px;
background-image: url(../images/classpages/nursery.gif);
left: 0px;
top: 0px;
}
li.nursery a:hover {background-position: -100px 0;}

li.foundation a {
width: 100px;
height: 100px;
background-image: url(../images/classpages/foundation.gif);
left: 0px;
top: 0px;
}
li.foundation a:hover {background-position: -100px 0;}

li.reception a {
width: 100px;
height: 100px;
background-image: url(../images/classpages/reception.gif);
left: 0px;
top: 0px;
}
li.reception a:hover {background-position: -100px 0;}

li.year1 a {
width: 100px;
height: 100px;
background-image: url(../images/classpages/year1.gif);
left: 0px;
top: 0px;
}
li.year1 a:hover {background-position: -100px 0;} 

li.year2 a {
width: 100px;
height: 100px;
background-image: url(../images/classpages/year2.gif);
left: 0px;
top: 0px;
}
li.year2 a:hover {background-position: -100px 0;} 

li.year3 a {
width: 100px;
height: 100px;
background-image: url(../images/classpages/year3.gif);
left: 0px;
top: 0px;
}
li.year3 a:hover {background-position: -100px 0;}

li.year4 a {
width: 100px;
height: 100px;
background-image: url(../images/classpages/year4.gif);
left: 0px;
top: 0px;
}
li.year4 a:hover {background-position: -100px 0;}

li.year5 a {
width: 100px;
height: 100px;
background-image: url(../images/classpages/year5.gif);
left: 0px;
top: 0px;
}
li.year5 a:hover {background-position: -100px 0;}

li.year6 a {
width: 100px;
height: 100px;
background-image: url(../images/classpages/year6.gif);
left: 0px;
top: 0px;
}
li.year6 a:hover {background-position: -100px 0;}





#school-links ul {position: absolute; top: 0px; margin: 0; padding: 0; z-index: 1 !important;}
#school-links ul li {top: 0px; left: 0px; position: absolute; display: block; padding: 0; list-style-type: none;}

li.jb a, li.as a, li.ce a, li.cp a, li.fsp a, li.no a, li.jh a, li.gs a, li.wp a{
position: absolute;
display: block;
padding-top: 50px;
font-size: smaller;
font-weight: bold;
text-align: center;
line-height: 1.05em;
}

li.jb a {left: 30px; top: 20px; width: 90px;} 
li.as a {left: 135px; top: 20px; width: 90px;} 
li.ce a {left: 230px; top: 5px; width: 90px;} 
li.cp a {left: 335px; top: 20px; width: 90px;} 
li.fsp a {left: 435px; top: 15px; width: 120px;} 
li.no a {left: 555px; top: 25px; width: 100px;}  
li.gs a {left: 665px; top: 20px; width: 60px;} 
li.jh a {left: 740px; top: 25px; width: 110px;}
li.wp a {left: 865px; top: 15px; width: 90px;}



#homeBody li.jb a {left: 240px; top: -5px; width: 90px;} 
#homeBody li.as a {left: 305px; top: 25px; width: 90px;} 
#homeBody li.ce a {left: 380px; top: 5px; width: 90px;} 
#homeBody li.cp a {left: 455px; top: -15px; width: 90px;} 
#homeBody li.fsp a {left: 510px; top: 25px; width: 110px;} 
#homeBody li.no a {left: 605px; top: 10px; width: 100px;}
#homeBody li.gs a {left: 710px; top: 25px; width: 60px;}  
#homeBody li.jh a {left: 775px; top: 5px; width: 110px;} 
#homeBody li.wp a {left: 860px; top: 25px; width: 90px; text-align: right;}




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

.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;}





.listingouter {
width: 650px; 
margin: 0 auto;
padding-bottom: 20px;

}

.listingouter h4 {font-weight: bold; font-size: 1.2em; padding-top: 20px;}

.listingouter h3 {
font-size: 2em !important; 
margin-left: -5px; 
margin-bottom: 15px;
margin-top: 0px;
}


#itemdescwrapper {
border: 1px solid #6a6fc6;
}


dl#listingbox {
margin: 0; margin-top: 20px;
background: #eaebff;
padding-left: 5px;
}

#listingbox dt {
font-weight: bold;
float: left;
clear: left;
min-height: 2em;
width: 30%;
padding: 5px 0% 7px 0%;
}
#listingbox dd {
margin-left: 40%;
min-height: 2em;
background: #f5f5ff;
padding: 5px 5% 5px 5%;
border-bottom: 2px solid #eaebff;
}

#itemdesc { 
padding: 10px; 
background: #eaebff;
border-bottom: 2px solid #eaebff;
margin-bottom: -20px;
}

#itemdloc em {
font-weight: bold;
font-style: normal;
}