@import url(../styles/list_nav.css);

/* For the page */

html{
margin: 0;
padding: 0;
}

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

#wrapper {
top: 15px;
margin: 0 auto;
padding: 0;
width: 980px;
position: relative;
}
#innerWrapper {
margin: 0;
padding: 0;
}
#innerWrapperpurple {
margin: 0;
padding: 0;
background:url( ../images/purple.gif) repeat-y;
}
#innerWrappergreen {
margin: 0;
padding: 0;
background:url( ../images/green.gif) repeat-y;
}
#innerWrapperblue {
margin: 0;
padding: 0;
background:url( ../images/blue.gif) repeat-y;
}
#innerWrapperorange {
margin: 0;
padding: 0;
background:url( ../images/orange.gif) repeat-y;
}
#innerWrapperred {
margin: 0;
padding: 0;
background:url( ../images/red.gif) repeat-y;
}
#innerWrappergray {
margin: 0;
padding: 0;
background:url( ../images/gray.gif) repeat-y;
}
#innerWrapperblack {
margin: 0;
padding: 0;
background:url( ../images/black.gif) repeat-y;
}



.MediaFloat{
margin:6px 24px;
_margin: 4px 20px;
width: 148px; }




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

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




/*For Content Pages */
#content{
margin: 80px 15px 0px 175px; /* Top, Right, Bottom, Left */
padding:0;
position: relative;
min-height: 345px;
background: none;
}


/* To style the Content area on the Homepage */
#homeBody #content{min-height: 300px; margin: 10px;}



/*For Footer */
#footer {
position: relative;
background: #000;
height: 140px;
padding: 0;
margin: 0;
border-top: solid #fff 6px;
}





#addressbar {
position: relative;
top: 35px;
background: #fff url(../images/sm-logo.gif) no-repeat;
height: 100px;
padding: 0; margin: 0;
border-top: 10px solid #fff;}

#addressbar p {
position: relative;
color: #1B6F32; 
font-weight: bold;
top: 43px; 
left: 65px;
font-size: 12px;
padding: 0;
margin: 0;
width: 910px;
}




#topNavBar {
position: absolute;
top: 205px; left: 0px;
width: 980px; height: 50px;
background-color: #fff;
margin: 0;
padding: 0;
}

 /*   !!! REMEMBER IF YOU ADD TO OR CHANGE THEESE TO CHANGE IT IN special_includes\meta_data.asp FOR IE 6 !!!   */ 

#topNavBar.purple {border-bottom: 20px #A600B0 solid;}

#topNavBar.green {border-bottom: 20px #168D39 solid;}

#topNavBar.blue {border-bottom: 20px #4448F0 solid;}

#topNavBar.orange {border-bottom: 20px #ED8E12 solid;}

#topNavBar.red {border-bottom: 20px #D11D14 solid;}

#topNavBar.gray {border-bottom: 20px #C6E4CD solid;}

#topNavBar.black {border-bottom: 20px #000000 solid;}


/*For Navigation column */
#navigationTTL, #purpleNavTTL, #greenNavTTL, #blueNavTTL, #redNavTTL, #orangeNavTTL , #blackNavTTL 
{display: none;}


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




/* To globally style page Titles */

h1.pageTitle {
position: relative;
top: 0px;
margin: 0;
padding: 0;
display: block;
width: 450px; 
height: 45px;
text-indent: -5000px;
}

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

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

#welcomeBody h1.pageTitle 	{background: url( ../images/pageTitles/welcome.gif) no-repeat;}
#keyinfoBody h1.pageTitle 	{background: url( ../images/pageTitles/aims.gif) no-repeat;}
#staffBody h1.pageTitle 		{background: url( ../images/pageTitles/staff.gif) no-repeat;}
#facilitiesBody h1.pageTitle {background: url( ../images/pageTitles/facilities.gif) no-repeat;}
#eventsBody h1.pageTitle 	{background: url( ../images/pageTitles/events.gif) no-repeat;}
#localinfoBody h1.pageTitle 	{background: url( ../images/pageTitles/localinfo.gif) no-repeat;}

#aboutssBody h1.pageTitle 	{background: url( ../images/pageTitles/aboutss.gif) no-repeat;}
#courseBody h1.pageTitle 	{background: url( ../images/pageTitles/course.gif) no-repeat;}
#babyBody h1.pageTitle 		{background: url( ../images/pageTitles/baby.gif) no-repeat;}
#parentsBody h1.pageTitle 	{background: url( ../images/pageTitles/parents.gif) no-repeat;}
#earlyBody h1.pageTitle 		{background: url( ../images/pageTitles/early.gif) no-repeat;}
#jobsBody h1.pageTitle 		{background: url( ../images/pageTitles/jobs.gif) no-repeat;}
#childBody h1.pageTitle 		{background: url( ../images/pageTitles/child.gif) no-repeat;}
#healthBody h1.pageTitle 	{background: url( ../images/pageTitles/health.gif) no-repeat;}
#pupilsBody h1.pageTitle 	{background: url( ../images/pageTitles/pupils.gif) no-repeat;}

#directoryBody h1.pageTitle 	{background: url( ../images/pageTitles/sportdirectory.gif) no-repeat;}
#schoolsBody h1.pageTitle 	{background: url( ../images/pageTitles/schools.gif) no-repeat;}
#sixformBody h1.pageTitle 	{background: url( ../images/pageTitles/sixform.gif) no-repeat;}
#famlearnBody h1.pageTitle 	{background: url( ../images/pageTitles/famlearn.gif) no-repeat;}
#adlearnBody h1.pageTitle 	{background: url( ../images/pageTitles/adlearn.gif) no-repeat;}
#youthBody h1.pageTitle 		{background: url( ../images/pageTitles/youth.gif) no-repeat;}
#careersBody h1.pageTitle 	{background: url( ../images/pageTitles/careers.gif) no-repeat;}
#sportBody h1.pageTitle 		{background: url( ../images/pageTitles/sport.gif) no-repeat;}
#clubsBody h1.pageTitle 		{background: url( ../images/pageTitles/clubs.gif) no-repeat;}
#artsBody h1.pageTitle 		{background: url( ../images/pageTitles/arts.gif) no-repeat;}

#lnewsBody h1.pageTitle 		{background: url( ../images/pageTitles/news.gif) no-repeat;}
#newslettersBody h1.pageTitle {background: url( ../images/pageTitles/newsletters.gif) no-repeat;}

#noaccessBody h1.pageTitle 		{background: url( ../images/pageTitles/noaccess.gif) no-repeat;}
#hlpcscBody h1.pageTitle 		{background: url( ../images/pageTitles/hlpcsc.gif) no-repeat;}
#strategyBody h1.pageTitle 		{background: url( ../images/pageTitles/strategy.gif) no-repeat;}
#hlpschgrpBody h1.pageTitle {background: url( ../images/pageTitles/hlpschgrp.gif) no-repeat;}
#extservgrpBody h1.pageTitle 		{background: url( ../images/pageTitles/extservgrp.gif) no-repeat;}
#childcentreBody h1.pageTitle {background: url( ../images/pageTitles/childcentre.gif) no-repeat;}
#financeBody h1.pageTitle 		{background: url( ../images/pageTitles/finance.gif) no-repeat;}
#govforumBody h1.pageTitle {background: url( ../images/pageTitles/govforum.gif) no-repeat;}
#trainingBody h1.pageTitle {background: url( ../images/pageTitles/training.gif) no-repeat;}

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






/*Layout Engine Stuff - no need to edit this.*/
ul#topcontrols {top: -15px; margin: 0; padding: 0; text-align: right; position: absolute; z-index: 500; width: 100%;}
#topcontrols li {display: inline; margin-right: 10px;}

#searchbox {position: relative; width: 960px; margin: -115px auto 0px; padding: 0; font-size: small; font-weight: bold; color: #fff; z-index: 200;}
#googlesearch {float: left;}
#googlesearch form {position: absolute; top: -5px;}


#secure_area {position: relative; width: 960px; margin: 0px auto; padding: 0; font-size: small; font-weight: bold; color: #fff; z-index: 100;}
#secure_area a {float: right; color: #fff; margin-bottom: 8px;}


#baseText {position: relative; clear: both;width: 960px; margin: 0px auto; padding: 5px; font-size: x-small; font-weight: bold; font-style: italic; color: #404040; z-index: 100;}
#baseText a {color: #404040;}  #baseText a:hover {color: #404040; text-decoration: underline;}
#copyRight {float: left;}
#sitePrivacy {float: left; padding-left: 10px;}
a#byPrimarySite {float: right;}

li#FGview {display: none;}
.w3cbadge {margin-top: 10px; border: none;}
/* For Login and Web logo*/
p#logStandards{
position: relative;
top: 0;
width: 88px; 
margin: 0 auto; 
padding: 0px; 
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 */
}

.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: #ed143c; text-decoration: underline;}
a:active{color: #ed143c; text-decoration: none;}



#topNavBar #surestart a {
background: url(../images/teasers/surestart.gif) no-repeat; 
display: block;
width: 170px; height: 100px;
text-indent: -5000px;
}
#topNavBar #surestart a:hover {background-position: -170px 0px;}


#homeText {
width: 360px; height: 60px; 
display: block; position: absolute;
top: 0px; left: 210px;
color: #000; font-weight: bold;
margin: 0; padding: 0;
}
#homeText p {
margin: 0; padding: 0;
text-align: justify;
}



#latestNews {
position: absolute;
display: block;
width: 500px;
left: 295px; top: -45px;
color: #fff; font-weight: bold;
z-index: 100;
}

#homeBody #latestNews{top: -55px;}

#latestNews a {color: #fff;}

.newstitlehome {
background: none; 
padding: 5px 8px; margin: 0;}

#latestNews h2{
visibility: hidden;
margin: 0; padding: 0;}






#hitcounter {
position: absolute;
top: 265px; left: 7px;
width: 150px;
margin: 0; padding: 0;
text-align: center;
}

#hitcounter p {
padding: 0; margin: 0;
font-weight: bold;
line-height: 1.6em;
}

#hitcounter .numbers {
font-size: medium;
background-color: #000; color: #fff;
padding: 2px 5px; margin: 1px;
}



#fader{
position: absolute;
left: 210px; top: 85px;
width: 365px; height: 225px;
overflow: hidden;
}

#EditSlideButton {position: absolute; z-index: 500; top: 78px; left: 200px;}

#fader img {width: 100%;}
		
#fadermask{
position: absolute;
left: 205px; top: 80px;
width: 375px; height: 235px;
overflow: hidden;
background-image: url(../images/fadermask.png);
z-index: 100;}	
	
	
	
/* Teasers */


#teaserbox{
position: absolute;
top: 0px; left: 600px;
width: 380px; height: 300px;
margin: 0; padding: 0;
}

#teaserbox ul {
position: absolute;
left: 0px; top: 0px;
margin: 0; padding: 0;
list-style-type: none;
text-align: center;
width: 380px;
}
#teaserbox ul li {
position: relative;
display: inline;
text-indent: -5000px; 
float: left;
}

#teaserbox ul li a {
position: relative;
display: block; 
height: 103px; 
width: 154px;
margin: 0px 15px;
}

#teaserbox ul li a:hover {background-position: -154px 0px;}

li.parents a{
background: url(../images/teasers/parsup.gif) no-repeat;
}

li.child a{
background: url(../images/teasers/chcare.gif) no-repeat;
}

li.jobs a{
background: url(../images/teasers/jobs.gif) no-repeat;
}

li.schools a{
background: url(../images/teasers/sch.gif) no-repeat;
}

li.activities a{
background: url(../images/teasers/acts.gif) no-repeat;
}

li.youth a{
background: url(../images/teasers/youth.gif) no-repeat;
}






#hlpcsc-links-box ul {
position: relative;
left: 0px; top: 0px;
margin: 10px 20px; padding: 0;
list-style-type: none;
text-align: center;
width: 800px; height: 120px;}

#hlpcsc-links-box ul li {
position: relative;
display: inline;
float: left;
font-size: medium;
font-weight: bold;
text-indent: -5000px;}

#hlpcsc-links-box ul li a {
position: relative;
display: block; 
height: 60px; width: 90px;
margin: 0px 20px;
padding: 20px 5px;
color: #000;}

#hlpcsc-links-box ul li a:hover {
background-position: -100px 0px;
text-decoration: none;}

li.strategy a{
background: url(../images/securearea/strategy.gif) no-repeat;
}

li.hlpschgrp a{
background: url(../images/securearea/hlpschgrp.gif) no-repeat;
}

li.extservgrp a{
background: url(../images/securearea/extservgrp.gif) no-repeat;
}

li.childcentre a{
background: url(../images/securearea/childcentre.gif) no-repeat;
}

li.finance a{
background: url(../images/securearea/finance.gif) no-repeat;
}




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

#topNavBar .newstitlehome  .newsdate {
display:none;
}