/* css3 for health plan, George Duncan © NHSG 2010 */
/* begin reset */
html 
{
	padding:0px;
	margin: 0px;
	font-family:Arial;
}

/* color definitions */
.improvinghealth{color:#f39800}
.involvingyou{color:#006742}
.setcare{color:#83b817}
.devworkforce{color:#004687}
.resources{color:#781b7d}
.Healthfit{color:#bc0067}
.borders{background:rgba(188,0,103, 0.3)}
.suboption{color:#868889;}

/* headers */
h1 {color:#868889}

/* page layout w/classes */
#background{width:99%;float:none;height:auto;padding:0px;margin:0px;}
#container{position:relative;width:1000px;margin:0 auto;max-width:99.8%;overflow:visible; border-width:5px;}
#container.Healthfit{-moz-border-radius:5px;border:5px solid #bc0067;}
#container.resources{-moz-border-radius:5px;border:5px solid #77278B;}
#container.devworkforce{-moz-border-radius:5px;border:5px solid #004687;}
#container.involvingyou{-moz-border-radius:5px;border:5px solid #006742;}
#container.improvinghealth{-moz-border-radius:5px;border:5px solid #f39800;}
#container.setcare{-moz-border-radius:5px;border:5px solid #83b817;}
#header{position:relative;float:none;width:100%;clear:right;}
#header #links{margin:0 0 0 30px;color:#868889;font-size:0.6em;}
#header #links a.Healthfit, #header #links a.resources{text-decoration:none;color:#bc0067}
/* clipped white logo over themed-colour background */
#header #title{margin:25px 30px 0 30px;float:left;clear:none;width:370px;height:64px;}
#header #title.Healthfit{background:#bc0067 url(../images/healthfit_title.png) top left no-repeat;}
#header #title.resources{background:#77278B url(../images/healthfit_title.png) top left no-repeat;}
#header #title.devworkforce{background:#004687 url(../images/healthfit_title.png) top left no-repeat;}
#header #title.improvinghealth{background:#f39800 url(../images/healthfit_title.png) top left no-repeat;}
#header #title.involvingyou{background:#006742 url(../images/healthfit_title.png) top left no-repeat;}
#header #title.setcare{background:#83b817 url(../images/healthfit_title.png) top left no-repeat;}
#header #subtitle.devworkforce, #header #subtitle.improvinghealth, #header #subtitle.involvingyou, #header #subtitle.setcare {font:1.7em/1.6em "Arial";float:left;clear:none;padding:0 0 0 0;margin:37px 0 0 0;}
#header #logo {float:right;width:150px;height:124px;margin:10px 20px 30px 30px;}
#header #logo.Healthfit{background:#bc0067 url(../images/nhslogo_tp.png);}
#header #logo.resources{background:#77278B url(../images/nhslogo_tp.png);}
#header #logo.devworkforce{background:#004687 url(../images/nhslogo_tp.png);}
#header #logo.improvinghealth{background:#f39800 url(../images/nhslogo_tp.png);}
#header #logo.involvingyou{background:#006742 url(../images/nhslogo_tp.png);}
#header #logo.setcare{background:#83b817 url(../images/nhslogo_tp.png);}
#header p{float:left;}
#header #breadcrumbs{float:left;margin:25px 0 0 30px;}
#header #breadcrumbs p.Healthfit{color:#bc0067;font:1.4em/1.4em "Arial";}
#header #breadcrumbs p.resources{color:#77278B;font:1.4em/1.4em "Arial";}
#header #breadcrumbs p.devworkforce{color:#004687;font:1.4em/1.4em "Arial";}
#header #breadcrumbs p.improvinghealth{color:#f39800;font:1.4em/1.4em "Arial";}
#header #breadcrumbs p.involvingyou{color:#006742;font:1.4em/1.4em "Arial";}
#header #breadcrumbs p.setcare{color:#83b817;font:1.4em/1.4em "Arial";}
#header #breadcrumbs.devworkforce a{color:#004687;font:1em/1em "Arial";}
#header #breadcrumbs.improvinghealth a{color:#f39800;font:1em/1em "Arial";}
#header #breadcrumbs.involvingyou a{color:#006742;font:1em/1em "Arial";}
#header #breadcrumbs.setcare a{color:#83b817;font:1em/1em "Arial";}
#header #slogan{display:block;width:100%;height:200px;clear:both;margin:30px 0 30px 0;}
/*removed hp banner for ceo messge,public feedback and what is conflicts */
#header #slogan.Healthfit{background:#f1d6e2;}
#header #slogan.resources{background:#D6BEDC;}
#header #slogan.improvinghealth{background:#fce2b8}
#header #slogan.involvingyou{background:#b8d5ca}
#header #slogan.setcare{background:#dcebbe}
#header #slogan.devworkforce{background:#e5e8f2}
#header #slogan #slogan_img #photos{float:right}
#header #slogan #slogan_img .lightbox{display:none}
.panel{}
.galleryview{}
.panel-overlay h2, .panel-overlay p
{
	margin: 0.01em 0;
}
.overlay {margin-top:-130px;max-width:400px;min-height:200px;}
/* text pane */
.panel-overlay{max-width:375px;min-height:150px; margin:-100px 0 0 20px; }
.Healthfit .panel-overlay {background:url(../images/hpdot_arrow.png) 95% 20% no-repeat;}
.resources .panel-overlay {background:url(../images/hpdot_arrowviolet.png) 95% 20% no-repeat;}
.improvinghealth .panel-overlay {background:url(../images/hpdot_arroworange.png) 95% 20% no-repeat;}
.involvingyou .panel-overlay {background:url(../images/hpdot_arrowdg.png) 95% 20% no-repeat;}
.setcare .panel-overlay {background:url(../images/hpdot_arrowlime.png) 95% 20% no-repeat;}
.devworkforce .panel-overlay {background:url(../images/hpdot_arrowblue.png) 95% 20% no-repeat;}
.panel-overlay p
{
	max-width:300px;
	line-height: 1em;
}
/*img to fit over navigation - different image per article*/
#slogan_img {margin:0 0 0 15px;width:300px;height:200px;float:right;clear:none;}
#slogan_img.ceo_message{background:url(../images/hp_hfceomessage.jpg);}
#slogan_img.hfconsultation{background:url(../images/hp_hfconsultation.jpg);}
#slogan_img.whatishealthfit{background:url(../images/hp_whatishealthfit.jpg);}
#slogan_img.progress_priorities{background:url(../images/hp_hfprevhp.jpg);}
#slogan_img.prev_hp{background:url(../images/hp_hfprevhp.jpg);}
#slogan_img.devworkforce{background:url(../images/hp_devwfimg.jpg);}
#slogan_img.devworkforce_article{background:url(../images/hp_devwfarticle.jpg);}
#slogan_img.improvinghealth{background:url(../images/hp_improvinghealthimg.jpg);}
#slogan_img.improvinghealth_article{background:url(../images/hp_improvinghealtharticle.jpg);}
#slogan_img.involvingyou{background:url(../images/hp_involvingyouimg.jpg);}
#slogan_img.involvingyou_article{background:url(../images/hp_involvingyouarticle.jpg);}
#slogan_img.setcare{background:url(../images/hp_setcareimg.jpg);}
#slogan_img.setcare_ouraim{background:url(../images/hp_setcareouraim.jpg);}
#slogan_img.setcare_patientsafety{background:url(../images/hp_setcarepatientsafety.jpg);}
#slogan_img.setcare_healthyplaces{background:url(../images/hp_setcarehealthyplaces.jpg);}
#slogan_img.resources{background:url(../images/hp_resourcesimg.jpg);}
#slogan_img.resources_keepimproving{background:url(../images/hp_resourceskeepimproving.jpg);}
#slogan_img.resources_getthebest{background:url(../images/hp_resourcesgetthebest.jpg);}

#slogan p{width:auto;font-size:2.7em;clear:right;}
#slogan p.improvinghealth{color:#f39800}
#slogan p.involvingyou{color:#006742}
#slogan p.setcare{color:#83b817}
#slogan p.devworkforce{color:#004687}
#slogan p.resources{color:#781b7d}

/*jquery panel*/
#photos {margin:0;}
#photos .panel .panel-overlay{width:270px;}
#photos .panel .panel-overlay p{clear:both;font-size:1em!important;width:auto;margin:6px 0 0 0px;font-weight:bold;}
#photos .Healthfit .panel-overlay p{color:#bc0067;font-size:1em!important;clear:both;width:auto;margin:6px 0 0 0px;}
#photos .resources .panel-overlay p{color:#781b7d;font-size:1em!important;clear:both;width:auto;margin:6px 0 0 0px;}
#photos .improvinghealth .panel-overlay p{color:#f39800;font-size:1em!important;clear:both;width:auto;margin:6px 0 0 0px;}
#photos .involvingyou .panel-overlay p{color:#006742;font-size:1em!important;clear:both;width:auto;margin:6px 0 0 0px;}
#photos .devworkforce .panel-overlay p{height:auto;color:#004687;font-size:1em!important;clear:both;width:auto;margin:6px 0 0 0;}
#photos .setcare .panel-overlay p{color:#83b817;font-size:1em!important;clear:both;width:auto;margin:6px 0 0 0px;}

.Healthfit .panel-overlay ul {color:#bc0067}
.resources .panel-overlay ul {color:#781b7d}
.improvinghealth .panel-overlay ul {color:#f39800}
.involvingyou .panel-overlay ul {color:#006742}
.devworkforce .panel-overlay ul {color:#004687}
.setcare .panel-overlay ul {color:#83b817}

#slogan_blurb.Healthfit{float:left;clear:none;margin:10px 0 0 30px;padding:25px 0 0 0; }
#slogan_blurb p.Healthfit{font:3em/1em "Arial";}
#slogan_blurb{font:0.70em/1.95em "Arial";float:left;clear:none;margin:0 0 0 30px;padding:0 0 0 0; width:640px;}
#slogan_blurb.devworkforce{background:url(../images/hpdot_arrowblue.png)100% 50% no-repeat;}
#slogan_blurb.improvinghealth{background:url(../images/hpdot_arroworange.png)100% 50% no-repeat;}
#slogan_blurb.involvingyou{background:url(../images/hpdot_arrowdg.png)100% 50% no-repeat;}
#slogan_blurb.setcare{background:url(../images/hpdot_arrowlime.png)100% 50% no-repeat;}
#slogan_blurb.resources{background:url(../images/hpdot_arrowviolet.png)100% 50% no-repeat;}
#slogan_blurb p.devworkforce, #slogan_blurb p.improvinghealth, #slogan_blurb p.involvingyou, #slogan_blurb p.setcare, #slogan_blurb p.resources{clear:left;width:640px;height:120px; margin:30px 0 0 0px;padding:1.5em 2.6em 0 0;font:3em/1em "Arial";}
/*modify slogan area for related links/articles*/
#content #slogan_blurb {margin:0px 0 0 30px;background-image:none;}
#content #slogan_blurb.devworkforce {background:#e5e8f2;}
#content #slogan_blurb.improvinghealth {background:#fce2b8;}
#content #slogan_blurb.involvingyou {background:#b8d5ca;}
#content #slogan_blurb.setcare {background:#dcebbe;}
#content #slogan_blurb.resources {background:#D6BEDC;}

#content #slogan_img.devworkforce, #content #slogan_img.improvinghealth, #content #slogan_img.involvingyou, #content #slogan_img.setcare, #content #slogan_img.resources{margin:0 0 30px 0;}

/*body content*/
#content{background:rgba(255, 255, 255, 0.1);float:left;width:100%;min-height:400px;clear:right;margin:0 0 0 0;}
/* home intro */
#body_text{margin:0 0 0 30px;width:60%;float:left;clear:none;color:#4D4D4D;}
#body_text h1 {color:#4D4D4D;    font:1.8em/1.4em "Arial";margin:0;}
#content #body_text h1.Healthfit {background:#f1d6e2;}
#content #body_text h1.devworkforce {background:#e5e8f2}
#content #body_text h1.improvinghealth {background:#fce2b8}
#content #body_text h1.involvingyou {background:#b8d5ca}
#content #body_text h1.setcare {background:#dcebbe}
#content #body_text h1.resources {background:#bc0067}
#body_text p {color:#4D4D4D;font:1em/1.2em "Arial" normal;}
#body_text ul li {font:1em/1.6em "Arial" normal;}

#body_text img{float:right;padding:15px; text-align:left;clear:none;}
/* navigation w/rgba */
#navigation{width:300px;position:relative;float:right;clear:right;}
#navigation h1, #navigation h2 {
    font:1.2em/1.4em "Arial";
    padding:0 0 0 1.3em;
    margin:0;
    border-right:none;
    color:#fff;
    height:1.7em;   
}

#navigation h1.improvinghealth, #navigation h2.improvinghealth{color:#fff;background:#f39800}
#navigation h1.involvingyou, #navigation h2.involvingyou{color:#fff;background:#006742}
#navigation h1.setcare, #navigation h2.setcare{color:#fff;background:#83b817}
#navigation h1.devworkforce, #navigation h2.devworkforce{color:#fff;background:#004687}
#navigation h1.resources, #navigation h2.resources{color:#fff;background:#77278B}
#navigation h1.Healthfit, #navigation h2.Healthfit{color:#fff;background:#bc0067}

#body_text.improvinghealth h1, #body_text.improvinghealth h2{color:#f39800}
#body_text.involvingyou h1, #body_text.involvingyou h2{color:#006742}
#body_text.setcare h1, #body_text.setcare h2{color:#83b817}
#body_text.devworkforce h1, #body_text.devworkforce h2{color:#004687}
#body_text.resources h1, #body_text.resources h2{color:#77278B}

#navigation ul{width:auto;margin: 0 0 0 0;font-weight:800;}
#navigation ul.Healthfit{width:auto;background:#f1d6e2;}
#navigation ul.resources{width:auto;background:#D6BEDC;}
#navigation ul.Healthfit li{margin: 5px 0 5px -35px;background:#f1d6e2 url(../images/hp_bullet_gray.png) 0px no-repeat;}
#navigation ul.resources li{margin: 5px 0 5px -35px;background:#D6BEDC url(../images/hp_bullet_gray.png) 0px no-repeat;}
#navigation ul.devworkforce{width:auto;background:#e5e8f2;}
#navigation ul.improvinghealth{width:auto;background:#fce2b8;}
#navigation ul.involvingyou{width:auto;background:#b8d5ca;}
#navigation ul.setcare{width:auto;background:#dcebbe;}

#navigation ul.devworkforce li{background:#e5e8f2 url(../images/hp_bullet_gray.png) 0px no-repeat;}
#navigation ul.improvinghealth li{background:#fce2b8 url(../images/hp_bullet_gray.png) 0px no-repeat;}
#navigation ul.involvingyou li{background:#b8d5ca url(../images/hp_bullet_gray.png) 0px no-repeat;}
#navigation ul.setcare li{background:#dcebbe url(../images/hp_bullet_gray.png) 0px no-repeat;}
#navigation ul.resources li{background:#D6BEDC url(../images/hp_bullet_gray.png) 0px no-repeat;}

#navigation ul#sticky li a.suboption{display:block;padding:5px 0 0 0;width:auto;color:#4D4D4D;}
#navigation ul#sticky li a.suboption:hover {border-bottom:1px solid #4D4D4D}

#navigation ul li 
{   display:list-item;
    position:relative;
    background:url(../images/hp_bullet.png);     
    margin: 5px 0 5px -35px;
    min-height:2em;
    width:230px;
    list-style:none;
    padding:0 0 0 35px;
    }
#navigation ul li a {text-decoration:none;font:0.9em/0.9em "Arial" bold;padding:5px 0 0 0;}
/* define navigation colours */
#navigation ul li.improvinghealth{background:url(../images/hp_orangebg.png)0% 0%  no-repeat;  }
#navigation ul li.improvinghealth a{color:#f39800; display:block; width:100%; }
#navigation ul li.improvinghealth a:hover {border-bottom:1px solid #f39800}
#navigation ul li.involvingyou{background:url(../images/hp_darkgreenbg.png)0% 0% no-repeat; }
#navigation ul li.involvingyou a{color:#006742; display:block; width:100%; }
#navigation ul li.involvingyou a:hover {border-bottom:1px solid #006742 }
#navigation ul li.setcare{background:url(../images/hp_limebg.png)0% 0%  no-repeat;  }
#navigation ul li.setcare a{color:#7ea62e;display:block; width:100%; }
#navigation ul li.setcare a:hover{border-bottom:1px solid #7ea62e}
#navigation ul li.devworkforce{background:url(../images/hp_bluebg.png)0% 0%  no-repeat;  }
#navigation ul li.devworkforce a{color:#004687;display:block; width:100%; }
#navigation ul li.devworkforce a:hover {border-bottom:1px solid #004687}
#navigation ul li.resources{background:url(../images/hp_voiletbg.png)0% 0%  no-repeat;  }
#navigation ul li.resources a{color:#77278B;display:block; width:100%;  }                                     
#navigation ul li.resources a:hover {border-bottom:1px solid #77278B}
#navigation ul li ul {margin:15px 0 0 -15px;}
#navigation ul li ul li {width:190px;padding:0 0 0 30px;background:url(../images/hp_bullet_gray.png) 0px no-repeat;}
#navigation ul li ul li a.suboption {position:relative;display:list-item;padding:5px 0 0 0;text-decoration:none;border:none;color:#4D4D4D;}
#navigation ul li ul li a.suboption:hover {border-bottom:1px solid #4D4D4D}

/* footer */
#footer_wrap{display:inline-block;position:relative;float:none;width:100%;height:auto;clear:left;}
#footer {width:60%;margin:0 auto;padding:30px;}
#footer.Healthfit a{color:#bc0067;text-decoration:none;}
#footer.resources a{color:#77278B;text-decoration:none;}
#footer.improvinghealth a{color:#f39800;}
#footer.involvingyou a{color:#006742;}
#footer.setcare a{color:#83b817;}
#footer.devworkforce a{color:#004687;}
#footer ul{display:block;width:34em;margin:0 auto;font-size:0.7em;}
#footer ul li{list-style-type:none;display:inline;padding:3px 5px 3px 5px;}
#footer ul li a{color:#4D4D4D;text-decoration:none;}
#footer ul li a:hover{text-decoration:underline}