@charset "UTF-8";

/*
---------------------------------------------------------------------------------
= ACKNOWLEDGEMENT
---------------------------------------------------------------------------------
*/
/*

Author:		Christopher Taylor, Stephen Dupree
Date:		Copyright September 2008

*/
/*
---------------------------------------------------------------------------------
= IMPORT SEPERATE STYLE SHEETS
---------------------------------------------------------------------------------
*/

@import url("reset.css");
@import url("print.css");
@import url("typography.css");
@import url("ddlevelsmenu-base.css");
@import url("ddlevelsmenu-sidebar.css");

/*
---------------------------------------------------------------------------------
= MAIN ELEMENTS
---------------------------------------------------------------------------------
*/

html { background:#0099D1 url(../images/html.png) repeat-x; text-align:center; }
body { font-size: 62.5%; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; text-align:left; background:url(../images/body.png) no-repeat center top; }

div#wrapper { width:850px; margin: 0px auto; }

/*
---------------------------------------------------------------------------------
= LAYOUT ELEMENTS
---------------------------------------------------------------------------------
*/

div#masthead { position:relative; width:850px; height:220px; background:url(../images/masthead.png) no-repeat; padding:0px 0px 0px 0px; }
div#content { position:relative; width:850px; background: #FFFFFF url(../images/content_bg.png) top center no-repeat; }
div#footer { position:relative; background:#005185; padding:15px; }

div#leftColumn			{ float:left; width:230px; display:inline; margin-top:10px; margin-left:10px; }
div#rightColumn			{ float:right; width:555px; display:inline; margin-top:30px; margin-right:34px; }
div#rightColumn.Home, div#rightColumn.Theme
{ margin-top:10px; }

/* Sets up basic grid/column floating and margin. */
div.col-2left, div.col-2right 
{ float:left; display:inline; margin:0; position:relative; width:265px; }

div.col-2left	{ margin-right:25px; }


div.clear { clear: both; }

/*
---------------------------------------------------------------------------------
= MASTHEAD
---------------------------------------------------------------------------------
*/

/* logo */
#logo 					{ position:absolute; left:40px; top:35px; background-image:url(../images/logo.png); background-repeat:no-repeat; width:160px; height:160px; margin:0px; }
#logo h1, #logo small	{ margin:0px; display:block; text-indent:-9999px; }

#eventsNote		{ position:absolute; left:730px; top:25px; width:170px; height:170px; margin:0px; }
#eventsNote a	{ width:170px; height:170px; display:block; background:url(../images/btns/btnEventsNote-trans.png) no-repeat; text-indent:-9999px; cursor:pointer; }



/* login btn */
div#login { position:absolute; right:20px; top:0px; height: 39px; width: 200px; display:block; text-indent:-9999px; }
div#login a { background-image:url(../images/btns/login_norm.png); height: 39px; width: 200px; display: block; }
div#login a { background-position:0px 0px; }
div#login a:hover { background-position:0px 0px; }

/*
---------------------------------------------------------------------------------
= NAVIGATION
---------------------------------------------------------------------------------
*/

/* main menu */
div#mainMenu { /* width:219px; */ }

h3#headMainMenu { background:url(../images/nav/head_mainMenu.png) no-repeat; height:36px; margin:0px; display:block; text-indent:-9999px; }
div#footMainMenu { background:url(../images/nav/foot_mainMenu.png) no-repeat; height:21px; margin:0px 0px 8px 0px; display:block; }

li#hsem a { background:#cfeaf3 url(../images/nav/bullet_mainMenu.png) no-repeat scroll 6px 50%; }
li#hsem a:hover, li#hsem a.selected 
{ color: white; background:#29abe2 url(../images/nav/bullet_mainMenu_over.png) 6px 50% no-repeat; }

li#c4l a { background:#ffff01 url(../images/nav/nav_C4L_off.png) no-repeat; height:40px; width:215px; margin:0px; padding:0px; display:block; text-indent:-9999px; }
li#c4l a:hover { background:#ffff01 url(../images/nav/nav_C4L_on.png) no-repeat; }

/* resources menu */
div#resources { width:219px; }
div#resources ul { list-style-type: none; margin:0; padding:0; font-size:1.2em;  }
div#resources ul li { border-bottom:solid #006b37 2px; margin:0; padding:0; border-left: solid #006b37 2px; border-right: solid #006b37 2px; }
div#resources ul li a { background:#8ac640 url(../images/nav/bullet_resources.png) 6px 50% no-repeat; color:#006b37; display:block; padding: 6px 6px 6px 20px; text-decoration: none; width:auto; font-weight:bold; }
div#resources ul li a:hover { background:#006b37 url(../images/nav/bullet_resources_over.png) 6px 50% no-repeat; color: #FFFFFF; text-decoration:none; }

h3#headResources { background:url(../images/nav/head_resources.png) no-repeat; height:37px; margin:0px; display:block; text-indent:-9999px; }
div#footResources { background:url(../images/nav/foot_resources.png) no-repeat; height:23px; margin:0px 0px 8px 0px; }

/* contact panel */
h3#headContact { background:url(../images/nav/head_contact.png) no-repeat; height:20px; margin:0px; display:block; text-indent:-9999px; }
div#footContact { background:url(../images/nav/foot_contact.png) no-repeat; height:23px; margin:0px 0px 8px 0px; }
ul#contactDetails { width:216px; background:#f5f5f5; border-left: solid #dbdbdb 2px; border-right: solid #dbdbdb 2px; }

ul#contactDetails li { font-size:1.2em; color:#29abe2; font-weight:bold; padding-left:12px; }
ul#contactDetails li a { color:#29abe2; font-weight:bold; text-decoration:none }
ul#contactDetails li a:hover { color:#005184; font-weight:bold; text-decoration:underline; }
ul#contactDetails img {margin-right:10px; }

/*
---------------------------------------------------------------------------------
= MAIN CONTENT
---------------------------------------------------------------------------------
*/

/* block element */
.block_container { position:relative; border:1px solid #dbdbdb; margin-bottom:10px; }
.block_inside { display:block; border:1px solid #ffffff; background: #ffffff url(images/background_block_slice.jpg) repeat-x; padding:25px; overflow:auto; }
.block_container .block_inside { background:none; background-color:#f5f5f5; }
.block_container .block_img { position: relative; float:left; padding:2px; border:1px solid #dbdbdb; margin-right:15px; }
.block_container .block_imgright { position: relative; float:right; padding:2px; border:1px solid #dbdbdb; margin-right:15px;  }
.block_container a { font-size:1em; }

/* block element - reminder (home page) */
.block_type { padding-left:150px; }
.block_container .block_imgNone { position: relative; float:left; padding:2px; border:none; margin-right:15px; }

/* lists */
div#rightColumn ul { font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#29abe2; margin-bottom:10px; line-height:1.25em; margin-left:10px; list-style-type:none; }
div#rightColumn ul li { background:transparent url(../images/nav/bullet_ul.png) no-repeat; background-position:0px 1px; padding-left:20px; margin-bottom:0.8em; }
div#rightColumn ul li a { text-decoration:underline; color:#29abe2; }
div#rightColumn ul li a:hover { text-decoration:underline; color:#29abe2; }

/* hr break */
div#rightColumn div.hr { height: 1px; background: #fff url('../images/hr.png') repeat-x scroll center; margin-bottom:10px; clear:left; }
div#rightColumn div.hr hr { display: none; }

/* back to top */
.backtotop { height: 24px; width: 124px; display:block; text-indent:-9999px; clear:both; margin-top:10px;  }
.backtotop a { background-image: url(../images/backtotop.png); height: 24px; width: 124px; display: block; }
.backtotop a { background-position:0px 0px; }
.backtotop a:hover { background-position:0px 0px; }

/* back to news */
.backtonews { height: 24px; width: 143px; display:block; text-indent:-9999px; clear:both; margin-top:10px;  }
.backtonews a { background-image: url(../images/backtonews.png); height: 24px; width: 143px; display: block; }
.backtonews a { background-position:0px 0px; }
.backtonews a:hover { background-position:0px 0px; }

/* back to news archive */
.backtonewsarchive { height: 24px; width: 124px; display:block; text-indent:-9999px; clear:both; margin-top:10px;  }
.backtonewsarchive a { background-image: url(../images/backtonewsarchive.png); height: 24px; width: 124px; display: block; }
.backtonewsarchive a { background-position:0px 0px; }
.backtonewsarchive a:hover { background-position:0px 0px; }

/* content images */
.imgleft { float:left; padding:2px; border:1px solid #dbdbdb; margin: 0px 15px 10px 0px; clear:both; }
.imgright { float:right; padding:2px; border:1px solid #dbdbdb; margin: 0px 0px 10px 15px; clear:both; }

/* block element - icon section */
.block_icon { position:relative; margin-bottom:10px; overflow:auto; display:block; border:1px solid #dbdbdb; padding:10px; }
.block_icon .icon_img { position:relative; float:left; margin-right:10px; }
.block_icon p { padding-top:10px; margin-bottom:0px; }

/* map block element */
.mapblock_container { position:relative; width:520px; height:400px; border:none; margin:0; padding:0; background-image:url(../images/mapblock/mapblock_bg.png); }
.mapblock_inside { float:left; width:220px; height:160px; border:none; margin:15px; padding:0; }
.mapblock_container .mapblock_inside { background:none; }
.mapblock_container .mapblock_img { position: relative; float:left; }

/* content images */
.ecmtitle { float:left; padding:1px; border:2px solid #f996d0; margin: 0px 6px 6px 0px; }
.ecmleft { float:left; padding:2px; border:1px solid #dbdbdb; margin: 0px 6px 6px 0px; }
.ecmright { float:right; padding:2px; border:1px solid #dbdbdb; margin: 0px 0px 6px 0px; }

/*
---------------------------------------------------------------------------------
= THEME BLOCKS
---------------------------------------------------------------------------------
*/

/* Theme titles */
div#rightColumn.Theme h2
{ font-size:2em; color:#FFF; font-weight:bold; position:absolute; left:20px; top:14px;}

.iehwb_block	{ position:relative; background: #3f2682 url(../images/themes/titleBgIEHWB.png) top center no-repeat; height:48px; margin-bottom:10px; }
.ro_block		{ position:relative; background: #1cbeb4 url(../images/themes/titleBgRO.png) top center no-repeat; height:48px; margin-bottom:10px; }
.rtp_block		{ position:relative; background: #e6c900 url(../images/themes/titleBgRTP.png) top center no-repeat; height:48px; margin-bottom:10px; }
.rsm_block		{ position:relative; background: #e52b38 url(../images/themes/titleBgRSM.png) top center no-repeat; height:48px; margin-bottom:10px; }

.ehwb_block		{ position:relative; background: #842ea4 url(../images/themes/titleBgEHWB.png) top center no-repeat; height:48px; margin-bottom:10px; }
.he_block		{ position:relative; background: #6db43f url(../images/themes/titleBgHE.png) top center no-repeat; height:48px; margin-bottom:10px; }
.pshe_block		{ position:relative; background: #d50080 url(../images/themes/titleBgPSHE.png) top center no-repeat; height:48px; margin-bottom:10px; }
.pa_block		{ position:relative; background: #f8981d url(../images/themes/titleBgPA.png) top center no-repeat; height:48px; margin-bottom:10px; }

.tlc_block		{ position:relative; background: #009E49 url(../images/themes/titleBgTLC.png) top center no-repeat; height:48px; margin-bottom:10px; }


/* EHWB block element */
.ehw_block_container { position:relative; border:1px solid #842ea4; margin-bottom:10px; } /* OLD: #8143D7 */
.ehw_block_inside { display:block; border:1px solid #FFF; background: #FFF; padding:20px; overflow:auto; }
.ehw_block_container .ehw_block_inside { background:none; background-color:#842ea4; }
.ehw_block_container .ehw_block_img { position: relative; float:left; padding:2px; border:1px solid #dbdbdb; margin-right:15px; }
.ehw_block_container .ehw_block_imgright { position: relative; float:right; padding:2px; border:1px solid #dbdbdb; margin-right:15px;  }
.ehw_block_container a { font-size:1em; }

/* HE block element */
.he_block_container { position:relative; border:1px solid #6db43f; margin-bottom:10px; } /* OLD: #7AC03C */
.he_block_inside { display:block; border:1px solid #FFF; background: #FFF; padding:20px; overflow:auto; }
.he_block_container .he_block_inside { background:none; background-color:#6db43f; }
.he_block_container .he_block_img { position: relative; float:left; padding:2px; border:1px solid #dbdbdb; margin-right:15px; }
.he_block_container .he_block_imgright { position: relative; float:right; padding:2px; border:1px solid #dbdbdb; margin-right:15px;  }
.he_block_container a { font-size:1em; }

/* PSHE block element */
.pshe_block_container { position:relative; border:1px solid #d50080; margin-bottom:10px; } /* OLD: #C13A76 */
.pshe_block_inside { display:block; border:1px solid #FFF; background: #FFF; padding:20px; overflow:auto; }
.pshe_block_container .pshe_block_inside { background:none; background-color:#d50080; }
.pshe_block_container .pshe_block_img { position: relative; float:left; padding:2px; border:1px solid #dbdbdb; margin-right:15px; }
.pshe_block_container .pshe_block_imgright { position: relative; float:right; padding:2px; border:1px solid #dbdbdb; margin-right:15px;  }
.pshe_block_container a { font-size:1em; }

/* PA block element */
.pa_block_container { position:relative; border:1px solid #f8981d; margin-bottom:10px; } /* OLD: #F0A627 */
.pa_block_inside { display:block; border:1px solid #FFF; background: #FFF; padding:20px; overflow:auto; }
.pa_block_container .pa_block_inside { background:none; background-color:#f8981d; }
.pa_block_container .pa_block_img { position: relative; float:left; padding:2px; border:1px solid #dbdbdb; margin-right:15px; }
.pa_block_container .pa_block_imgright { position: relative; float:right; padding:2px; border:1px solid #dbdbdb; margin-right:15px;  }
.pa_block_container a { font-size:1em; }

/* Teen LifeCheck block element */
.tlc_block_container { position:relative; border:1px solid #009E49; margin-bottom:10px; }
.tlc_block_inside { display:block; border:1px solid #FFF; background: #FFF; padding:20px; overflow:auto; }
.tlc_block_container .tlc_block_inside { background:none; background-color:#009E49; }
.tlc_block_container .tlc_block_img { position: relative; float:left; padding:2px; border:1px solid #dbdbdb; margin-right:15px; }
.tlc_block_container .tlc_block_imgright { position: relative; float:right; padding:2px; border:1px solid #dbdbdb; margin-right:15px;  }
.tlc_block_container a { font-size:1em; }

/* HSEM block element */
.hsem_block_container { position:relative; border:1px solid #0099D1; margin-bottom:10px; }
.hsem_block_inside { display:block; border:1px solid #FFF; background: #FFF; padding:20px; overflow:auto; }
.hsem_block_container .hsem_block_inside { background:none; background-color:#0099D1; }
.hsem_block_container .hsem_block_img { position: relative; float:left; padding:2px; border:1px solid #dbdbdb; margin-right:15px; }
.hsem_block_container .hsem_block_imgright { position: relative; float:right; padding:2px; border:1px solid #dbdbdb; margin-right:15px;  }
.hsem_block_container a { font-size:1em; }

/* HSEM block element */
.c4l_block_container { position:relative; margin-bottom:10px; }
.c4l_block_container h2 { background-image: url(../images/header_c4l.jpg); height: 69px; width: 555px; display: block; text-indent:-9999px; }

/*
---------------------------------------------------------------------------------
= HOMEPAGE
---------------------------------------------------------------------------------
*/

div#homeIntro h2		{ background-image: url(../images/homeWelcome.jpg); height: 53px; width: 555px; display: block; text-indent:-9999px; margin:0; padding:0; }
div#homeNews			{ float:right; display:block; width:185px; height:245px; background-color:#D6EEF6; border-left: solid 5px #FFF; }

div#homeNews h4 		{ font-size:1.2em; color:#29abe2; margin:8px 8px 0 8px; }
div#homeNews p 			{ color:#666; margin:0 8px 8px 8px; }
div#homeNews a 			{ font-size:0.9em; font-weight:bold; color:#006096; text-decoration:none; }
div#homeNews a:hover	{ text-decoration:underline; }

div#homeLinks			{ clear:both; padding-top:15px; }
div#homeLinks a			{ background-position:0px 0px; text-indent:-9999px; }
div#homeLinks a:hover	{ background-position:0px 0px; }

.homeBtnLibraryResources a		{ width:175px; height:135px; display:block; float:left; background:url(../images/btns/btnHomeLibraryResources.jpg) no-repeat; margin:0 15px 0 0; }
.homeBtnClassroomResources a	{ width:175px; height:135px; display:block; float:left; background:url(../images/btns/btnHomeClassroomResources.jpg) no-repeat; margin:0 15px 0 0; }
.homeBtnSchoolsAwarded a		{ width:175px; height:135px; display:block; float:left; background:url(../images/btns/btnHomeSchoolsAwarded.jpg) no-repeat; margin:0 0 15px 0; }



/*
---------------------------------------------------------------------------------
= NEWS
---------------------------------------------------------------------------------
*/

div#advSearch					{ float:right; padding:0; margin-bottom:0; }
div#advSearch form				{ padding:0; margin:0; }
div#advSearch input				{ width:150px; border:1px solid #ccc; color:#777; padding:4px; margin:0; }
div#advSearch input.searchGo		{ border:1px solid #00adef; color:#FFF; background:#00adef; padding:3px; width:70px; font-weight:bold; }
div#advSearch input.searchGo:hover	{ border:1px solid #d6eef6; color:#00adef; background:#d6eef6; cursor:pointer; }

div#advSearch input:focus			{ background:#fdfce9; outline:none; }


div.resultsNav	{ width:96%; background-color:#f5f5f5; border:1px solid #ffffff; outline: 1px solid #dbdbdb; padding:10px; margin-bottom:10px; }
div.resultsNav div.left	{ display:none; }
div.resultsNav div.right { display:none; }
div.resultsNav div.nav { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1em; color:#005184; line-height:1.35em; text-align:center; }
div.resultsNav div.nav a { color:#29abe2; text-decoration:underline; outline-style:none; }

/*
---------------------------------------------------------------------------------
= BUTTONS
---------------------------------------------------------------------------------
*/

#imageGallery img { margin: 0 1px 2px 1px; padding: 2px; border: 1px solid #dbdbdb; }

div#flowerBtn { height:96px; width:220px; display:block; text-indent:-9999px; margin:0px 0px 8px 0px; }
div#flowerBtn a { background:url(../images/btns/125_btn.png) top center no-repeat; height:96px; width:220px; display:block;  }
div#flowerBtn a { background-position:0px 0px; }
div#flowerBtn a:hover { background-position:0px 0px;  }

/*
---------------------------------------------------------------------------------
= FOOTER
---------------------------------------------------------------------------------
*/

div#footerContainer { position:relative; width:820px; margin:0 auto; padding-bottom:10px; }

.footerThumb { float:left; margin-right:8px; display:inline; }
.footerThumb img { padding:2px; border:1px solid #000000; }

/* hr break */
div#footer div.hr { height: 1px; background: #fff url('../images/hr_white.png') repeat-x scroll center; margin-bottom:10px; }
div#footer div.hr hr { display: none; }

/*
---------------------------------------------------------------------------------
= SPEECH BUBBLE
---------------------------------------------------------------------------------
*/

div.speechBubble { padding:0px; width:400px; float:left; margin:0px 0px 10px 0px; }
div.speechBubble div:after {content: "."; display: block; height:11px; clear:both; visibility:hidden;}
div.speechBubble div {width:400px; height:auto; }
b.tl {display:block; width:400px; height:8px; font-size:1px;}
b.tr {display:block; width:392px; height:8px; font-size:1px; float:right;}
b.bl {display:block; width:8px; height:8px; font-size:1px; float:left;}
b.br {display:block; width:392px; height:8px; font-size:1px; float:right; position:relative;}
b.point {display:block; font-size:1px; width:25px; height:14px;}
div.speechBubble div p {padding:8px; margin:0; border:3px solid #0099D1; border-width:0 3px; text-align:justify;}

div.one b.tl {background:url('../images/speech/top_left1.gif') top left no-repeat;}
div.one b.tr {background:url('../images/speech/top_right1.gif') top right no-repeat;}
div.one p {background:#F5F5F5;}
div.one b.bl {background:url('../images/speech/bottom_left1.gif') top left no-repeat;}
div.one b.br {background:url('../images/speech/bottom_right1.gif') top right no-repeat;}
div.one b.point {background:url('../images/speech/point1.gif') top left no-repeat; margin:5px 0 0 25px;}

div.speechBubbleRight { padding:0px; width:400px; float:right; margin:0px 0px 10px 0px; }
div.speechBubbleRight div:after {content: "."; display: block; height:11px; clear:both; visibility:hidden;}
div.speechBubbleRight div {width:400px; height:auto;  }
div.speechBubbleRight div p {padding:8px; margin:0; border:3px solid #0099D1; border-width:0 3px; text-align:justify;}


/*
---------------------------------------------------------------------------------
= LINKS
---------------------------------------------------------------------------------
*/

/* STYLING EXTRAS */
/* a[href^="mailto"]	{ background: url(images/emailIcon.png) left center no-repeat; padding-left: 10px; } */
a[href~=".pdf"]		{ background: url(images/pdfIcon.png) left center no-repeat; padding-left: 10px; }
a.button			{ color: black; border: 1px solid black; padding: 3px; }
a.button:hover		{ background: black; color: white; }
.transpBlack		{ background: url(images/transpBlack.png); }

/*
---------------------------------------------------------------------------------
= FORMS
---------------------------------------------------------------------------------
*/

/* Form elements */
fieldset        {padding:10px 30px;margin:0;border:1px solid #ccc;border-bottom-width:10px;}
legend          {color:#333;padding:0 10px;margin:0;font-size:1.5em;font-weight:400;}
input           {width:250px;}
input,
textarea        {font-family:Arial, Helvetica, sans-serif; font-size:1.3em; color:#CCC; font-weight:normal; border:1px solid #ccc;padding:5px;margin:10px 0 0 0;}
input:focus,
textarea:focus  {background:#ffc;}
textarea        {font:.9em Verdana, Arial, Helvetica, sans-serif;}
label           {display:block;margin:12px 0 0;font-weight:700;font-size:.9em;float:left;clear:left;width:90px;}
label:after     {content:": ";}
button          {display:block;float:left;clear:both;margin:1em 0 1em 90px;}

/* User feedback */
.yay, .oops     {font-size:.8em;text-align:center;padding:10px;color:#fff;font-weight:700;}
.yay            {background:#090;}
.oops           {background:#f30;}
div.error       {font-size:.8em;font-weight:700;padding:5px 0 0;color:#f30;margin:0 0 0 90px;}