/********* Structural Styles *********/

#header {
	/*height: 182px; Changed to 150 to get rid of the Home and RHS little buttons*/
	height: 152px;
	background: #FFF url(/bhcv2/bhcadmin.nsf/images/hdr_bground/$file/hdr_bground.gif) no-repeat 0 0; /* Homepage has a shorter header area */
}


#footer { 

}
/********* Header *********/

#header .breadcrumbtools {
	margin-bottom: 0;
}

#header .breadcrumb h1 { /* Style for Home graphic on the homepage */
	margin: 0;
	padding: 0;
	float: left;
	background: url(/bhcv2/bhcadmin.nsf/images/h1_home/$file/h1_home.gif) no-repeat 0 0; 
	width: 53px;
	height: 16px;
}

/********* Banner *********/

#banner {
	background: #fff;
	float: left;
	width: 826px;
	height: 295px;
}

#banner .hero {
	float: left;
	width: 530px;
}

#banner .hero .heroimage {
	background: url(/bhcv2/bhcadmin.nsf/images/hero_img/$file/hero_img.jpg) no-repeat 0 0;
	width: 379px;
	height: 166px;
	padding: 0 0 0 10px;
	border: 1px solid #FFF;
	float: left;
}

#banner .hero .heroimage ul {
	list-style-type: none;
}

#banner .hero .heroimage ul li {
	display: inline;
	float: left;
}

#banner .hero .heroimage ul li a {
	padding: 0.1em 0.6em 0.3em 0.6em;
	margin: 0 0.7em 0 0;
	background: #38545E;
	font-size: 0.75em;
	font-weight: bold;
	color: #FFF;
}

#banner .hero .heroimage ul li a:hover {
	background: #FFF;
	color: #38545E;
	text-decoration: none;
}

#banner .hero .heronav {
	float: left;
	width: 139px;
}

#banner .hero .heronav ul {
	list-style-type: none;
}

#banner .hero .heronav ul li {
	margin: 0 0 0.2em 0;
	line-height: 1.2;
}

#banner .hero .heronav ul li a {
	background: #d9e3b3;
	border: 1px solid #b1c46e;
	border-left: none;
	color: #171740;
	display: block;
	font-size: 0.8em;
	display: block;
	width: 133px;
	height: 29px;
	padding: 5px 0 0 5px;
}

#banner .hero .heronav ul li a {
	background-color: #d9e3b3;
	background-repeat: no-repeat;
	background-position: 95% 0;
}
#banner .hero .heronav ul li a:hover {
	background-color: #FFF;
	text-decoration: none;
}

#banner .hero .heronav ul li.item1 a {
	background-image: url(/bhcv2/bhcadmin.nsf/images/apple_icon/$file/apple_icon.png);
}
#banner .hero .heronav ul li.item2 a {
	background-image: url(/bhcv2/bhcadmin.nsf/images/sun_icon/$file/sun_icon.png);
}
#banner .hero .heronav ul li.item3 a {
	background-image: url(/bhcv2/bhcadmin.nsf/images/tap_icon/$file/tap_icon.png);
}
#banner .hero .heronav ul li.item4 a {
	background-image: url(/bhcv2/bhcadmin.nsf/images/camera_icon/$file/camera_icon.png);
}

#banner .hero .imagerselector {
	color: #18191F;
	font-size: 0.8em;
	float: right;
	margin: 2px 0 0 0;
}

#banner .hero .imagerselector .pag {
	float: left;
	margin: 2px 0 0 0;
}

#banner .hero .imagerselector .arrows {
	float: left;
}

#banner .hero .imagerselector a.prev {
	background: url(/bhcv2/bhcadmin.nsf/images/banner_prev_btn_inactive/$file/banner_prev_btn_inactive.gif) no-repeat 0 0;
	width: 17px;
	height: 16px;
	display: block;
	float: left;
	margin: 0 3px 0 5px;
}

#banner .hero .imagerselector a.next {
	background: url(/bhcv2/bhcadmin.nsf/images/banner_next_btn_active/$file/banner_next_btn_active.gif) no-repeat 0 0;
	width: 17px;
	height: 16px;
	display: block;
	float: left;
}

#banner ul.feature {
	list-style-type: none;
	float: right;
	width: 275px;
	margin: 3px 0 0 0;
}

#banner ul.feature li {
	float: left;
	display: block;
	line-height: 1.2em;
	margin: 0 0 7px 0;
}

#banner ul.feature li .featureimage {
	float: left;
	width: 81px;
}

#banner ul.feature li .featureimage img {
	margin: 2px 0 0 0;
}

#banner ul.feature li .featurecopy {
	width: 175px;
	float: left;
	margin: 0 0 0 10px;
	
}

#banner ul.feature li .featurecopy a {
	color: #4A5731;
	font-size: 0.9em;
	line-height: 1.1;
}

#banner ul.feature li .featurecopy h6 a {
	margin-bottom: 0.2em;
	font-size: 1em;
	color: #000;
}


/********* Beginning of 3 Column area *********/


#content .main { /* Repeats 3 column background image */
	/*background: url(/bhcv2/bhcadmin.nsf/images/3_col_bground_rpt/$file/3_col_bground_rpt.gif) repeat-y 0 0;Ling Krah Nov 2011*/
	width: 845px;
	float: left;
	padding-bottom:8px;
}

/* generic styles */

#content .main span {
	color: #70929E;
	font-size: 0.75em;
}
#content .main span a{
	color: #70929E;
}
#content .main .indent {
	margin: 0 0 0 0px;
	background: url(/bhcv2/bhcadmin.nsf/images/dottedline/$file/dottedline.png) no-repeat 100% 90%;
	padding: 2px 0px 1px 0px;
}

#content .main .indentlast {
	margin: 0 0 0 0px;
	padding: -2px 0px 1px 0px;
}
#content .main .indent h3{
	color: #62818e;
}

#content .main .indentlast h3{
	color: #62818e;
}

#content .main .leftcol, #content .main .centrecol, #content .main .rightcol {
	float: left;
	margin: 0 0 0 17px;
}

/* Left Column */

#content .main .leftcol {
	width: 240px;
	padding: 0px 15px 0 0px;
	margin: 0;
	/*background: url(/bhcv2/bhcadmin.nsf/images/leftcol_top_bground/$file/leftcol_top_bground.gif) no-repeat 0 0; Ling Krah Nov 2011 */
	display: inline;
}

#content .main .leftcol img {
	/*border: 1px solid #b8c9cf;
	margin: 0.5em 0;*/
	margin-right:5px;
}

#content .main .leftcol hr {
  	color: #62818e;
	height: 1px;
	
}


#content .main .leftcol .conditionstreatments, #content .main .leftcol .spotlight, #content .main .leftcol .summer {
	float: left;
	width: 240px;
	background: #f7fcfd;
	border: 1px solid #62818e;
	border-top: 5px solid #62818e;
	padding: 10px 15px 0 15px; /*Ling Krah added this Nov 2011*/
}


#content .main .leftcol .conditionstreatments h2{
	color: #62818e;
}

#content .main .leftcol .conditionstreatments form {
	margin: 0 0 1.5em 0;
	vertical-align: middle;
	
}

#content .main .leftcol .conditionstreatments form select {

	width: 190px;
	font-size: 0.9em;
	border: 1px solid #62818e;
	display: inline;
}

#content .main .leftcol .conditionstreatments form input.find {
	/*float: left;*/
	background: #62818e;
	width: 25px;
	color: #fff;
	cursor: pointer;
	font-size: 0.9em;
	border: 1px solid; 
	border-color:#62818e;
	display: inline;
}


#content .main .leftcol .az {
	width: 240px;
	float:left;
	background: url(/bhcv2/bhcadmin.nsf/images/dottedline/$file/dottedline.png) no-repeat 100% 92%;
	padding: 2px 0px 25px 0px;
}

#content .main .leftcol .az h3 {
color: #62818e;
}

#content .main .leftcol .az a {
	border: 1px solid #b8c9cf;
	background: #feffff;
	width: 17px;
	display: block;
	float: left;
	text-align: center;
	margin: 0 2px 8px 2px;
	line-height: 1.3;
	font-weight:bold;
	color: #62818e;
}

#content .main .leftcol .az a:hover {
	background: #f7fcfd;
	border: 1px solid #62818e;
	text-decoration: none;
}

#content .main .leftcol .teststreatments {
	float: left;
	width: 210px;
	display: inline;
}

#content .main .leftcol .teststreatments form {
vertical-align: middle;
display: inline;
}

#content .main .leftcol .teststreatments h3{
color: #62818e;
}

#content .main .leftcol .teststreatments form select {
	width: 190px;
	font-size: 0.9em;
}

#content .main .leftcol .teststreatments form input.find {
	display: inline;
}
/*spotlight*/
#content .main .leftcol .spotlight {
	margin: 10px 0 0 0;
}
#content .main .leftcol .spotlight img{
	background-image: url(/bhcv2/bhcadmin.nsf/images/spotlight-bg/$file/spotlight-bg.png);
	padding: 6px 6px;
}

#content .main .leftcol .spotlight h2 {
	color: #62818e;
}

#content .main .leftcol .spotlight h3 {
	color: #62818e;
}

#content .main .leftcol .spotlight .liststylenone {	
LIST-STYLE-TYPE: none
}

/* features */
#content .main .leftcol .spotlight .feature {}
#content .main .leftcol .spotlight .feature li {
	float: left;
	width: 240px;
}

#content .main .leftcol .spotlight ul.feature li .featureimage {
	float: left;
}

#content .main .leftcol .spotlight .featuredescr {
	/*vertical-align:text-top;*/
margin-left: 80px;
line-height: normal;
margin-top:5px;
}
#content .main .leftcol .spotlight .featuredescr .shortdesc{
	margin-top: -5px;
	font-size:0.9em;
}
#content .main .leftcol .spotlight .featuredescr h3 a {
 color: #62818e;
 display: inline;
}

@charset "utf-8";
/* CSS Document */

/*summer*/
#content .main .leftcol .summer {
	margin: 10px 0 0 0;
}

#content .main .leftcol .summer h2 {
	color: #62818e;
}

#content .main .leftcol .summer h3 {
	color: #62818e;
}

#content .main .leftcol .summer .liststylenone {	
LIST-STYLE-TYPE: none
}

/* features */
#content .main .leftcol .summer .feature {}
#content .main .leftcol .summer .feature li {
	float: left;
	width: 240px;
}

#content .main .leftcol .summer ul.feature li .featureimage {
	float: left;
}

#content .main .leftcol .summer .featuredescr {
	/*vertical-align:text-top;*/
margin-left: 100px;
line-height: normal;
}
#content .main .leftcol .summer .featuredescr .shortdesc{
	margin-top: -5px;
}
#content .main .leftcol .summer .featuredescr h3 a {
 color: #62818e;
 display: inline;
}
/* Centre Column */

#content .main .centrecol {
	/*background: url(/bhcv2/bhcadmin.nsf/images/centrecol_top_bground/$file/centrecol_top_bground.gif) no-repeat 0 0;
	padding: 10px 0 0 0; Ling Krah Nov 2011 took out these two lines*/
	width: 271px;
	display: inline;
	/*margin-left: 28px;Changed to 32px*/
	margin-left:32px;
}
#content .main .centrecol img {
	/*background: url(/bhcv2/bhcadmin.nsf/images/image-bg/$file/image-bg.png);*/
	margin: 0.5em 0;
}

#content .main .centrecol .healthyrecipes {
	/*background:url(/bhcv2/bhcadmin.nsf/images/healthrecipe_bot_bground/$file/healthrecipe_bot_bground.gif) no-repeat scroll 0 100% transparent;*/
	border: 1px solid #9fa678;
	border-top: 5px solid #9fa678;
	padding: 10px 0px 10px 0px; 
	/*border-bottom:8px solid #FFFFFF;*/
	float:left;
	/*padding-bottom:15px;*/
	width:270px;
	background: #f9f9f5;
/*float: left;
	width: 240px;
	background: #f7fcfd;
	border: 1px solid #62818e;
	border-top: 5px solid #62818e;
	padding: 10px 15px 0 15px; /*Ling Krah added this Nov 2011*/
}


#content .main .centrecol .healthyrecipes h2 {
	margin-left: 15px;
	font-size: 1.5em; 
	color: #9fa678;
	float:left;
	display:inline;
}
#content .main .centrecol .healthyrecipes img {
	z-index:1;
	background-image: url(/bhcv2/bhcadmin.nsf/images/image-bg/$file/image-bg.png);
	/*margin: 0.5em 15px;*/
	margin: 0.5em 15px 0px 15px;
	padding: 6px 6px;

	position:relative;
}

#content .main .centrecol .healthyrecipes .recipethisweek {
	z-index:2;
	display: block;
	float:left;
	width: 200px;
	height:16px;
	color: #9fa678;
	background: #f9f9f5;
	font-size: 1.1em;
	font-weight:bold;
	/*margin: 0px 20px 0px 20px;*/
	text-align:center;
	vertical-align:text-top;
	position:relative;
	left:30px;
	top:-20px;
	padding: 0 5px;
}
				  
#content .main .centrecol ul {
	list-style-type: none;
}

#content .main .centrecol ul.tabs {
	display:block;
	float:left;
	width:264px;
	height:18px;
	_height:16px;
	/*border-bottom:1px solid #B3B899; Ling Krah Dec 2011*/
	margin:5px 0 0;
	/*padding-left:5px; Ling Krah Dec 2011*/
	padding-left:12px;
}

#content .main .centrecol ul li {
	display: inline;
	float: left;
}

#content .main .centrecol ul.tabs li a {
	border:1px solid #B3B899;
	/*background:none repeat scroll 0 0 #FFFFFF;*/
	background: #FFF;
	color:#8f9669;
	font-size:0.9em;
	margin:0 0 0 5px;
	padding:0px 15px 1px 5px;
	font-weight:bold;
}

#content .main .centrecol ul.tabs li a:hover {
	background: #DAE0BA;
	text-decoration: none;
}

#content .main .centrecol ul.tabs li a.active {
	border-bottom: 1px solid #DAE0BA;
	background: #DAE0BA;
	margin: 0 0 0 2px;
	display: block;
}
#content .main .centrecol .tab1{
	background: #DAE0BA;
	border-color:-moz-use-text-color #B3B899;
	border-left:1px solid #B3B899;
	/*border-right:1px solid #B3B899;*/
	border-right:1px solid #B3B899;
	border-style:none solid;
	border-width:medium 1px;
	border-top:1px solid #B3B899;
	border-bottom:1px solid #B3B899;
	display:block;
	clear:both;
	float:left;
	/*padding:15px 15px 0px;*/
	padding: 5px 20px 5px 5px;
	/*width:239px;*/
	width:215px;
	margin-left:14px;
}

.tab1 form {
	vertical-align: middle;
}

.tab1 form input {
	display: inline;
	border: 1px solid #9fa678;
	font-size: 0.9em;
}

.tab1 form input.find {
	background: #9fa678;
	color: #fff;
	width: 25px;
	cursor: pointer;
	font-size: 0.9em;
	border: 1px solid;
	border-color:#9fa678;
}


.tab1 a {
font-size:0.9em;
font-weight:bold;
background: #9fa678;
color: #fff;
padding: 2px;
margin: 3px;
}
#content .main .centrecol hr {
	background: #c5c6b2;
  	color: #c5c6b2;
	height: 1px;
}

#content .main .centrecol img.rss  {
	float: right;
	border: none;
}

.mealtype{
	margin: 5px 0 0 0;
	border: 1px solid #DAE0BA;
}

ul.mealtype li {
	width: 120px;
}

ul.mealtype li a {
	padding: 0 8px;
	font-size: 0.9em;
	margin: 0 0 0 2px;
}

.tablist{
	height: 140px;
	width: 253px !important;
	height: 100px;
}	


#content .main .centrecol .tab ul.mealtype li:first-child a {
	margin: 0 0 0 3px;
}

/* centrecol ---> healthyliving */

#content .main .centrecol .healthyliving {
	clear: both;
	float: left;
	width: 240px;
	padding: 10px 15px 0 15px;
	/*background: url(/bhcv2/bhcadmin.nsf/images/healthyliving_top_bground/$file/healthyliving_top_bground.gif) no-repeat 0 0;*/
	border: 1px solid #9fa678;
	border-top: 5px solid #9fa678;
	margin: 10px 0 0 0;
	background: #f9f9f5;
}
#content .main .centrecol .healthyliving img {
	background-image: url(/bhcv2/bhcadmin.nsf/images/image-bg/$file/image-bg.png);
	padding: 6px 6px;
}
#content .main .centrecol .healthyliving h2{
color: #9fa678;
}

#content .main .centrecol .healthyliving form {
	margin: 0 0 2px 0;
	vertical-align: middle;
}

#content .main .centrecol .healthyliving form select {
	width: 190px;
	font-size: 0.9em;
	display:inline;
	border: 1px solid #9fa678;
}

#content .main .centrecol .healthyliving form input.find {
	/*float: left;*/
	/*Ling Krah - added input.find to use for the go button*/
	background: #9fa678;
	color: #fff;
	width: 25px;
	/*margin: 18px 0 0 0;*/
	cursor: pointer;
	font-size: 0.9em;
	border: 1px solid;
	border-color:#9fa678;
}

#content .main .centrecol .articles {
}


#content .main .centrecol .articles ul li{
	display: inline;
	float: left;
	background: url(/bhcv2/bhcadmin.nsf/images/dottedline/$file/dottedline.png) no-repeat 100% 100%;
	padding: 4px 0 0px 0;
	width: 242px;
}
#content .main .centrecol .articles ul li.last{
	background: none;
}
#content .main .centrecol .articles .pullquote{
	font-size:0.9em;
	margin-top: -5px;
	padding-bottom: 7px;
}
#content .main .centrecol .articles h3.featured{
color: #9fa678;
padding-top: 6px;
background: url(/bhcv2/bhcadmin.nsf/images/dottedline/$file/dottedline.png) no-repeat 100% 0%;
}

#content .main .centrecol .articles h3.last{
color: #9fa678;
padding-top: 3px;
background:none;
float:right;
}

#content .main .centrecol .articles h3 a{
color: #9fa678;
}

#content .main .centrecol .articles h3 a.featured{
font-size: 1.1em;
}

#content .main .centrecol .articles h3 a.last{
font-size: 0.8em;
font-weight: normal;
}

#content .main .centrecol .articles .morefactsheets {
	font-size: 0.9em;
	margin: 7px 0 7px 0;
	color: #9fa678;
	text-align:right;
}

#content .main .centrecol .articles .morefactsheets a{
	color:#9fa678;
}

#content .main .centrecol .video {
	width: 542px;
	height: 228px;
	display: inline;
	border: 1px solid #9d967f;
	border-top: 5px solid #9d967f;
	padding: 10px 0 10px 15px;
	margin: 10px 0 0 0;
	float:left;
	background: #f8f7f3;
	position:relative;
	clear:both;
}
#content .main .centrecol .video div {
	width: 260px;
	float: left;
	margin: 0 10px 0 0;
}
#content .main .centrecol .video h2{
	color: #9d967f;
	padding-bottom: 8px;
}
#content .main .centrecol .video h3{
	color: #9d967f;
}	
	
#content .main .centrecol .video img {
	margin: 0.5em 0;
}


/* Right Column */

#content .main .rightcol {
	/*background: url(/bhcv2/bhcadmin.nsf/images/healthservice_top_bground/$file/healthservice_top_bground.gif) no-repeat 0 0;*/
	width: 270px;
}

#content .main .rightcol hr {
	background: #CFC4C0;
  	color: #CFC4C0;
	height: 1px;
}

#content .main .rightcol img.rss  {
	float: right;
	border: none;
}


#content .main .rightcol .healthservice {
	/*background: url(/bhcv2/bhcadmin.nsf/images/healthservice_bot_bground/$file/healthservice_bot_bground.gif) no-repeat 0 100%;*/
	padding: 10px 13px 30px 13px;
	/*border-bottom: 15px solid #FFF;*/
	float: left;
	width: 243px;
	border: 1px solid #e0c971;
	border-top: 5px solid #e0c971;
	background: #fffef9;
}

#content .main .rightcol .healthservice h2{
color: #c1a438;
}

#content .main .rightcol .healthservice form {
	margin: 5px 0 0 0;
	vertical-align: middle;
}

#content .main .rightcol .healthservice form label {
	font-weight: bold;
	float: left;
	margin: 0 4px 0 0;
	color: #c1a438;
}

#content .main .rightcol .healthservice form input {
	display: block;
	border: 1px solid #c1a438;
	margin: 0;
	/*Ling Krah - Added width*/
	width: 70px;
	font-size: 0.9em;
}

#content .main .rightcol .healthservice form select {
	display: block;
	border: 1px solid #c1a438;
	margin: 0;
	/*Ling Krah - Added width - need to work out what to do in IE. */
	/*Check this bit - http://css-tricks.com/select-cuts-off-options-in-ie-fix/*/
	width: 110px;
	font-size: 0.9em;
}

#content .main .rightcol .healthservice form input.find {
	float: left;
	background: #c1a438;
	color: #fff;
	width: 40px;
	margin: 18px 0 0 0;
	cursor: pointer;
}

#content .main .rightcol .healthservice form span {
	color: #8C8576;
	clear: both;
}

#content .main .rightcol .healthservice .nursedirect  {
	margin: 15px 0 0 0;
	height: 20px;
}

#content .main .rightcol .healthservice .nursedirect img {
	border: none;
}

#content .main .rightcol .healthservice .nursedirect span {
	width: 100px;
	float: left;
	line-height: 1.2;
	margin: 0.4em 0 0 0;
}

#content .main .rightcol .relationshipfamily {
	clear: both;
	float: left;
	width: 240px;
	padding: 10px 15px 0 15px;
	/*background: transparent url(/bhcv2/bhcadmin.nsf/images/rightcol_top_bground/$file/rightcol_top_bground.gif) no-repeat 0 0;*/
	border: 1px solid #8d7167;
	border-top: 5px solid #8d7167;
	margin: 10px 0 0 0;
	background: #fcf8f7;
}
#content .main .rightcol .relationshipfamily img {
	margin: 0.5em 0;
	background-image: url(/bhcv2/bhcadmin.nsf/images/image-bg/$file/image-bg.png);
	padding: 6px 6px; 
}
#content .main .rightcol .relationshipfamily h2 {
color:#8d7167;
}

#content .main .rightcol .relationshipfamily form {
	margin: 0 0 2px 0;
	vertical-align: middle;
}

#content .main .rightcol .relationshipfamily form select {
	width: 190px;
	font-size: 0.9em;
	border: 1px solid #8d7167;
}
#content .main .rightcol .relationshipfamily form input.find {
	/*float: left;*/
	/*Ling Krah - added input.find to use for the go button*/
	background: #8d7167;
	width: 25px;
	color:#fff;
	cursor: pointer;
	font-size: 0.9em;
	border: 1px solid;
	border-color:#8d7167;
}

#content .main .rightcol .articles {
	
}

#content .main .rightcol .articles ul li{
	display: inline;
	float: left;
	background: url(/bhcv2/bhcadmin.nsf/images/dottedline/$file/dottedline.png) no-repeat 100% 100%;
	padding: 4px 0 0px 0;
	width: 242px;
}
#content .main .rightcol .articles ul li.last{
	background:none;
}
#content .main .rightcol .articles .pullquote{
	font-size:0.9em;
	margin-top: -5px;
	padding-bottom: 7px;
}

#content .main .rightcol .articles h3.featured{
color: #8d7167;
padding-top: 6px;
background: url(/bhcv2/bhcadmin.nsf/images/dottedline/$file/dottedline.png) no-repeat 100% 0%;
}

#content .main .rightcol .articles h3.last{
color: #8d7167;
padding-top: 3px;
background:none;
float:right;
}
#content .main .rightcol .articles h3 a{
color: #8d7167;
}

#content .main .rightcol .articles h3 a.last{
font-size: 0.8em;
font-weight: normal;
}
#content .main .rightcol .articles h3 a.featured{
font-size: 1.1em;
}

#content .main .rightcol .articles .morefactsheets {
	font-size: 0.9em;
	margin: 7px 0 7px 0;
	color: #8d7167;
	text-align:right;
}


#content .main .rightcol .articles .morefactsheets a {
	color: #8d7167;
}

.clr {
	clear: both;
}

.clrl {
	clear: left;
}

.clrf {
	clear: right;
}