/* NHS Foundation Trust CSS */

/* Core */

* {
	margin:0;
	padding:0;
}
html {
font-size:100%;
font-family: Arial, Helvetica, sans-serif;
background-color: #e8e8e8;
}
body {
	background-color:#e8e8e8;
	font-size:62.5%;
	color:#333;
	line-height:1.5em;
	background-repeat: repeat-x;
	background-position: top;
}

/* Layout */

#pgwrap {
	width:96.2em;
	margin:0 auto;
	background-color: #e8e8e8;
}

#leftshadow {width: 96.2em; padding-left: 0.6em; background: #e8e8e8 url(../i/sitefurniture/shadow_left.gif) repeat-y top left;}

#rightshadow {width: 95.6em; background: #e8e8e8 url(../i/sitefurniture/shadow_right.gif) repeat-y top right;}

#bottomshadow {height: 0.6em; width: 95em; margin-left: 0.6em; background: #e8e8e8 url(../i/sitefurniture/shadow_bottom.gif) repeat-x top left;}

#whpage {width: 95em; background-color: #fff;}

#leftcol {width: 24em; float: left; margin-right: 1em;}

#rightcol {width: 70em; float: right;}

#mainContent {float: left;}

#rightPanels {width: 24em; float: left; margin-left: 1em;}

#leftPromos {margin-top: 2em; width: 23em;}

#rightPromos {width: 24em;}

/* HEADING STYLES */

/*Including classes to style h1 as h3 etc while maintaining the semantic document structure*/

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {color:#000;margin-bottom:0.5em;font-weight:normal;}
h1,.h1 {font-size:220%;font-weight:bold;line-height:1.1em;}
h2,.h2 {font-size:150%;margin-top:1em;}
h3,.h3 {font-size:110%;}
h4,.h4 {font-size:100%;}
h5,.h5 {font-size:100%;}
h6,.h6 {font-size:100%;}

/* OTHER STYLES*/
input, textarea, select {font-family: Arial, Helvetica, sans-serif;font-size:100%;}
fieldset {border:none;}
a img { border:none;}
a {color:#2e1263;outline:none;text-decoration:underline;}
a:hover {color:#2e1263;}
p {margin-bottom:1.2em;}
.hidden {display:none;}
ul {list-style-type:none;}
.clear {clear: both;display: block;height: 0;line-height: 0;overflow:hidden;}
.bold {font-weight:bold;}
.error {font-weight:bold;color:#f00; font-size: 1.2em; line-height: 1.6em;}
.skipToContent {display: none;}

#main #sitemap ul {margin:0;padding:0 0 0 3em;list-style-image:none;}
#main #sitemap ul li {margin:0.5em 0;padding:0;}
#main #sitemap ul li a {margin:0;padding:0;}


/*page header styles*/
#header {
	position:relative;
	width:95em;
	margin-bottom: 2em;
}
#header a {
	text-decoration:none;
	color:#FFF;
}
#header a:hover {
	text-decoration:underline;
}

#bacflogo {width: 33.5em; height: 23.5em; background: #fff url(../i/sitefurniture/logo_bacf.jpg) no-repeat 0px 0px; float: left;}

#headerRightCol {float: right; width: 61em;}

#nhslogo {width: 25.4em; height: 4.6em; background: #fff url(../i/sitefurniture/logo_nhs.jpg) no-repeat 0px 0px; float: right; margin-bottom: 1em;}

#flash {float: right; width: 60.3em; position: relative;}

#flash embed, #flash object {position: absolute; right: 0px; top: 0px;}

#flash a {display: none;}

#flash .alternativeFlashContent {width: 60.3em; height: 17em; background: #fff url(../i/sitefurniture/header_1_notext.jpg) no-repeat top left;}
#flash .alternativeFlashContent .content {width: 36em; padding: 2em 4em;}
#flash .alternativeFlashContent blockquote {font-size: 1.6em; line-height: 1.6em;}
#flash .alternativeFlashContent .testimonialAuthor {font-size: 1.6em; line-height: 1.8em; font-weight: bold; float: right;}

/* main content area */

#main {
	width:45em;
	float:left;
}

#main p {font-size: 1.2em; line-height: 1.6em;}

#main h2 {font-size: 2.3em; line-height: 1.6em; font-weight: bold; margin: 0;}
#main h3 {font-size: 1.5em; font-weight: bold; line-height: 1.9em;}

#main .mainText {padding: 0 1em;}

#main .introText {margin-bottom: 0.5em; font-size: 1.2em; line-height: 1.6em;}

#main .bodyText {font-size: 1.2em; line-height: 1.6em; margin-bottom: 1em;}

.mainText ul, .introText ul, .homeText ul, .panel ul {list-style: disc outside; margin-left: 2em;}
.mainText ol, .introText ol, .homeText ol, .panel ol {list-style: decimal outside; margin-left: 2em;}
.panel ol, .panel ul {margin-top: 0.5em;}
.mainText ol li, .introText ol li, .homeText ol li, .panel ol li, .mainText ul li, .introText ul li, .homeText ul li, .panel ul li {margin-bottom: 0.5em;}
#main .mainText p, #main .introText p, #main .homeText p, #main .panel p {font-size: 1em;}

/* panels */
.panel {margin-bottom: 1em;}
.panel .panelHead {padding: 1.5em 1em 1em 1em; width: 22em; margin-bottom: 0.2em;}
.panel .panelHead h2 {color: #fff; margin: 0; font-size: 1.7em; font-weight: bold; line-height: 1.2em;}
.panel .panelHead a {color: #fff; text-decoration: none;}
.panel .panelBody {width: 21em; padding: 1em; background-color: #f2f2f2;}
.panel .panelBody .bodyText {font-size: 1.2em; line-height: 1.6em;}

/* get involved */
.panel.getInvolved .panelHead {background: #58ab00 url(../i/sitefurniture/get_involved_top.jpg) no-repeat 0px 0px;}
.panel.getInvolved .panelBody {margin-left: 1em;}
.surveyButton {margin-top: 1em; display: block;}

/* text promo */
.panel.textPromo .panelHead {background: #2e1263 url(../i/sitefurniture/text_promo_top.jpg) no-repeat 0px 0px;}

/* image promo */
.panel.imagePromo .panelHead {margin: 0; width: 21em;}
.panel.imagePromo .panelBody {width: 23em; padding: 0; background-color: #fff; position: relative;}
.panel.imagePromo .promoLinkText {color: #fff; background-color: #333333; position: absolute; bottom: 1em; right: 1em; padding: 0.3em 0.5em;}
.panel.imagePromo .promoLinkText a {color: #fff; font-size: 1.4em; text-decoration: none; display: block; background: #333333  url(../i/sitefurniture/promo_arrow.jpg) no-repeat center right; padding-right: 1.2em;}

.panel.imagePromo.upSlant .panelHead {background: #333333 url(../i/sitefurniture/promo_top_r.jpg) no-repeat 0px 0px;}
.panel.imagePromo.downSlant .panelHead {background: #333333 url(../i/sitefurniture/promo_top_l.jpg) no-repeat 0px 0px;}

#rightPromos .panel.imagePromo {margin-left: 1em;}
#rightPromos .panel.textPromo .panelBody {margin-left: 1em;}

/* home */
.homeText {padding: 0 1em; margin-bottom: 1em; font-size: 1.2em; line-height: 1.6em;}
.homeTestimonial {width: 43em; padding: 1em 1em 0; background: #deeecc url(../i/sitefurniture/chris_biggin_bg_large.jpg) no-repeat bottom left;}
.homeTestimonial .leftContent {width: 23em;}
#main .homeTestimonial .testimonialText p {line-height: 1.7em;}
.testimonialAuthor {font-weight: bold; padding-bottom: 2em;}
.testimonialAuthor .authorJob {font-size: 0.9em;}

/* footer */
#footer {color: #fff; font-weight: bold; padding: 4em 0 0.5em 1em; background: #2e1263 url(../i/sitefurniture/footer_top.gif) no-repeat 0px 0px; margin-top: 1em;}
#footlinks {margin-top: 0.5em; margin-bottom: 2em; margin-left: 0.6em;}
#footlinks a {color: #333; text-decoration: none;}
#footlinks a:hover {text-decoration: underline;}
#sitelinks {float: left;}
#sitelinks li {float: left; margin-right: 0.5em; padding-right: 1em; background: #e8e8e8 url(../i/sitefurniture/footer_pipe.jpg) no-repeat bottom right;}
#sitelinks li.last {background: none;}
#sitelinks a {font-size: 1.2em;}
#differentlink {float: right;}

/* Navigation */
#leftnav {width: 22em;}
#leftnav a {font-size: 1.4em; color: #333; padding: 0.5em 0 0.5em 1em; text-decoration: none; background-image: none; background-color: #e5e5ef; display: block; margin-bottom: 0.2em; color: #333;}
#leftnav ul li.activepg {width: 24em;}
#leftnav ul li.activepg a {padding-top: 1em; padding-bottom: 0.8em; color: #fff; font-weight: bold; background: #2e1263 url(../i/sitefurniture/menu_level1_selected.jpg) no-repeat top left;}
#leftnav ul li.activepg ul {width: 23em;}
#leftnav ul li.activepg ul li {width: 23em;}
#leftnav ul li.activepg ul li a {padding: 0.2em 0 0.2em 2em; font-weight: normal; background-image: none; margin-bottom: 0; background-color: #c0b7d0; font-size: 1.3em; color: #000;}
#leftnav ul li.activepg ul li.activepg a, #leftnav ul li.activepg ul li a:hover {font-weight: bold;}
#leftnav ul li.activepg ul li.first a {padding-top: 0.5em;}
#leftnav ul li.activepg ul li.last a {background: #c0b7d0 url(../i/sitefurniture/menu_open_bottom.gif) no-repeat bottom left; padding-bottom: 0.9em;}

/* Proposals */
.proposals {border-bottom: solid 0.1em #e5e5e5; margin-bottom: 1em;}
.proposals .proposal {border-top: solid 0.1em #e5e5e5; padding: 0.5em 1em 0 2.5em; background: #fff url(../i/sitefurniture/bullet_level1page.gif) no-repeat 0.3em 1em;}
.proposals .proposal h3 {font-size: 1.5em; font-weight: bold; line-height: 1.9em; margin: 0;}
#main .proposals .proposal p {margin-bottom: 1em; font-size: 1.2em; line-height: 1.6em;}

/* Link Box */
.linkBox {width: 16.6em; float: right; padding: 1em; margin: 0 0 1em 1em; border: solid 0.1em #e5e5e5;}
.linkBox h3 {font-size: 1.4em; font-weight: bold; color: #000;}
.linkBox ul {list-style: disc outside; margin-left: 1.5em;}
.linkBox a {font-size: 1.2em; line-height: 1.6em; margin-bottom: 0.5em;}

.linkBox.faq {width: 41em; float: none; margin: 0;}

/* Anchored Item */
.anchoredItem {margin: 1em 0;}
.anchoredItem h3 {font-size: 1.6em; line-height: 1.6em; font-weight: bold; margin: 0;}
.anchoredItem .sectionText {font-size: 1.2em; line-height: 1.6em; color: #333;}
.backToTop {padding-left: 1.8em; background: #fff url(../i/sitefurniture/back_to_top.gif) no-repeat top left; font-size: 1.2em; line-height: 1.6em;}

/* Breadcrumb Trail */
#bc {margin-bottom: 0.5em;}
#bc ul {list-style: none; margin: 0;}
#bc ul li {display: inline; margin-right: 0.5em; font-weight: bold; font-size: 1.2em;}
#bc a {padding-right: 1.2em; line-height: 1.6em; background: #fff url(../i/sitefurniture/breadcrumb_arrow.jpg) no-repeat center right; font-weight: normal;}

/* Testimonials */
.testimonials {border-bottom: solid 0.1em #e5e5e5;}
.testimonial {border-top: solid 0.1em #e5e5e5; padding-top: 1em;}
.testimonial .testimonialText {padding: 0 1em;}
.testimonial .testimonialContent {padding: 2em 0 0;  font-size: 1.2em; line-height: 1.6em; background: #fff url(../i/sitefurniture/quotes_left.gif) no-repeat top left;}
.testimonial p {margin-bottom: 0; font-size: 1.4em;}
.testimonial .testimonialAuthor {padding: 3em 0 1em; color: #000; background: #fff url(../i/sitefurniture/quotes_right.gif) no-repeat top right;}
#main .testimonial .testimonialAuthor p {font-size: 1.2em;}
.testimonial .authorJob {font-weight: normal; font-size: 100%; color: #333;}

/* Downloads */
.downloads {width: 43em;}
.download {background-color: #f2f2f2; margin-bottom: 0.2em; padding: 0.5em 1em;}
.download h3 {margin: 0;}
.download a {float: left; display: block;}
.download a.blockLink {font-size: 1.2em; line-height: 1.6em; width: 30em; margin-left: 0.5em;}

/*Form*/
#main .feedbackForm p, #main .feedbackForm .error, textarea, input, label, select {font-size: 1.2em; line-height: 1.6em; }
textarea, input, select {padding: 0.5em;}
textarea {width: 34.6em; height: 5em; margin-top: 0.5em; overflow: auto;}
.buttons {float: right; margin-top: 1em;}
.button {background-color: #58ab00; border: none; color: #fff; padding: 0.5em 1em; margin-left: 0.5em;}
.buttons input, .button {cursor: pointer;}
.checkBox {margin-left: 0.5em;}
.feedbackForm .mainForm {margin-top: 2em; border-bottom: solid 0.1em #e5e5e5;}
.mainForm .mainFormSection {border-top: solid 0.1em #e5e5e5; padding: 1.2em 0;}
.boldLabel {font-weight: bold; font-size: 1.3em; line-height: 1.7em; color: #000;}
.blockLabel {display: block;}
.leftLabel {float: left;}
.textField {width: 20em; float: right;}
.formRow {margin-bottom: 0.5em;}
.commentsSection .formRow {margin-bottom: 1.5em;}
.formRow.last {margin-bottom: 0;}
.feedbackReceived {background-color: #deeecc; padding: 1em 2em; margin-bottom: 1em;}
#main .feedbackReceived h3 {font-size: 1.6em; line-height: 1.6em; font-weight: bold; color: #333;}
#main .feedbackReceived p {font-size: 1.2em; line-height: 1.6em; color: #333;}
.rbl, .ddl {float: right;}
.ddl {width: 14em;}
.rbl label {margin-right: 0.5em;}

.feedbackForm.small .textField {width: 34.6em;}