/*---------------------------------------------------------
 S4/C Style Sheet
-----------------------------------------------------------
 For page(s):			About page(s)
 Last modified:			13.02.07
 Modified by:			Ceri Richmond, Core
 Additional notes:		*****
---------------------------------------------------------*/
/* -------------------------------------------- ELEMENTS */
*{font-size:100%;}
body{margin:0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:0.80em;text-align:center;line-height:1.4em;color:#4d4d4d;background:#fff;}
html{margin:0 0 20px 0;padding:0;}
/* h1 rules */
h1{position:relative;height:35px;overflow:hidden;margin:0 0 10px 0;padding:0 0 5px 0;border-bottom:1px solid #989898;}
h1 span{display:block;position:absolute;height:35px;width:528px;top:2px;left:0;background:transparent url("") no-repeat top left;}
h1#e_h-aboutus span{background:url(../../img/e_h-aboutus.gif);}
h1#c_h-aboutus span{background:url(../../img/c_h-aboutus.gif);}
h1#e_h-aboutthissite span{background:url(../../img/e_h-aboutthissite.gif);}
h1#c_h-aboutthissite span{background:url(../../img/c_h-aboutthissite.gif);}
h1#e_h-jobs span{background:url(../../img/e_h-jobs.gif);}
h1#c_h-jobs span{background:url(../../img/c_h-jobs.gif);}
/*Generic form style */
#personal-details label{display:block;}
#answer label{display:block;}
form{color:#404040;}
form p strong{color:red;}
fieldset{border:0;margin:0;padding-bottom:0;}
legend{font-family:Helvetica, Verdana, Arial, Helvetica, sans-serif;font-size:1.4em;padding:0.5em 0.5em 0.4em 0;color:#494949;margin:0;font-weight:normal;}
legend.blue{color:#494949;}
legend.grey{color:#494949;}
label{clear:both;}
input, textarea{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1em;padding:0.1em;margin-top:0.5em;margin-bottom:1.5em;}
textarea{height:10em;margin-bottom:0;width:98%}
div.radio{clear:both;margin-bottom:1em;}
div.radio input{float:left;margin:0 1em 1em 0;padding:0;}
div.radio label{margin:0;padding:0;}
/* Picture Box */
#picbox ul{margin:0;padding:0;list-style-type:none;}
#picbox h2{border-bottom:1px solid #24201F;padding-bottom:0.4em;margin-top:0.4em;}
#picbox ul h3{margin:0;}
#picbox ul p{margin:0;padding:0.4em 0 0 0}
#picbox ul.rss li{margin-bottom:0.5em;}
#picbox ul.rss h3 a{color:#F7972B;font-weight:normal;padding-left:1.4em;background:transparent url("../../img/rss.gif") no-repeat top left;}
#picbox ul.rss h3 a:hover{color:#FFF;font-weight:normal;padding-left:1.4em;background:transparent url("../../img/rss.gif") no-repeat top left;}
/* Picbox pictures */
div.aboutus-trolly{background:#fff url("../../img/trolleywheel-new.jpg") no-repeat top left;}
/* new contact (about?) styles */
.blue h2{font-family:Helvetica, Verdana, Arial, Helvetica, sans-serif;font-size:1.6em;padding:0 0 0.4em 0;color:#228eb4;margin:1em 9px 1em 9px;font-weight:normal;border-bottom:1px solid #e7e7e7;}
.blue h3{font-family:Helvetica, Verdana, Arial, Helvetica, sans-serif;font-size:1.4em;padding:0 9px 0 9px;color:#228eb4;margin:0.2em 0 0 0;font-weight:normal;}
.blue h4, .blue h5{color:#228eb4;}
.blue p{margin:0.5em 9px 1.7em 9px;}
.blue a{color:#228eb4;border-bottom:1px solid #e7e7e7;text-decoration:none;padding:0 0 0.1em 0;margin:0;}
.blue a:hover{color:#02364d;border-bottom:1px solid #cccccc;text-decoration:none;padding:0 0 0.1em 0;margin:0;}
.blue ul{margin:0.5em 0 1.7em 0;padding:0 0 0 0;list-style-type:none;}
.blue ul li{padding:0 0 0.2em 12px;margin:0 9px 0 9px;color:#4d4d4d;background:transparent url("../../img/bulletonwhite.gif") no-repeat top left;}
#picbox-content-blue{padding:4px 0;color:#fff;background:transparent url("../../img/picbox-top-blue.gif") no-repeat top left;}
#picbox-content-blue div.content{min-height:216px;background:#02364d;padding:3px 1.4em;margin:0.2em 0;}
#picbox-content-blue div.content p{margin:0.4em 0 0 0;}
#picbox-content-blue div.bottom{background:transparent url("../../img/picbox-bottom-blue.gif") no-repeat bottom left;padding-bottom:4px;}
#picbox-content-blue h2{font-size:1em;font-weight:bold;border-bottom:1px solid #09425a;padding-bottom:0.6em;margin:0.4em 0 0.4em 0;color:#FFF;}
#picbox-content-blue h2 a{color:#FFF;text-decoration:none;}
#picbox-content-blue h2 a:hover{color:#FFF;text-decoration:underline;}
#picbox-content-blue p {color:#8299a4;}
#picbox-content-blue p a{color:#3DA3CC;border-bottom:1px solid #09425a;text-decoration:none;padding:0 0 0.2em 0;margin:0;}
#picbox-content-blue p a:hover{color:#FFF;border-bottom:1px solid #09425a;text-decoration:none;padding:0 0 0.2em 0;margin:0;}
#picbox-content-blue dl {margin:0;padding:0;}
#picbox-content-blue dt {color:#fff;margin:0;padding:0 0 0.4em 0;}
#picbox-content-blue dd {color:#8299a4;margin:0;padding:0;}
.blue ol{margin:0 9px 0 10px;padding:0 0 0 20px;}
.blue ol li{font-family:Helvetica, Verdana, Arial, Helvetica, sans-serif;font-size:1.4em;line-height:1.4em;padding:0.2em 0 0 0;color:#228eb4;margin:0;font-weight:normal;}
.blue ol li h3{font-size:1em;margin:0;padding:0;display:inline;}
.blue ol li p{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:0.75em;line-height:1.4em;color:#4d4d4d;background:#fff;margin-left:0;padding-left:0;}
/* new brand styles */
#brand h3{line-height:1.2em;color:#999;margin:0;padding:0 0 0 0;font-weight:normal;}
#brand h4{font-family:Helvetica, Verdana, Arial, Helvetica, sans-serif;font-size:1.6em;padding:0 0 0.4em 0;margin:2em 9px 0 9px;font-weight:normal;border-bottom:1px solid #e7e7e7;clear:both;}
#brand p{padding:0;}
#brand ul{margin:0 0 1em 0.7em;padding:0;list-style-type:none;}
#brand li{color:#999999;}
.ident img{float: left;display: block;margin: 0 10px 0 0;}
.ident {margin:0 0 0 0.7em;padding:1.5em 0 0 0;clear:both;border-top:1px solid #e7e7e7;}
.ident p{margin:0.4em 0 0.4em 0;padding:0 0 0 0;}
#picbox-content-blue blockquote {color:#8299a4;margin:0;padding:0;}
div.brand{background:#5A5755 url("../../img/brand_background.jpg") no-repeat top left;}
div.brand{background:#5A5755 url("../../img/brand_background.jpg") no-repeat top left;}
h1#e_h-brand span{background:url(../../img/e_h-brand.gif);}
h1#c_h-brand span{background:url(../../img/c_h-brand.gif);}
/* new learners (also used in about pages) styles */
#learners h2{font-family:Helvetica, Verdana, Arial, Helvetica, sans-serif;font-size:1.6em;padding:0 0 0.4em 0;color:#228eb4;margin:1em 9px 1em 9px;font-weight:normal;border-bottom:1px solid #e7e7e7;}
#learners h3{font-family:Helvetica, Verdana, Arial, Helvetica, sans-serif;font-size:1.4em;padding:0.2em 9px 0 9px;color:#228eb4;margin:0;font-weight:normal;}
#learners p{margin:0.5em 9px 1.7em 9px;}
#learners img{float:right;padding:0 0.7em 0 0.7em;}
#learners a{color:#228eb4;border-bottom:1px solid #e7e7e7;text-decoration:none;padding:0 0 0.1em 0;margin:0;}
#learners a:hover{color:#02364d;border-bottom:1px solid #cccccc;text-decoration:none;padding:0 0 0.1em 0;margin:0;}
/* Side Nav */
#sideNav div{margin:8px 0 10px 0;}
#sideNav h4{padding:0.8em 0.8em 0 0.8em;margin:0;color:#fff;}
#sideNav .sideNav-promo img{margin:0.8em 0 0 0.8em;}
#sideNav .sideNav-promo p{color:#fff;margin-bottom:1em;}
/*Misc. */
p.special-note{font-style:italic;color:#ccc;}
span.versioning{display:block;font-size:0.7em;color:#ccc;margin-top:0.5em;font-style:italic;}
.cb{clear:both; margin:0;padding:0;}
.nb{border:0px;}
.error{color:red;font-weight:bold;}
.hide{width:1px;position:absolute;left:-9999px;}
.cbHide{clear:both;margin:0;padding:0;line-height:0;}
.block{display:block;}
.fl{float:left;}
.fr{float:right;}
ol.alpha{list-style-type:lower-alpha;}
abbr, acronym{border:0;}
/*  --------------------------------------------- LAYOUT */
/* Main content areas */
#content{clear:both;padding-top:1em;border-top:1px solid #989898;}
#content-nb{clear:both;padding-top:1em;}
/* Two column */
#content-2col-col1{width:190px;float:left;padding-top:43px;background:transparent url("../../img/nav-top.gif") no-repeat top left;}
#content-2col-col2{width:548px;float:right;}
/*Sub content sections of inner pages (contact and feeds) */
div.subContent-2col-col1{width:264px;float:left;}
div.subContent-2col-col2{width:264px;float:right;}
/* Picturebox */
#picbox{padding:20px 298px 20px 20px;margin:0 0 10px 0;}
#picbox-content-grey{padding:4px 0;color:#fff;background:transparent url("../../img/picbox-top.gif") no-repeat top left;}
#picbox-content-grey div.content{min-height:216px;background:#36312D;padding:3px 1.4em;margin:0.2em 0;}
#picbox-content-grey div.bottom{background:transparent url("../../img/picbox-bottom.gif") no-repeat bottom left;padding-bottom:4px;}
.sideNav-blue-lt{background:#75909E;}
#sideNav .sideNav-blue-lt ul li a{border-bottom-color:#889da7;color:#142033;}
#sideNav .sideNav-blue-lt ul a:hover{color:#FFF;}
/* ------------------------------------------ NAVIGATION */
a img{border:none;}
/*Sidenav */
#sideNav{width:188px;float:left;}
/* Generic side links styles */
#sideNav ul, #sideNav p{list-style-type:none;margin:0.7em;padding:0.2em 0 0.6em 0;line-height:1.6em;}
#sideNav ul li{padding:0.3em 0.5em 0.2em 0.5em;}
#sideNav ul li a{color:#FFFFFF;text-decoration:none;border-bottom:1px solid #FFF;padding:0 0 0.2em 0;}
#sideNav ul a:link{}
#sideNav ul a:visited{}
#sideNav ul a:hover{}
#sideNav ul a:active{}
#sideNav ul a:focus{}
/* Individual side links styles */
.sideNav-blue-dk{background:#02364d;}
#sideNav .sideNav-blue-dk ul {padding-top:0.1em;}
#sideNav .sideNav-blue-dk ul li a{border-bottom-color:#08445e;color:#FFF;}
#sideNav .sideNav-blue-dk ul a:hover{color:#3DA3CC;}
#sideNav .sideNav-feeds{background:#36312D;}
#sideNav .sideNav-feeds ul li{padding:0.1em 0 0.3em 0.5em;}
#sideNav .sideNav-feeds ul li a{color:#fff;border-bottom:1px solid #403b37;text-decoration:none;padding:0 0 0.2em 1.5em;background:transparent url("../../img/rss.gif") no-repeat top left;}
#sideNav .sideNav-feeds ul li a:link{background:transparent url("../../img/rss.gif") no-repeat top left;}
#sideNav .sideNav-feeds ul li a:visited{background:transparent url("../../img/rss.gif") no-repeat top left;}
#sideNav .sideNav-feeds ul li a:hover{color:#F7972B;background:transparent url("../../img/rss.gif") no-repeat top left;}
#sideNav .sideNav-feeds ul li.none a{color:#FFF;padding:0.5em 0 0 0;background:none;}
#sideNav .sideNav-feeds ul li.none a:hover{color:#F7972B;padding:0.5em 0 0 0;background:none;}
/* RSS list at foot or feeds page */
#rss-list{list-style-type:none;padding:0 0 0 0.7em;margin:0.5em 0 1.2em 0.3em;}
#rss-list li{padding:0 0 0.6em 0;margin:0;}
#rss-list li a{color:#E06829;border-bottom:1px solid #e7e7e7;font-weight:normal;text-decoration:none;padding:0 0 0.1em 19px;background:transparent url("../../img/watch-rss.gif") no-repeat top left;}
#rss-list li a:hover{color:#4d4d4d;border-bottom:1px solid #cccccc;text-decoration:none;padding:0 0 0.1em 19px;background:transparent url("../../img/watch-rss.gif") no-repeat top left;}

div#learners ul.board { margin:0; padding:0; }
div#learners ul.board li { margin:0; padding:0 0 1em 0; list-style:none; }
div#learners ul.board li h3 { font-size:1.5em; }
div#learners ul.board li p.j-title {margin-top:0; padding-top:0; }

div.links ul { margin-left:0; padding-left:0; }
li.pdf{list-style-type:none;padding:0.3em 0em 0.6em 25px;background:transparent url("../../img/pdf_icon.gif") no-repeat top left; margin-left:0; }
div.links a{color:#228eb4;border-bottom:1px solid #e7e7e7;text-decoration:none;padding:0 0 0.1em 0;margin:0;}
div.links a:hover{color:#02364d;border-bottom:1px solid #cccccc;text-decoration:none;padding:0 0 0.1em 0;margin:0;}
/*  ------------------------------------ END STYLE SHEET */