@import url("style-b&w.css");

/*
Title:      		LHM Media website
Authors:     		Martin Law ©2010 http://www.lhmmedia.com/
*/

/* =Default */
* { margin: 0; padding: 0; }
img { border: none; margin: 0; padding: 0; }

html, body { margin: 0; padding: 0; height:100%; min-height:100%; }
body { font: 13px/1.5 Arial, Verdana, Helvetica, sans-serif;  background: url(images/bg-01.jpg) repeat-x #c2ea6c; color: #333333;}
body.external { background:none}

.alignleft { float:left; margin: 0 20px 20px 0}
.alignright { float:right; margin: 0 0 20px 20px}

img.quote-left { float: left; padding: 0 10px 10px 0 }
img.quote-right { float:right; padding: 0 10px 10px 0 }

a { color:#CC3399; font-size: 12px}
a:hover { color:#000; }

#footer a { color:#575757; }
#footer a:hover { color:#2f77ce; }

em { font-size: 12px; font-style:normal}

body#lifechecker #body { width:1024px }
body#lifechecker #branding { margin: 0 34px 12px 34px }
body#lifechecker #nav { margin: 0 34px 5px 34px; width: 954px }
body#lifechecker #sub-nav { margin: 0 34px 5px 34px; }
body#lifechecker #footer { margin: 0 auto }

/* =main structure 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#body { width: 956px; margin: 0 auto; height:100% }  

/*h1*/
h1 		{ float: left; width: 190px; margin: 13px 0 0 0; padding-left: 41px}
h1 a 	{ display: block; background: url(images/bg-logo.gif) no-repeat; height: 72px;}

/*h2*/
h2			{ font-size: 18px; color: #e10076; font-weight: 900; line-height: 1.3; font-family:"myriad-pro-1"; font-weight:600; font-style:normal;} 
h2.green	{ color:#66a608; }

/*h3*/
h3		{ font-size: 16px; color: #76b717; }
h3.expand { margin: 0; background: url(images/bg-regular-events-h3.jpg) no-repeat; color:#FFFFFF; padding: 10px 0 12px 10px; }
h3.expand a { color:#FFFFFF; font-size: 13px; text-decoration:none }

/*h4*/
h4 		{ color:#619c1e }

/*p*/
p { margin-bottom: 20px; color: #333333;}
p.grey { color: #6a6a6a;}

p.bt-read-more { overflow: hidden; height: 100%; margin: 0 }
p.bt-read-more a { background:transparent url(images/bt-read-more.gif) no-repeat scroll 0 0; display:block; float:left; width:109px; padding: 0 0 0 20px; height: 38px   }
p.bt-read-more a:hover { background-position: 0 -38px }
p.bt-read-more span { display: none }

p.bt-life-check-home { overflow: hidden; height: 100%; margin-bottom: 5px }
p.bt-life-check-home a { background:transparent url(images/bt-life-check-home.gif) no-repeat scroll 0 0; display:block; float:left; width:320px; padding: 0 0 0 20px; height: 148px   }
p.bt-life-check-home span { display: none }

p.bt-text-service-home { overflow: hidden; height: 100%; margin-bottom: 10px }
p.bt-text-service-home a { background:transparent url(images/bt-text-service-home.gif) no-repeat scroll 0 0; display:block; float:left; width:320px; padding: 0 0 0 20px; height: 148px   }
p.bt-text-service-home span { display: none }

p.bt-text-service-side { overflow: hidden; height: 100%; margin-bottom: 10px }
p.bt-text-service-side a { background:transparent url(images/bt-text-service-side.gif) no-repeat scroll 0 0; display:block; float:left; width:250px; padding: 0 0 0 20px; height: 116px   }
p.bt-text-service-side span { display: none }

p.bt-info-library-home { overflow: hidden; height: 100%; margin-bottom: 5px}
p.bt-info-library-home a { background:transparent url(images/bt-info-library-home.gif) no-repeat scroll 0 0; display:block; float:left; width:320px; padding: 0 0 0 20px; height: 148px   }
p.bt-info-library-home span { display: none }

p.bt-info-library-service { overflow: hidden; height: 100%; margin-bottom: 5px}
p.bt-info-library-service a { background:transparent url(images/bt-service-home.gif) no-repeat scroll 0 0; display:block; float:left; width:320px; padding: 0 0 0 20px; height: 148px   }
p.bt-info-library-service span { display: none }

p.bt-info-library-what { overflow: hidden; height: 100%; margin-bottom: 5px}
p.bt-info-library-what a { background:transparent url(images/bt-what-we-home.gif) no-repeat scroll 0 0; display:block; float:left; width:320px; padding: 0 0 0 20px; height: 148px   }
p.bt-info-library-what span { display: none }

p.bt-life-check-side { overflow: hidden; height: 100%; margin-bottom: 5px }
p.bt-life-check-side a { background:transparent url(images/bt-life-check-side.gif) no-repeat scroll 0 0; display:block; float:left; width:250px; padding: 0 0 0 20px; height: 116px   }
p.bt-life-check-side span { display: none }

p.bt-info-library-side { overflow: hidden; height: 100%; margin-bottom: 5px}
p.bt-info-library-side a { background:transparent url(images/bt-info-library-side.gif) no-repeat scroll 0 0; display:block; float:left; width:250px; padding: 0 0 0 20px; height: 115px   }
p.bt-info-library-side span { display: none }

p.bt-apply { overflow: hidden; height: 100%; margin: 0 }
p.bt-apply a { background:transparent url(images/bt-apply.gif) no-repeat scroll 0 0; display:block; float:left; width:71px; padding: 0 0 0 20px; height: 32px   }
p.bt-apply a:hover { background-position: 0 -32px }
p.bt-apply span { display: none }

p.bt-view-calendar { overflow: hidden; height: 100%; margin: 0 }
p.bt-view-calendar a { background:transparent url(images/bt-view-calendar.gif) no-repeat scroll 0 0; display:block; float:left; width:113px; padding: 0 0 0 20px; height: 28px   }
p.bt-view-calendar a:hover { background-position: 0 -28px }
p.bt-view-calendar span { display: none }

p.bt-view-events { overflow: hidden; height: 100%; margin: 0 }
p.bt-view-events a { background:transparent url(images/bt-view-events.gif) no-repeat scroll 0 0; display:block; float:left; width:97px; padding: 0 0 0 20px; height: 28px   }
p.bt-view-events a:hover { background-position: 0 -28px }
p.bt-view-events span { display: none }

p.bt-more-information { overflow: hidden; height: 100%; margin: 0 }
p.bt-more-information a { background:transparent url(images/bt-more-information.gif) no-repeat scroll 0 0; display:block; float:left; width:129px; height: 28px   }
p.bt-more-information a:hover { background-position: 0 -28px }
p.bt-more-information span { display: none }

p.bt-case-study { overflow: hidden; height: 100%; margin: 0; float: left; margin-right: 10px }
p.bt-case-study a { background:transparent url(images/bt-case-study.gif) no-repeat scroll 0 0; display:block; float:left; width:122px; height: 37px   }
p.bt-case-study a:hover { background-position: 0 -37px }
p.bt-case-study span { display: none }

p.bt-download-pdf { overflow: hidden; height: 100%; margin: 0; float: left }
p.bt-download-pdf a { background:transparent url(images/bt-download-pdf.gif) no-repeat scroll 0 0; display:block; float:left; width:122px; height: 37px   }
p.bt-download-pdf a:hover { background-position: 0 -37px }
p.bt-download-pdf span { display: none }

p.bt-apply-for-this { overflow: hidden; height: 100%; margin: 0; float: right }
p.bt-apply-for-this a { background:transparent url(images/bt-apply-for-this.gif) no-repeat scroll 0 0; display:block; float:left; width:122px; height: 37px   }
p.bt-apply-for-this a:hover { background-position: 0 -37px }
p.bt-apply-for-this span { display: none }

p.bt-close { margin: 0; position:absolute; top:70px; padding-left:510px }
p.bt-close a { background:transparent url(images/bt-close.png) no-repeat scroll 0 0; display:block; float:left; width:204px; height: 24px   }
p.bt-close span { display: none }

p.bt-submit { overflow: hidden; height: 100%; margin: 0; float: right }
p.bt-submit a { background:transparent url(images/bt-submit.gif) no-repeat scroll 0 0; display:block; float:left; width:101px; height: 34px   }
p.bt-submit a:hover { background-position: 0 -34px }
p.bt-submit span { display: none }

p.bt-continue { overflow: hidden; height: 100%; margin: 0; float: left }
p.bt-continue a { background:transparent url(images/bt-continue.gif) no-repeat scroll 0 0; display:block; float:left; width:102px; height: 34px   }
p.bt-continue a:hover { background-position: 0 -34px }
p.bt-continue span { display: none }

p.bt-view-library { overflow: hidden; height: 100%; margin: 0; float: left }
p.bt-view-library a { background:transparent url(images/bt-view-library.gif) no-repeat scroll 0 0; display:block; float:left; width:89px; height: 23px   }
p.bt-view-library a:hover { background-position: 0 -23px }
p.bt-view-library span { display: none }

p.bt-check-symptoms { overflow: hidden; height: 100%; margin: 0; float: left }
p.bt-check-symptoms a { background:transparent url(images/bt-check-your-symptoms.gif) no-repeat scroll 0 0; display:block; float:left; width:147px; height: 23px   }
p.bt-check-symptoms a:hover { background-position: 0 -23px }
p.bt-check-symptoms span { display: none }

p.bt-view-videos { overflow: hidden; height: 100%; margin: 0; float: left }
p.bt-view-videos a { background:transparent url(images/bt-view-videos.gif) no-repeat scroll 0 0; display:block; float:left; width:89px; height: 23px   }
p.bt-view-videos a:hover { background-position: 0 -23px }
p.bt-view-videos span { display: none }

p.bt-view-translator { overflow: hidden; height: 100%; margin: 0; float: left }
p.bt-view-translator a { background:transparent url(images/bt-view-translator.gif) no-repeat scroll 0 0; display:block; float:left; width:128px; height: 23px   }
p.bt-view-translator a:hover { background-position: 0 -23px }
p.bt-view-translator span { display: none }

p.bt-back 		{ float:left; overflow: hidden; height:1%; }
p.bt-back a 		{ background:transparent url(images/bt-back.gif) no-repeat scroll; display: block; height: 33px; width: 66px}
p.bt-back a:hover { background-position: 0 -33px } 
p.bt-back span	{ display:none }

p.bt-start-new-prescription 		{ float:left; }
p.bt-start-new-prescription a 		{ background:transparent url(images/bt-start-new-prescription.gif) no-repeat scroll; display: block; height: 46px; width: 425px}
p.bt-start-new-prescription a:hover { background-position: 0 -46px } 
p.bt-start-new-prescription span	{ display:none }

p.bt-print-this-page 		{ float:left; margin:20px 0 10px 0 }
p.bt-print-this-page a 		{ background:transparent url(images/bt-print-this-page.gif) no-repeat scroll; display: block; height: 54px; width: 228px}
p.bt-print-this-page a:hover { background-position: 0 -54px } 
p.bt-print-this-page span	{ display:none }

p.bt-view-conditions { overflow: hidden; height: 100%; margin: 0; float: left }
p.bt-view-conditions a { background:transparent url(images/bt-view-conditions.gif) no-repeat scroll 0 0; display:block; float:left; width:108px; height: 23px   }
p.bt-view-conditions a:hover { background-position: 0 -23px }
p.bt-view-conditions span { display: none }

p.bt-view-section { overflow: hidden; height: 100%; margin: 0; float: left }
p.bt-view-section a { background:transparent url(images/bt-view-section.gif) no-repeat scroll 0 0; display:block; float:left; width:89px; height: 23px   }
p.bt-view-section a:hover { background-position: 0 -23px }
p.bt-view-section span { display: none }

p.bt-view-tools { overflow: hidden; height: 100%; margin: 0; float: left }
p.bt-view-tools a { background:transparent url(images/bt-view-tools.gif) no-repeat scroll 0 0; display:block; float:left; width:76px; height: 23px   }
p.bt-view-tools a:hover { background-position: 0 -23px }
p.bt-view-tools span { display: none }

p.bt-view-staywell { overflow: hidden; height: 100%; margin: 0; float: left }
p.bt-view-staywell a { background:transparent url(images/bt-view-staywell.gif) no-repeat scroll 0 0; display:block; float:left; width:100px; height: 23px   }
p.bt-view-staywell a:hover { background-position: 0 -23px }
p.bt-view-staywell span { display: none }

p.bt-view-the-centre { overflow: hidden; height: 100%; margin: 0; float: left }
p.bt-view-the-centre a { background:transparent url(images/bt-view-the-centre.gif) no-repeat scroll 0 0; display:block; float:left; width:110px; height: 23px   }
p.bt-view-the-centre a:hover { background-position: 0 -23px }
p.bt-view-the-centre span { display: none }

p.bt-how-can-we-help { overflow: hidden; height: 100%; margin-bottom: 5px; padding-left:3px }
p.bt-how-can-we-help a { background:transparent url(images/bt-how-can-we-help.gif) no-repeat scroll 0 0; display:block; float:left; width:169px; height: 97px   }
p.bt-how-can-we-help span { display: none }

p.bt-view-the-lifechecker { overflow: hidden; height: 100%; margin-bottom: 5px; padding-left:3px }
p.bt-view-the-lifechecker a { background:transparent url(images/bt-view-the-lifechecker.gif) no-repeat scroll 0 0; display:block; float:left; width:1
39px; height: 23px   }
p.bt-view-the-lifechecker a:hover { background-position: 0 -23px }
p.bt-view-the-lifechecker span { display: none }

p.bt-view-centre { overflow: hidden; height: 100%; margin: 0; float: left }
p.bt-view-centre a { background:transparent url(images/bt-view-centre.gif) no-repeat scroll 0 0; display:block; float:left; width:109px; height: 23px   }
p.bt-view-centre a:hover { background-position: 0 -23px }
p.bt-view-centre span { display: none }

p.bt-download-widget { overflow: hidden; height: 100%; margin: 0; float: left }
p.bt-download-widget a { background:transparent url(images/bt-coming-soon.gif) no-repeat scroll 0 0; display:block; float:left; width:97px; height: 23px   }
p.bt-download-widget a:hover { background-position: 0 -23px }
p.bt-download-widget span { display: none }

/* =branding 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#branding span { display: none;}
#branding 	{ overflow/**/:/**/hidden; height: 96px; background: url(images/bg-branding.jpg) no-repeat; width: 950px; margin: 0 0 12px 5px }

#branding-1 { float: left; height: 135px; margin: 10px 0 0 87px }

#branding-2 { float: right; width: 295px; margin: 5px 10px 0 0 }

#branding-2 #searchform { margin-right: 6px; float:right  }
#branding-2 #searchform input { float: left; width: 196px; background: url(images/bg-header-search.jpg) no-repeat; border: 0; padding: 9px 0 10px 10px; margin-right: 5px}
#branding-2 #searchform input.submit {  width: 67px; height: 32px; color: #fff; background: url(images/bt-header-search.gif) no-repeat; cursor:pointer; margin: 0 }
#branding-2 #searchform input.submit:hover { background-position: 0 -32px}

/* =nav 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#nav { float: left; width: 100%; height: 54px; margin: 0 0 5px 0}

#nav ul { clear: both; overflow/**/:/**/hidden; height: 54px; background: url(images/bg-nav.gif) no-repeat 5px 0; padding-left:5px }
#nav ul li { float: left; list-style: none; padding: 0 6px 8px;  }
#nav ul li a { text-decoration: none; display: block; height: 48px; background: url(images/bg-nav-home.gif) no-repeat}
#nav ul li.item1	{ padding-left:10px }
#nav ul li.item1 a	{ width: 61px}
#nav ul li.item2 a	{ background-image: url(images/bg-nav-item2.gif); width: 76px}
#nav ul li.item3 a	{ background-image: url(images/bg-nav-item3.gif); width: 86px}
#nav ul li.item4 a	{ background-image: url(images/bg-nav-item4.gif); width: 105px}
#nav ul li.item5 a	{ background-image: url(images/bg-nav-item5.gif); width: 141px}
#nav ul li.item6 a	{ background-image: url(images/bg-nav-item6.gif); width: 103px}
#nav ul li.item7 a	{ background-image: url(images/bg-nav-item7.gif); width: 91px}
#nav ul li.item8  	{ padding-left: 23px }  
#nav ul li.item8 a	{ background-image: url(images/bg-nav-item8.gif); width: 140px}
#nav ul li.item9 a	{ background-image: url(images/bg-nav-item9.gif); width: 124px}
#nav ul li.item10 a	{ background-image: url(images/bg-nav-item10.gif); width: 45px}
#nav ul li a:hover	{ background-position: 0 -48px} 
#nav ul li a.active { background-position: 0 -48px} 
#nav ul li span { display: none }

/* =sub nav 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#sub-nav { width: 910px; height: 20px; background: url(images/bg-sub-nav.gif) no-repeat 5px 0 ; margin: 0 0 3px 0; padding: 5px 20px 4px 25px; clear:both }

#sub-nav ul { float: right; margin: 5px 20px 0 0; height: 18px;}
#sub-nav li { float: left; list-style: none; margin: 0 0 0 25px;  }
#sub-nav li a { text-decoration: none; display: block; height: 18px; background: url(images/bg-sub-nav-item1.png) no-repeat}
#sub-nav li.item1 { width: 83px}
#sub-nav li.item2 a{ background-image: url(images/bg-sub-nav-item2.png); width: 65px}
#sub-nav li.item3 a{ background-image: url(images/bg-sub-nav-item3.png); width: 157px}
#sub-nav ul li a:hover { background-position: 0 -18px} 
#sub-nav ul li span { display: none }

#sub-nav p { float: left; color:#FFFFFF; font-size: 12px; margin: 0 }
#sub-nav p.breadcrumb { float: right }
#sub-nav p a { color: #FFFFFF }

/* =container
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#container-1 { width: 960px; margin: 0 auto; background: url(images/bg-container-3.png) no-repeat; padding-top: 30px; }
#container-2 { background: url(images/bg-container-2.png) no-repeat; background-position: bottom; padding-bottom: 30px}
#container-3 { background: url(images/bg-container.png) repeat-y;  padding: 0 25px; }

#container-1-wide { width: 1024px; margin: 0 auto; background: url(images/bg-container-3-wide.png); background-repeat:no-repeat; padding-top: 30px; overflow:hidden}
#container-2-wide { background: url(images/bg-container-2-wide.png) no-repeat; background-position: bottom; padding-bottom: 30px}
#container-3-wide { background: url(images/bg-container-wide.png) repeat-y; overflow/**/:/**/hidden; height: 1%; padding: 0 25px; }

/* =content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content 	{  min-height: 300px; margin-bottom: 40px; overflow:hidden; height:1%; clear:both}

iframe { border: none }

/* =content-1
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content-1 { float: left; width: 566px; }
#content-1pri { overflow: hidden; height:100%}
#content-1pri h2 { font-size:26px; font-weight: 900;}

#bt-rotate-ad	   { position:relative; height:149px; }
#bt-rotate-ad p  { position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
#bt-rotate-ad p.active  { z-index:10; opacity:1.0; }


/* =content-2
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content-2 { float: right; width: 320px; overflow:hidden; height:100% }

#content-2 ul { clear: both; overflow/**/:/**/hidden; margin-bottom: 5px }
#content-2 ul li { float: left; list-style: none; margin: 0 6px 6px 0 }
#content-2 ul li a { text-decoration: none; display: block; height: 47px; background: url(images/bt-content-2-news.gif) no-repeat}
#content-2 ul li#news a{ width: 157px; }
#content-2 ul li#discussion { margin: 0 }
#content-2 ul li#discussion a { width: 157px; background-image: url(images/bt-content-2-discussion.gif) }
#content-2 ul li#events a { width: 157px; background-image: url(images/bt-content-2-events.gif) }
#content-2 ul li#email { margin: 0 }
#content-2 ul li#email a { width: 157px; background-image: url(images/bt-content-2-email-us.gif) }
#content-2 ul li a:hover { background-position: 0 -47px }
#content-2 ul li a:hover { background-position: 0 -47px }
#content-2 ul li span { display: none }

#content-2-logos { float:right; padding: 20px 0 0 0 }
#content-2-logos img{ margin-left: 10px; }

/* =content-3
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content-3 			{ float: left; width: 175px; margin-right: 20px}

#content-3 ul  { overflow: hidden; height:100%; background: #ffffff; margin-bottom:10px}
#content-3 ul li { background:transparent url(images/bg-content-3nav-bt-top.gif) no-repeat top; margin:3px; height:1%}
#content-3 ul li.current_page_item a	{ font-weight:bold }
#content-3 ul li a { background:transparent url(images/bg-content-3nav-bt-bot.gif) no-repeat bottom; display:block; padding:8px 12px; text-decoration: none; color:#333333}
#content-3 ul li a:hover { color: #000000; text-decoration:underline }
#content-3 ul li ul li { background: none; margin-bottom:0;}
#content-3 ul li ul li a { background:none; display:block; padding:8px 12px; text-decoration: none; color:#333333}

#content-3 ul.bengali li { margin-bottom: 5px}
#content-3 ul.bengali li.about  { background:transparent url(images/bt-bengali-about.gif) no-repeat top; margin-bottom:3px; }
#content-3 ul.bengali li.hub  { background:transparent url(images/bt-bengali-hub.gif) no-repeat top; margin-bottom:3px; }
#content-3 ul.bengali li.comm  { background:transparent url(images/bt-bengali-comm-sites.gif) no-repeat top; margin-bottom:3px; }
#content-3 ul.bengali li.supporters  { background:transparent url(images/bt-bengali-supporters.gif) no-repeat top; margin-bottom:3px; }
#content-3 ul.bengali li.services  { background:transparent url(images/bt-bengali-services.gif) no-repeat top; margin-bottom:3px; }
#content-3 ul.bengali li.useful-links  { background:transparent url(images/bt-bengali-useful-links.gif) no-repeat top; margin-bottom:3px; }
#content-3 ul.bengali li a { background:none; height:18px}
#content-3 ul.bengali span { display:none }
#content-3 ul li ul { padding-top: 3px}

#content-3 ul.punjabi li { margin-bottom: 5px}
#content-3 ul.punjabi li.about  { background:transparent url(images/bt-punjabi-about.gif) no-repeat top; margin-bottom:3px; }
#content-3 ul.punjabi li.hub  { background:transparent url(images/bt-punjabi-hub.gif) no-repeat top; margin-bottom:3px; }
#content-3 ul.punjabi li.comm  { background:transparent url(images/bt-punjabi-comm-sites.gif) no-repeat top; margin-bottom:3px; }
#content-3 ul.punjabi li.supporters  { background:transparent url(images/bt-punjabi-supporters.gif) no-repeat top; margin-bottom:3px; }
#content-3 ul.punjabi li.services  { background:transparent url(images/bt-punjabi-services.gif) no-repeat top; margin-bottom:3px; }
#content-3 ul.punjabi li.useful-links  { background:transparent url(images/bt-punjabi-useful-links.gif) no-repeat top; margin-bottom:3px; }
#content-3 ul.punjabi li a { background:none; height:18px}
#content-3 ul.punjabi span { display:none }

#content-3 ul.somali li { margin-bottom: 5px}
#content-3 ul.somali li.about  { background:transparent url(images/bt-somali-about.gif) no-repeat top; margin-bottom:3px; }
#content-3 ul.somali li.hub  { background:transparent url(images/bt-somali-hub.gif) no-repeat top; margin-bottom:3px; }
#content-3 ul.somali li.comm  { background:transparent url(images/bt-somali-comm-sites.gif) no-repeat top; margin-bottom:3px; }
#content-3 ul.somali li.supporters  { background:transparent url(images/bt-somali-supporters.gif) no-repeat top; margin-bottom:3px; }
#content-3 ul.somali li.services  { background:transparent url(images/bt-somali-services.gif) no-repeat top; margin-bottom:3px; }
#content-3 ul.somali li.useful-links  { background:transparent url(images/bt-somali-useful-links.gif) no-repeat top; margin-bottom:3px; }
#content-3 ul.somali li a { background:none; height:18px}
#content-3 ul.somali span { display:none }

#content-3 ul.chinese li { margin-bottom: 5px}
#content-3 ul.chinese li.about  { background:transparent url(images/bt-chinese-about.gif) no-repeat top; margin-bottom:3px; }
#content-3 ul.chinese li.hub  { background:transparent url(images/bt-chinese-hub.gif) no-repeat top; margin-bottom:3px; }
#content-3 ul.chinese li.comm  { background:transparent url(images/bt-chinese-comm-sites.gif) no-repeat top; margin-bottom:3px; }
#content-3 ul.chinese li.supporters  { background:transparent url(images/bt-chinese-supporters.gif) no-repeat top; margin-bottom:3px; }
#content-3 ul.chinese li.services  { background:transparent url(images/bt-chinese-services.gif) no-repeat top; margin-bottom:3px; }
#content-3 ul.chinese li.useful-links  { background:transparent url(images/bt-chinese-useful-links.gif) no-repeat top; margin-bottom:3px; }
#content-3 ul.chinese li a { background:none; height:18px}
#content-3 ul.chinese span { display:none }

#content-3 ul.urdu li { margin-bottom: 5px}
#content-3 ul.urdu li.about  { background:transparent url(images/bt-urdu-about.gif) no-repeat top; margin-bottom:3px; }
#content-3 ul.urdu li.hub  { background:transparent url(images/bt-urdu-hub.gif) no-repeat top; margin-bottom:3px; }
#content-3 ul.urdu li.comm  { background:transparent url(images/bt-urdu-comm-sites.gif) no-repeat top; margin-bottom:3px; }
#content-3 ul.urdu li.supporters  { background:transparent url(images/bt-urdu-supporters.gif) no-repeat top; margin-bottom:3px; }
#content-3 ul.urdu li.services  { background:transparent url(images/bt-urdu-services.gif) no-repeat top; margin-bottom:3px; }
#content-3 ul.urdu li.useful-links  { background:transparent url(images/bt-urdu-useful-links.gif) no-repeat top; margin-bottom:3px; }
#content-3 ul.urdu li a { background:none; height:18px}
#content-3 ul.urdu span { display:none }

/* =content-4
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content-4 { float: left; width: 440px; }
#content-4 #buttons  { overflow: hidden; height:100%; margin-bottom:15px}
#content-4 img.main-image { margin-bottom:15px; height:196px; width:441px }

#content-4 h2 { font-size: 22px; border-bottom: 1px solid #86b918; padding-bottom: 10px; margin-bottom:15px }
#content-4 h2.green-intro	{ font-size: 21px; color: #86b818; font-weight: 800; border: 0; padding: 0 }
#content-4 h3 { margin-bottom:10px }
#content-4.live-well h2 { font-size: 22px; border:none; padding-bottom: 10px; margin-bottom:15px }

#content-4 ul { padding-left: 15px}
#content-4 ul li { font-size: 13px; margin-bottom:10px }

#content-4 .collapse { padding-left: 10px }

#content-4pri { border-bottom: 1px solid #4c9900; padding-bottom:20px; margin-bottom: 10px}
#content-4sec { overflow:hidden; margin-bottom: 10px; height:100%} 
#content-4sec p.bt-apply-for-this { float: left }
#content-4sec img.main-image { margin-bottom:15px; height:196px; width:441px }

#bubble { width:295px}
#bubble img { float:right; padding: 3px 0 10px 10px }
#bubble p { margin-bottom: 5px}

/* =content-5
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content-5 { float: right; width: 252px; overflow:hidden; height: 100%;  }

#content-5 h2 { font-size: 18px; border-bottom: 1px solid #86b918; padding: 4px 0 10px 0; margin-bottom:15px }

#content-5 ul { clear: both; overflow/**/:/**/hidden; margin-bottom: 5px; height:100% }
#content-5 ul li { float: left; list-style: none; margin: 0 4px 4px 0 }
#content-5 ul li a { text-decoration: none; display: block; height: 37px; background-image: url(images/bt-content-5-news.gif) }
#content-5 ul li#news a{ width: 123px; }
#content-5 ul li#discussion { margin: 0 }
#content-5 ul li#discussion a { width: 123px; background-image: url(images/bt-content-5-discussion.gif) }
#content-5 ul li#events a { width: 123px; background-image: url(images/bt-content-5-events.gif) }
#content-5 ul li#email { margin: 0 }
#content-5 ul li#email a { width: 123px; background-image: url(images/bt-content-5-email-us.gif) }
#content-5 ul li a:hover { background-position: 0 -37px }
#content-5 ul li a span { display: none }

#popular-searches ul li { float:none; border-bottom:1px solid #CCCCCC; margin:0; padding: 5px 0 5px 10px }
#popular-searches ul li a { background:none; height:auto; }
#popular-searches h3 { background-color:#8CBD20; color:#FFFFFF; padding: 5px 0 5px 10px }
/* =content-6
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content-6 { overflow: hidden; height:100%; margin-bottom:10px }
#content-6 h2 { font-size: 22px; border-bottom: 1px solid #86b918; padding-bottom: 10px; margin-bottom:15px; overflow: hidden }
#content-6 h2 a  { float:right;  display: block; height: 40px; width: 170px}
#content-6 h3 { background: url(images/bg-content-6-h3.jpg) no-repeat #585858; padding: 3px 0 3px 5px; color:#FFFFFF; font-size: 13px; border-bottom: 1px #669900 solid  } 
#content-6 h3 em { font-size: 13px; padding: 0 20px 0 6px; margin-right: 5px }
#content-6 h3.title {  }
#content-6 h4 { font-size:30px }
#content-6 a { color: #585858;}
#content-6 a:hover { color: #669900 }
#content-6 span{display:none;}

#content-6 ul#info-lib-a-z {width: 180px; margin-bottom: 20px; float:left; border-width: 0 0 0 1px; border-color: #669900; border-style: solid }
#content-6 ul#info-lib-a-z li {float:left; list-style:none; text-align:center}
#content-6 ul#info-lib-a-z li a { width:35px; display:block; background-color:#e8eae8; padding: 2px 0 ; border-width: 0 1px 1px 0; border-color: #669900; border-style: solid; text-decoration:none; font-size:18px; color: #585858 }
#content-6 ul#info-lib-a-z li a:hover { background-color:#669900; color:#FFFFFF }

#info-body-part { float: left; width: 190px }
#info-body-map #info-body-part ul#info-lib-body-part li { border-right: none }

#info-body { float: left; width: 190px }

#info-area { float: left; width: 702px; border-width: 0 1px 1px 0; border-color: #669900; border-style: solid; float: right }
#info-area h3 { padding-left: 42px; border-right: none }
#info-area ul#search-results { border-width: 0 0 0 1px; border-color: #669900; border-style: solid; padding-bottom: 5px; float:left; width: 350px }
#info-area ul#search-results li { list-style: none;  }
#info-area ul#search-results li a { display: block; width: 338px; padding: 5px 0 5px 12px;  }
#info-area ul#search-results li a:hover { background-color: #669900; color:#FFFFFF }

#info-area-subject { float: left; width: 590px; border-width: 1px 1px 1px 1px; border-color: #669900; border-style: solid; float: right }
#info-area-subject h3 { padding-left: 42px; border-right: none }
#info-area-subject ul#search-results { float:left; width: 294px }
#info-area-subject ul#search-results.left { border-width: 0 1px 0 0; border-color: #669900; border-style: solid }
#info-area-subject ul#search-results li { list-style: none;  }
#info-area-subject ul#search-results li a { display: block; width: 283px; padding: 5px 0 5px 12px;  }
#info-area-subject ul#search-results li a:hover { background-color: #669900; color:#FFFFFF }

#info-body-map { float: left; margin-right: 25px}
#info-body-map h3  { border-width: 1px 1px 0 0; border-color: #669900; border-style: solid }
#info-body-map ul#info-lib-body-part li { font-size: 12px; list-style: none; padding: 5px 15px 5px 15px; text-align: center; background-color:#e8eae8; border-width: 0 1px 1px 1px; border-color: #669900; border-style: solid; }
#info-body-map ul#info-lib-body-part li.body { background: url(images/bg-content-6-li-body.jpg) no-repeat center #c0c0c0; padding: 12px 0 }
#info-body-map ul#info-lib-body-part li a	 { display: block; } 
#info-body-map ul#info-lib-body-part li a.m { float:left; background: url(images/bg-li-m.gif) no-repeat; width:8px; height:14px; } 
#info-body-map ul#info-lib-body-part li a.f { float:right; background: url(images/bg-li-f.gif) no-repeat; width:8px; height:14px; }
#info-body-map ul#info-lib-body-part li a:hover { background-position: 0 -14px } 

#info-az { float: left; margin-right: 25px; }
#info-az h3  { border-width: 1px 1px 0 0; border-color: #669900; border-style: solid }
#info-body-2 h3 { padding-left: 42px; }
#info-body-2 { float: left; width: 150px; margin-right: 25px }
#info-body-2 ul#info-lib-body-part li { font-size: 12px; list-style: none; padding: 5px 15px 5px 15px; text-align: center; background-color:#e8eae8; border-width: 0 1px 1px 1px; border-color: #669900; border-style: solid; }
#info-body-2 ul#info-lib-body-part li.body { background: url(images/bg-content-6-li-body.jpg) no-repeat center #c0c0c0; padding: 12px 0 }
#info-body-2 ul#info-lib-body-part li a	 { display: block; } 
#info-body-2 ul#info-lib-body-part li a.m { float:left; background: url(images/bg-li-m.gif) no-repeat; width:8px; height:14px; } 
#info-body-2 ul#info-lib-body-part li a.f { float:right; background: url(images/bg-li-f.gif) no-repeat; width:8px; height:14px; }
#info-body-2 ul#info-lib-body-part li a:hover { background-position: 0 -14px } 

#info-area-2 { float: left; width: 518px; border: 1px #669900 solid; float: right }
#info-area-2 h3 { padding-left: 42px; border-right: none }
#info-area-2 ul#search-results { padding-bottom: 5px; float:left; width: 258px }
#info-area-2 ul#search-results.left { border-width: 0 1px 0 0; border-color: #669900; border-style: solid }
#info-area-2 ul#search-results li { list-style: none;  }
#info-area-2 ul#search-results li a { display: block; width: 246px; padding: 5px 0 5px 12px;  }
#info-area-2 ul#search-results li a:hover { background-color: #669900; color:#FFFFFF }

#info-subject { float: left; width: 295px }
#info-subject h3  { border-width: 1px 1px 0 0; border-color: #669900; border-style: solid }
#info-subject ul#info-lib-body-part { border-width: 0 1px 1px 1px; border-color: #669900; border-style: solid; }
#info-subject ul#info-lib-body-part li { list-style: none;  }
#info-subject ul#info-lib-body-part li a { display: block; width: 282px; padding: 5px 0 5px 12px;  }
#info-subject ul#info-lib-body-part li a:hover { background-color: #669900; color:#FFFFFF }

#find-me-search-results ul li { border: 1px #CCCCCC solid; padding: 10px; margin-bottom: 20px  }
#find-me-search-results ul li p { margin-bottom: 5px}

#info-article { width: 710px; float:left }
#info-article ul#main-nav { overflow:hidden; height:100%; background: url(images/bg-info-article-ul.gif) ; padding: 0 0 0 15px; margin:0 }
#info-article ul#main-nav li { float: left; list-style:none; padding: 10px }
#info-article ul#main-nav li a.active { color:#4c9900 }
#info-article h3 { background: none; border:0; color:#4c9900; padding:0;}
#info-article h3.title { font-size: 18px; margin-bottom: 10px }
#info-article ul { padding: 0 0 0 15px; margin-bottom: 20px }

#info-article-container { border-width: 1px 1px 1px 1px; border-color: #CCCCCC; border-style: solid; }

#info-article-inner { padding: 20px 24px; overflow:hidden; height:100% }
#info-article-inner h2 { color: #4c9900; margin-bottom: 10px }
#info-article-inner img { float: left; padding: 5px; border: 1px solid #CCCCCC; margin: 0 30px 10px 0}

#info-article-videolink { float:left; margin: 0 30px 0 0 }

#info-library-sidebar { float:right; width:160px; padding-top:36px  }
#info-library-sidebar h2 { border: 0; color:#00689c; padding: 0; font-size:18px; margin-bottom:8px  }
#info-library-sidebar p	{ margin:0 }
#info-library-sidebar img { margin-bottom: 20px }

/* =content-7
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content-7 { float: left; width: 715px; }
#content-7 h2 { font-size: 22px; border-bottom: 1px solid #86b918; padding-bottom: 10px; margin-bottom:15px }

#content-7 h2.green-intro	{ font-size: 21px; color: #86b818; font-weight: 800; border: 0; padding: 0 }


/* =content-8
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content-8 { float: left; width: 636px; }
#content-8 h2 { border-bottom:1px solid #86B918; font-size:22px; margin-bottom:15px; padding-bottom:10px; overflow:hidden; height:auto;}
#content-8 h2 a  { float:right;  display: block; height: 40px; width: 170px}


#content-8 table { border-collapse: collapse; margin-bottom:20px }
#content-8 td { border-bottom:1px solid #CCCCCC; padding: 5px 0}
#content-8 td p { margin:0 }

/* =footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footer { overflow: hidden; width: 909px }

/* =footer-1
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footer-1 { overflow: hidden; height: 100%; margin-bottom:10px }

/* =footer-2
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footer-2		{ overflow: hidden; height: 159px; background: url(images/bg-footer-2.jpg) no-repeat; padding: 12px 22px 6px 6px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin-bottom:10px }
#footer-2 h2	{ line-height:1 }
#footer-2pri	{ width: 255px; float:left; border-right: 1px solid #FFFFFF; padding-right: 10px }
#footer-2pri h2	{ background: url(images/bg-h2-footer-2pri.jpg) no-repeat; color:#333333; font-size: 15px; padding: 14px 0 14px 12px; line-height:1 }
#footer-2pri ul	{ overflow:hidden; padding: 0 0 0 12px }
#footer-2pri ul li { list-style: none }
#footer-2pri ul li a { color:#333333; font-size: 11px; text-decoration: none }

#footer-2sec	{ width: 121px; float:left; border-right: 1px solid #FFFFFF; padding: 5px 10px 0 16px}
#footer-2sec h2	{ background: url(images/bg-h2-footer-2sec.jpg) no-repeat; color:#333333; font-size: 15px; padding: 9px 0 14px 12px; }
#footer-2sec ul	{ overflow:hidden; padding: 0 0 0 12px }
#footer-2sec ul li { list-style: none }
#footer-2sec ul li a { color:#333333; font-size: 11px; text-decoration: none }
#footer-2sec ul li a.underline { text-decoration:underline }

#footer-2ter	{ width: 160px; float:left; border-right: 1px solid #FFFFFF; padding: 5px 10px 0 16px}
#footer-2ter h2	{ background: url(images/bg-h2-footer-2ter.jpg) no-repeat; color:#333333; font-size: 15px; padding: 9px 0 14px 12px; }
#footer-2ter ul	{ overflow:hidden; padding: 0 0 0 12px }
#footer-2ter ul li { list-style: none }
#footer-2ter ul li a { color:#333333; font-size: 11px; text-decoration: none }
#footer-2ter ul li a.underline { text-decoration:underline }

#footer-2qua	{ width: 260px; float:right; padding: 13px 0 0 0 }
#footer-2qua h2	{ color:#333333; font-size: 15px; margin-bottom: 10px}
#footer-2qua ul li 	   { margin-bottom: 5px; list-style: none; overflow:hidden }
#footer-2qua ul li label 		{ display: block; margin-bottom: 5px;}
#footer-2qua ul li input   		{ background: #FFFFFF; width: 250px; border: 0; padding: 5px}
#footer-2qua ul li input.submit		{ float: right; background: url(images/bg-footer-2qua-submit.gif) no-repeat; border: 0; height: 28px; padding-top: 23px; overflow: hidden; display: block; width: 74px; cursor: pointer}
#footer-2qua ul li input.submit:hover { background-position: 0 -28px; }
#footer-2qua ul li p { float: left; margin: 5px 0 0 0 }
#footer-2qua ul li p a { font-size:11px }

/* =footer-3
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footer-3		{ overflow: hidden; height: 100%; font-family:Verdana, Arial, Helvetica, sans-serif; }
#footer-3 p		{ font-size: 11px; margin: 0 }
#footer-3 p	a	{ text-decoration: none }

#footer-3pri	{ float: left; padding: 0 0 0 5px  } 
#footer-3sec	{ float: right; padding: 15px 20px 0 0 }

.addthis_toolbox { font-family:Arial, Helvetica, sans-serif; margin-bottom: 3px}
.addthis_toolbox a { text-decoration: none }
.addthis_toolbox p { float: left; font-size: 12px !important; color:#000099 }

/*img*/
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*blockquote*/
blockquote { font-size: 14px; margin-bottom: 20px; color: #616161; margin: 0;}

/*comments 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
h3#comments { margin: 10px 0 }
h3#thankyou { padding: 0 0 0 45px; color:#E10076 }
ol.commentlist li { background:url("images/bg-comments.gif") no-repeat scroll 0 0 transparent; list-style:none outside none; margin-bottom:20px; padding-top:12px; } 
ol.commentlist li p { background:none repeat scroll 0 0 #e3f6b9; margin:0 0 10px 45px; padding:12px;} 
ol.commentlist li h3 em { color:#747474;display:block;}


/*ul 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
ul#work-with-us { padding: 0 }
ul#work-with-us li { list-style: none }
ul#work-with-us li h3 { margin: 0 }
ul#work-with-us li em { color: #999999 }
ul#work-with-us li p { margin-bottom: 10px }

ul#whats-on { padding: 0 ; border-top: 1px solid #999999; padding-top: 10px }
ul#whats-on li { list-style: none; overflow:hidden; height:100%; border-bottom: 1px solid #999999; padding-bottom: 10px }
ul#whats-on li h3 { margin: 0 }
ul#whats-on li em { color: #999999 }
ul#whats-on li p { margin-bottom: 10px }
ul#whats-on li img { float: left; padding-right: 20px; height:123px; width:211px }

ul#diabetes { padding: 0 ; border-top: 1px solid #999999; padding-top: 10px }
ul#diabetes li { list-style: none; overflow:hidden; height:100%; border-bottom: 1px solid #999999; padding-bottom: 10px }
ul#diabetes li h3 { margin:0; width:300px; float:left }
ul#diabetes li em { color: #999999 }
ul#diabetes li p { margin-bottom: 10px; width:300px; float:left }
ul#diabetes li img { float: left; padding-right: 20px; height:123px; width:211px }
ul#diabetes p.bt-read-more { float:right; width:108px }

ul#our-services { padding: 0; padding-top: 10px }
ul#our-services li { list-style: none; overflow:hidden; height:100%; border-bottom: 1px solid #999999; padding-bottom: 10px }
ul#our-services li h3 { margin: 0 0 5px 0 }
ul#our-services li em { color: #999999 }
ul#our-services li p { margin-bottom: 10px }
ul#our-services li img { float: left; padding-right: 20px; height: 123px; width: 211px }

#our-services-home { padding: 0; overflow:hidden; height: 100% }
#our-services-home ul { padding: 0; overflow:hidden; height: 100%; margin-bottom:10px}
#our-services-home ul li { list-style:none; float:left; margin: 0 18px 0 0; width: 211px}
#our-services-home ul li.end { margin: 0  }
#our-services-home ul li h3 { background-image:none; background-color: #8cbd20; width:201px; margin-bottom:1px }
#our-services-home ul li ul { overflow: hidden; height:100%; padding: 0 }
#our-services-home ul li ul li { margin: 0 0 1px 0; clear:both }
#our-services-home ul li ul li a { background-color: #669900; padding: 5px 0 5px 10px; display: block; width: 201px; text-decoration:none; color:#FFFFFF}
#our-services-home ul .collapse { padding: 0 }
#our-services-home ul li img { height:123px; width: 211px}

ul#health-library { padding: 0; overflow:hidden; height: 100%; margin-bottom:10px}
ul#health-library li { list-style:none; float:left; margin: 0 17px 10px 0; width: 200px}
ul#health-library li.end { margin: 0  }
ul#health-library li h3 { background-image:none; background-color: #8cbd20; width:200px; margin-bottom:1px;   }
ul#health-library li h3 a { background-color: #8cbd20; display: block; text-decoration:none; color:#FFFFFF; padding: 10px 0 10px 10px;}
ul#health-library li img { height:126px; width: 200px}
ul#health-library li a:hover { background-color: #669900; }

ul#health-library-home { padding: 0; overflow:hidden; height: 100%; margin-bottom:10px}
ul#health-library-home li { list-style:none; margin: 0 0 10px 0; }
ul#health-library-home li h3 { background-image:none; background-color: #8cbd20; margin-bottom:1px;   }
ul#health-library-home li a { background-color: #8cbd20; display: block; text-decoration:none; color:#FFFFFF; padding: 10px 0 10px 10px;}
ul#health-library-home li img { height:126px; width: 200px}
ul#health-library-home li a:hover { background-color: #669900; }

ul#footer1-languages { overflow: hidden; float:left }
ul#footer1-languages li { float: left; list-style:none; margin-right: 5px }
ul#footer1-languages li a { text-decoration: none; display: block; height: 24px; background: url(images/bt-footer1-country1.gif) no-repeat }
ul#footer1-languages li.country1 a { width:42px }
ul#footer1-languages li.country2 a { width:42px; background: url(images/bt-footer1-country2.gif) no-repeat  }
ul#footer1-languages li.country3 a { width:42px; background: url(images/bt-footer1-country3.gif) no-repeat  }
ul#footer1-languages li.country4 a { width:42px; background: url(images/bt-footer1-country4.gif) no-repeat  }
ul#footer1-languages li.country5 a { width:42px; background: url(images/bt-footer1-country5.gif) no-repeat  }
ul#footer1-languages li.country6 a { width:42px; background: url(images/bt-footer1-country6.gif) no-repeat  }
ul#footer1-languages li.country7 a { width:42px; background: url(images/bt-footer1-country7.gif) no-repeat  }
ul#footer1-languages li.country8 a { width:42px; background: url(images/bt-footer1-country8.gif) no-repeat  }
ul#footer1-languages p { margin: 0 }
ul#footer1-languages span { display: none }

ul#social-bookmarks { overflow: hidden; float:right}
ul#social-bookmarks li { float: left; list-style:none; margin-right: 5px }
ul#social-bookmarks li a { text-decoration: none; display: block; height: 25px; background: url(images/bt-footer1-facebook.gif) no-repeat }
ul#social-bookmarks li.facebook a { width:26px }
ul#social-bookmarks li.twitter a { width:26px; background: url(images/bt-footer1-twitter.gif) no-repeat  }
ul#social-bookmarks li.flickr a { width:26px; background: url(images/bt-footer1-flickr.gif) no-repeat  }
ul#social-bookmarks li.youtube a { width:28px; background: url(images/bt-footer1-youtube.gif) no-repeat  }
ul#social-bookmarks li.rss a { width:26px; background: url(images/bt-footer1-rss.gif) no-repeat  }
ul#social-bookmarks li.blog a { width:26px; background: url(images/bt-footer1-blog.gif) no-repeat  }
ul#social-bookmarks li a:hover { background-position: 0 -25px }
ul#social-bookmarks p { margin: 0 }
ul#social-bookmarks span { display: none }

ul#contact-form { padding: 0 }
ul#contact-form li  { list-style: none; margin: 0; overflow:hidden; height:100% }
ul#contact-form li.end { padding-left: 180px}
ul#contact-form li input { padding: 5px; width: 440px; border: 1px solid #bbbbbb}
ul#contact-form li input.submit { width: 101px; height: 34px; border: 0; background: url(images/bt-submit.gif) no-repeat ; display:block; cursor: pointer; overflow:hidden; color: #5c689; text-indent:-9999px; font-size: 0px; display:block; line-height: 0px; }
ul#contact-form li input.submit:hover { background-position: 0 -34px; }
ul#contact-form li input checkbox { width:15px; float: left; margin: 2px 0 0 0 }
ul#contact-form li select { padding: 5px; width: 532px; border: 1px solid #bbbbbb}
ul#contact-form li textarea { padding: 5px; width: 440px; border: 1px solid #bbbbbb}
ul#contact-form p { margin: 0 0 10px 0; overflow: hidden; float:left }
ul#contact-form p.title { width: 180px}
span.wpcf7-checkbox input { width:15px !important; float: left; margin: 2px 0 0 0}
span.wpcf7-list-item { float: left; width: 100%; }

#content-4 ul#contact-form li.end { padding-left:0 }
#content-4 ul#contact-form li input { width: 420px;}

ul#application { padding: 0 }
ul#application li  { list-style: none; margin: 0; overflow:hidden; height:100% }
ul#application li.end { }
ul#application li input { padding: 5px; width: 240px; border: 1px solid #bbbbbb}
ul#application li input.submit { width: 101px; height: 34px; border: 0; background: url(images/bt-submit.gif) no-repeat ; display:block; cursor: pointer; overflow:hidden; color: #5c689; text-indent:-9999px; font-size: 0px; display:block; line-height: 0px; }
ul#application li input.submit:hover { background-position: 0 -34px; }
ul#application li input checkbox { width:15px; float: left; margin: 2px 0 0 0 }
ul#application li select { padding: 5px; width: 532px; border: 1px solid #bbbbbb}
ul#application li textarea { padding: 5px; width: 440px; border: 1px solid #bbbbbb}
ul#application p { margin: 0 0 10px 0; overflow: hidden; float:left }
ul#application p.title { width: 180px; margin-bottom:5px }
span.wpcf7-checkbox input { width:15px !important; float: left; margin: 2px 0 0 0}
span.wpcf7-list-item { float: left; width: 100%; }

ul#text-resize 				{ float:right; margin-bottom: 10px }
ul#text-resize li 			{ float:left; list-style-image:none; list-style-position:outside; list-style-type:none; margin-right:6px; font-size: 12px; }
ul#text-resize li a 		{ color: #333; text-decoration: none;  } 
ul#text-resize li.text 		{ padding-top: 8px}
ul#text-resize li.reset a 	{ background-image:url(images/bt-text-resize-reset.gif); display:block; height:32px; text-decoration:none; width:31px; } 
ul#text-resize li.big a 	{ background-image:url(images/bt-text-resize-big.gif); width:31px; display:block; height:32px; text-decoration:none; }
ul#text-resize li.colour a 	{ background-image:url(images/bt-text-resize-colour.gif); width:31px; display:block; height:32px; text-decoration:none;}
ul#text-resize li.print a 	{ background-image:url(images/bt-text-resize-print.gif); width:31px; display:block; height:32px; text-decoration:none;}
ul#text-resize li a:hover	{ background-position: 0 -32px; color: #75b700; }

ul#become-a-member { padding: 0 }
ul#become-a-member li  { list-style: none; margin: 0; overflow:hidden; height:100% }
ul#become-a-member li.checkbox  { margin: 15px 0 }
ul#become-a-member li.checkbox input { width:15px;margin-right:10px; border:none}
ul#become-a-member li.checkbox span.mmf-list-item {float:left; width:50%; margin:0 0 5px 0}
ul#become-a-member li.end { border-top: 1px solid #CCCCCC; padding-top: 10px; margin-top:10px}
ul#become-a-member li input { padding: 5px; width: 246px; border: 1px solid #bbbbbb}
ul#become-a-member li.end input { width: 101px; height: 34px; border: 0; background: url(images/bt-submit.gif) no-repeat ; display:block; cursor: pointer; overflow:hidden; color: #5c689; text-indent:-9999px; font-size: 0px; display:block; line-height: 0px; float:left}
ul#become-a-member li.end input:hover { background-position: 0 -34px; }
ul#become-a-member li.end span { padding: 0 0 0 5px; display:block}
ul#become-a-member li input.form-cb{ width:15px; float: left; margin: 2px 5px 0 0; }
ul#become-a-member li select { padding: 5px; width: 258px; border: 1px solid #bbbbbb; margin-left:3px}
ul#become-a-member li textarea { padding: 5px; width: 246px; border: 1px solid #bbbbbb}
ul#become-a-member p { margin: 0 0 10px 0; overflow: hidden}
ul#become-a-member p.title { width: 162px; padding-right:10px; float:left }
ul#become-a-member p span { float:left; display:block}

ul#find-me-a { padding: 0; margin-bottom:20px }
ul#find-me-a li  { list-style: none; margin: 0 0 5px 0; overflow:hidden; height:100% }
ul#find-me-a li input { padding: 3px; width:145px; border: 1px solid #b7b7b7}
ul#find-me-a li input.checkbox { width:15px; margin: 0 5px 0 0; }
ul#find-me-a li input.submit { width: 59px; height: 21px; border: 0; background: url(images/bt-health-sidebar-submit.gif) no-repeat ; display:block; cursor: pointer; overflow:hidden; color: #5c689; text-indent:-9999px; font-size: 0px; display:block; line-height: 0px; float:left}

ul#useful-links { padding: 0 }
ul#useful-links li  { list-style: none; margin: 0 0 4px 0; }

ul#pagination li { float:left; border:0; padding: 0; list-style:none; margin-right:10px}

ul#search li { border-bottom: 1px solid #CCCCCC; margin-bottom:10px; padding-bottom: 5px}
ul#search li h3 a { font-size:18px; margin:0 0 5px 0}
ul#search li p { margin:0 0 5px 0}

ul#support-group-az {overflow:hidden; height:1%; margin-bottom:20px; }
ul#support-group-az li { float:left; list-style:none; margin-right:1px; }
ul#support-group-az li a { width:23.4px; height:21px; background-color:#e10076; display:block; text-align:center; color:#FFFFFF; text-decoration:none; padding-top:3px }
ul#support-group-az li a:hover { background-color: #ab025b}

ul#support-group { margin-bottom:20px }
ul#support-group li  { border-bottom: 1px solid #CCCCCC; padding: 5px 0 }
ul#support-group li a { text-decoration:none; }

ul#blog h3 a	{ font-size:25px; text-decoration:none; font-weight:normal }
ul#blog p 		{ }
ul#blog li		{ border-bottom:1px solid #999999; margin-bottom:20px }
ul#blog li ul 	{ padding-left:20px }
ul#blog li ul li	{ border:none; margin-bottom:10px; list-style:disc outside }
ul#blog li ol 	{ padding-left:20px }
ul#blog li ol li	{ border:none; margin-bottom:10px; }
ul#blog li img { } 

ul#blog-list h3 a	{ font-size:25px; text-decoration:none; font-weight:normal }
ul#blog-list p 		{ }
ul#blog-list li		{ border-bottom:1px solid #999999; margin-bottom:20px }
ul#blog-list li ul 	{ padding-left:20px }
ul#blog-list li ul li	{ border:none; margin-bottom:10px; list-style:disc outside }
ul#blog-list li ol 	{ padding-left:20px }
ul#blog-list li ol li	{ border:none; margin-bottom:10px; }
ul#blog-list li img { float:left; margin: 0 30px 0 0 } 

ul#archive li	{ float:none }
ul#archive li a { background:none; height:auto }

ul#diabetes-overview li h2		{ border:none; font-size:27px; padding:0; margin-bottom:5px; line-height:1; padding: 0 0 2px 0}
ul#diabetes-overview li			{ float:left; list-style:none; background: url(images/bg-ul-diabetes-overview-li.jpg) no-repeat; height:170px; width:154px; padding: 22px 120px 0 20px; margin: 0 38px 36px 0   }
ul#diabetes-overview li.info		{ background: url(images/bg-ul-diabetes-li-info.jpg) no-repeat; width:180px; padding: 22px 94px 0 20px}
ul#diabetes-overview li.symptom		{ background: url(images/bg-ul-diabetes-li-symptom.jpg) no-repeat; margin:0 }
ul#diabetes-overview li.symptom	h2	{ color:#66a608; line-height:1; }
ul#diabetes-overview li.gallery		{ background: url(images/bg-ul-diabetes-li-gallery.jpg) no-repeat; }
ul#diabetes-overview li.prescription	{ background: url(images/bg-ul-diabetes-li-prescription.jpg) no-repeat; margin:0 }
ul#diabetes-overview li.gallery	h2	{ color:#66a608 }
ul#diabetes-overview li p			{ margin-bottom:10px; line-height:1.3 }
ul#diabetes-overview li.supalink { cursor:pointer }

ul#centre-overview li h2		{ border:none; font-size:27px; padding:0; margin-bottom:5px; line-height:1; padding: 0 0 2px 0}
ul#centre-overview li			{ float:left; list-style:none; background: url(images/bg-ul-diabetes-overview-li.jpg) no-repeat; height:170px; width:154px; padding: 22px 120px 0 20px; margin: 0 38px 36px 0   }
ul#centre-overview li.diabetes-centre	{ background: url(images/bg-ul-centre-li-diabetes.jpg) no-repeat; width:150px; padding: 22px 124px 0 20px}
ul#centre-overview li.stop-smoking		{ background: url(images/bg-ul-centre-li-stop-smoking.jpg) no-repeat; margin:0; width:130px; padding: 22px 144px 0 20px }
ul#centre-overview li p					{ margin-bottom:10px; line-height:1.3 }
ul#centre-overview li.supalink 			{ cursor:pointer }
ul#centre-overview li.smoking-info	{ background: url(images/bg-ul-centre-li-smoking-info.jpg) no-repeat; width:150px; padding: 22px 124px 0 20px}
ul#centre-overview li.symptom		{ background: url(images/bg-ul-diabetes-li-symptom.jpg) no-repeat; margin:0 }
ul#centre-overview li.widget		{ margin:0; background: url(images/bg-ul-centre-li-widget.jpg) no-repeat; }
ul#centre-overview li.gallery		{ background: url(images/bg-ul-diabetes-li-gallery.jpg) no-repeat; }
ul#centre-overview li.smoking-gallery		{ background: url(images/bg-ul-diabetes-li-gallery.jpg) no-repeat; width:134px; padding: 22px 140px 0 20px; }
ul#centre-overview li.prescription	{ background: url(images/bg-ul-diabetes-li-prescription.jpg) no-repeat; margin:0 }


ul#healthlibrary li h2				{ border:none; font-size:27px; padding:0; margin-bottom:5px; line-height:1.2; font-weight: 600; }
ul#healthlibrary li					{ float:left; list-style:none; background: url(images/bg-ul-diabetes-overview-li.jpg) no-repeat; height:170px; width:141px; padding: 22px 10px 0 142px; margin: 0 38px 36px 0   }
ul#healthlibrary li.conditions		{ background: url(images/bg-ul-health-li-conditions.jpg) no-repeat; width:141px; padding: 22px 10px 0 142px;}
ul#healthlibrary li.wellbeing		{ background: url(images/bg-ul-health-li-wellbeing.jpg) no-repeat; margin:0 }
ul#healthlibrary li.wellbeing h2	{ color:#66a608;  }
ul#healthlibrary li.videos			{ background: url(images/bg-ul-health-li-videos.jpg) no-repeat; }
ul#healthlibrary li.videos h2		{ color:#66a608 }
ul#healthlibrary li.tools			{ background: url(images/bg-ul-health-li-tools.jpg) no-repeat; margin:0 }
ul#healthlibrary li p				{ margin-bottom:10px; line-height:1.3 }
ul#healthlibrary li.supalink 	{ cursor:pointer }

ul#live-well-home { padding: 0; overflow:hidden; height: 100% }
ul#live-well-home li { list-style:none; float:left; margin: 0 18px 0 0; width: 211px}
ul#live-well-home li.end { margin: 0  }
ul#live-well-home li h2 { border:none; padding:10px 0; margin:0;  }
ul#live-well-home li ul { overflow: hidden; height:100%; padding: 0 }
ul#live-well-home li ul li { margin: 0 0 1px 0; clear:both }
ul#live-well-home li h2 a { font-size:19px; text-decoration:none }
ul#live-well-home li img { height:126px; width: 210px}

ul#live-well-list { padding: 0; overflow:hidden; height: 100% }
ul#live-well-list li { list-style:none; border-bottom: 1px solid #CCCCCC; padding-bottom:15px; margin-bottom:15px }
ul#live-well-list li h2 { border:none; padding:0; margin:0 0 5px 0 }
ul#live-well-list li h2 a { font-size:19px; text-decoration:none }
ul#live-well-list li p { margin:0 }

ul#self-care-tools li h2		{ border:none; font-size:27px; padding:0; margin-bottom:5px; line-height:1; }
ul#self-care-tools li			{ float:left; list-style:none; background: url(images/bg-ul-diabetes-overview-li.jpg) no-repeat; height:170px; width:154px; padding: 22px 120px 0 20px; margin: 0 38px 36px 0   }
ul#self-care-tools li.staywell		{ background: url(images/bg-ul-diabetes-li-staywell.jpg) no-repeat; width:180px; padding: 22px 94px 0 20px; }
ul#self-care-tools li.symptom		{ background: url(images/bg-ul-diabetes-li-symptom.jpg) no-repeat; margin-right:0 }
ul#self-care-tools li.symptom	h2	{ color:#66a608; line-height:1; }
ul#self-care-tools li.diabetes		{ background: url(images/bg-ul-diabetes-li-info.jpg) no-repeat; margin:0}
ul#self-care-tools li.prescription	{ background: url(images/bg-ul-diabetes-li-prescription.jpg) no-repeat;  }
ul#self-care-tools li p			{ margin-bottom:10px; line-height:1.3 }
ul#self-care-tools li.supalink { cursor:pointer }


/*ol
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*dl
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*forms
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/*tables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Boxes */
.bx-shd { height:1%; position:relative; margin-bottom: 20px}
.bx-in {background:#fff; width:100%; top:-1px; left:-1px; position:relative; height:1%;}

/* Carousel */
.bx-carousel .bx-in {background-color: #e2e1e2;}
.bx-carousel .bx-in .pad {padding:.5em .5em .9em .5em;}
.carousel-content {background:#fff; margin-bottom:20px; position:relative; z-index:0; height: 237px; }

div#carousel { position: relative; top: 0px; }
div#carousel div div { float: right; width: 135px; padding: 20px;}
div#carousel div div ul{ margin: 0 0 20px 0; list-style-type: none;}
div#carousel img { height:237px; width:371px } 

div#carousel-tabs { margin-left: 20px; margin-right: 5px; }
.carousel-tab {background:#e2e1e2; position:absolute; width:25%; bottom: 5px;  }
.carousel-tab a {background:#f2f2f2; cursor:pointer; display:block; font-weight:bold; height:2.2em; line-height:2.2em; margin-left:.4em; text-align:center; text-decoration:none;}
.carousel-tab a:hover, .carousel-tab a:focus, .carousel-tab a:active {text-decoration:underline;}
.carousel-tab a.active {background:#585858; color:#fff;}
.carousel-tab p {padding-bottom:0; margin-bottom: 0 }
.tab-1 {left:0%;}
.tab-1 a {margin-left:6px;}
.tab-2 {left:25%;}
.tab-3 {left:50%;}
.tab-4 { right: 0%; margin-right: 7px;}

.clear:after {content:".";	display:block; height:0; clear:both; visibility:hidden;}
.hidden	{width:0 !important; font-size:0 !important; height:0 !important; line-height:0 !important; position:absolute !important; left:-999% !important; overflow:hidden !important;}
.wrap {width:97.5em; margin:1em auto; position:relative; z-index:0;}

/*banner-rotate
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content-banner-rotate	   { position:relative }
#content-banner-rotate div   { position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
#content-banner-rotate div.active  { z-index:10; opacity:1.0; }
#content-banner-rotate div.last-active  { z-index:9; }
#content-banner-rotate div  { top:0; left:0; z-index:8; }
#content-banner-rotate span   { display:none}

#banner-small  { height:115px; }
#banner-large  { height:149px; }

/* calendar */
.calendar-table { border:none; width:100%; margin-bottom: 15px; }


/*lifechecker
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#lifechecker-content h2 { font-size: 22px; border-bottom: 1px solid #86b918; padding-bottom: 10px; margin-bottom:15px }

#lifechecker-results { float:left; padding-left:40px; width: 414px}
#lifechecker-results img { margin-bottom:30px }
#lifechecker-results h2 { color:#878787; margin-bottom:5px}

iframe.lifechecker { margin-bottom: 40px }

#lifechecker-chart { float:right; padding-right:40px }
#lifechecker-chart td { border-bottom: 1px solid #e2e2e2; padding: 10px 0 10px 0; }
#lifechecker-chart h2 { color:#878787; }
#lifechecker-chart td.center { text-align: center }
#lifechecker-chart table { margin: 15px 0 }

#lifechecker-chart p input.submit { width: 101px; height: 34px; border: 0; background: url(images/bt-submit.gif) no-repeat ; display:block; cursor: pointer; overflow:hidden; color: #5c689; text-indent:-9999px; font-size: 0px; display:block; line-height: 0px; float:left}
#lifechecker-chart p span { display:none }

#lifechecker-thankyou { }
#lifechecker-thankyou h2 { font-size:18px; margin-bottom:10px}
#lifechecker-thankyou h3.good { background:url(images/bg-lifechecker-good.gif) no-repeat; width:198px; padding: 10px 0 9px 42px; color:#000000; font-size:14px}
#lifechecker-thankyou h3.bad { background:url(images/bg-lifechecker-bad.gif) no-repeat; width:198px; padding: 10px 0 9px 42px; color:#000000; font-size:14px}
#lifechecker-thankyou h3.average { background:url(images/bg-lifechecker-average.gif) no-repeat; width:198px; padding: 10px 0 9px 42px; color:#000000; font-size:14px}

#lifechecker-bad { border:3px solid #f80000; padding: 12px 12px 0 12px; margin-bottom:10px; position:relative}
#lifechecker-bad p { margin-bottom: 12px; padding-right: 105px }
#lifechecker-bad p.bt-lifechecker-apply { padding: 0 }

#lifechecker-average { border:3px solid #ff9c00; padding: 12px 12px 0 12px; margin-bottom:10px; position:relative}
#lifechecker-average p { margin-bottom: 12px; padding-right: 105px }
#lifechecker-average p.bt-lifechecker-apply { padding: 0 }

#lifechecker-good { border:3px solid #59860b; padding: 12px 12px 0 12px; margin-bottom:10px; position:relative}
#lifechecker-good p { margin-bottom: 12px; padding-right: 105px }
#lifechecker-good p.bt-lifechecker-apply { padding: 0 }

p.bt-lifechecker-apply { margin: 0; right: 0; position:absolute; top:-22px; right:-3px; }
p.bt-lifechecker-apply a { background:transparent url(images/bt-lifechecker-read-more.png) no-repeat scroll 0 0; display:block; float:left; width:105px; height: 105px   }
p.bt-lifechecker-apply a:hover { background-position: 0 -105px }
p.bt-lifechecker-apply span { display: none }



/*pop up
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#popup-container { width: 100%; height:100%; background:url(images/bg-popup-container.png); position:fixed; z-index:150; left: 0}
#popup-inner { width: 662px; background-color:#161616; margin: 0 auto; padding: 42px 52px 35px 56px; overflow:hidden; margin-top:80px}
#popup-inner h2 { color:#FFFFFF; font-size:23px; padding-bottom:10px; border-bottom: 2px solid #666666; margin: 0 6px 25px 0 }

p.bt-popup-lifechecker { overflow: hidden; margin: 0 0 6px 0; float:left }
p.bt-popup-lifechecker  a { background:transparent url(images/bt-popup-lifechecker.gif) no-repeat scroll 0 0; display:block; float:left; width:320px; height: 147px }
p.bt-popup-lifechecker  span { display: none }

p.bt-popup-service { overflow: hidden; height:100%; padding-left:16px; float:left; width: 326px }
p.bt-popup-service a { background:transparent url(images/bt-popup-service.gif) no-repeat scroll 0 0; display:block; float:left; width:320px;  height: 139px   }
p.bt-popup-service span { display: none }

p.bt-popup-info-library { overflow: hidden; margin: 0; float:left  }
p.bt-popup-info-library a { background:transparent url(images/bt-popup-info-library.gif) no-repeat scroll 0 0; display:block; float:left; width:320px;  height: 139px   }
p.bt-popup-info-library span { display: none }

p.bt-popup-what-we { overflow: hidden; margin: 0; padding-left:16px; float:left; width: 326px}
p.bt-popup-what-we a { background:transparent url(images/bt-popup-what-we.gif) no-repeat scroll 0 0; display:block; float:left; width:326px;  height: 139px   }
p.bt-popup-what-we span { display: none }

/*external pages
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#external-container { height:100%; width: 100%; overflow:hidden; }
#external-inner	{ overflow:hidden; background-color:#86b817; border-bottom:3px solid #CCCCCC; } 
#external-left	{float:left}
#external-right {float:right; margin-top:30px; padding-right:20px}
#external-inner p { margin: 0}
#external-inner-body { width: 956px; margin: 0 auto; height:100%; }  

.calnk a { text-decoration:none; color:#000000; background-color:#76b717; display:block; padding: 2px } 
.calendar-next a { color:#76b717 }
.calendar-prev a { color:#76b717 }


/* =blog
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
h2.blog { padding-bottom:10px; margin-bottom:20px; border-bottom:1px solid #88ba19 }
h2.pagetitle { padding-bottom:10px; margin-bottom:20px; border-bottom:1px solid #88ba19 }
#blog-main { float: left; width: 600px; }
#blog-main h2 { font-size:22px; margin-bottom:15px; padding-bottom:10px; }
#blog-main img { margin-bottom:20px}

#blog-side { float: right; width: 252px; overflow:hidden; height: 100%;  }
#blog-side h2 { font-size: 20px; font-weight:normal; color: #000; margin-bottom:10px }
#blog-side ul { margin-bottom:15px; border-bottom:1px solid #cbcbcb; padding-bottom:10px }
#blog-side ul li a { text-decoration:none; color:#999999; font-size:13px  }

#blog-side ul li ul { border:none; padding:0; margin:0 }


ul#blog-side { clear: both; overflow/**/:/**/hidden; margin-bottom: 5px; height:100%; border:none }
ul#blog-side li { float: left; list-style: none; margin: 0 4px 4px 0 }
ul#blog-side li a { text-decoration: none; display: block; height: 37px; background-image: url(images/bt-content-5-news.gif) }
ul#blog-side li#news a{ width: 123px; }
ul#blog-side li#discussion { margin: 0 }
ul#blog-side li#discussion a { width: 123px; background-image: url(images/bt-content-5-discussion.gif) }
ul#blog-side li#events a { width: 123px; background-image: url(images/bt-content-5-events.gif) }
ul#blog-side li#email { margin: 0 }
ul#blog-side li#email a { width: 123px; background-image: url(images/bt-content-5-email-us.gif) }
ul#blog-side li a:hover { background-position: 0 -37px }
ul#blog-side li a span { display: none }

ul#wp-paginate li { float:left; padding:5px; list-style:none }
ul#wp-paginate li a  { display:block; border: 1px solid #CCCCCC; padding: 4px; font-size:14px; text-decoration:none } 
ul#wp-paginate li span  { display:block; border: 1px solid #CCCCCC; padding: 4px; font-size:14px; text-decoration:none } 

#respond h2 				{ margin: 0; }
#respond ul li 				{ border:none; margin-bottom:20px }
#respond ul li label.title 	{ width:80px; display:block; float:left}
#respond ul li input 		{ border:1px solid #ccc; padding:5px; width:483px }
#respond ul li input.submit { border:none; background-color:#E10076; padding:5px; width:150px; color:#fff; cursor:pointer }
#respond ul li textarea 	{ border:1px solid #ccc; padding:5px }
#respond ul li.end 			{ padding-left:80px}


#archive h3 a { font-size:16px; text-decoration:none }

/* =symptom-checker
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#symptom-checker 			{ overflow:hidden; height:1% }
#symptom-checker p.bt-back	{ margin:0 }
#content-4pri p.reference 	{ font-size:11px; color:#666666 }

#symptom-risk		{ background: url(images/bg-symptom-risk.jpg) right top no-repeat; padding:55px 0 0 0; height:74px; margin-bottom:20px  }
#symptom-risk h2	{ color:#717171; border:none; font-size:23px }
#symptom-risk h2 span.green { color:#679813 }
#symptom-risk h2 span.red { color:#ff0000 }
#symptom-risk h2 span.amber { color:#FF9900 }

form#symptomform { margin: 0 0 20px 0 }

#symptom-checker input.submit { float:right; background:transparent url(images/bt-symptom-checker-submit.gif) no-repeat; height:33px; width:66px; border:0; text-indent: -999px; font-size: 0; display:block; line-height: 0; cursor:pointer } 
#symptom-checker input:hover { background-position: 0 -33px }

#symptom-checker-question { background: url(images/bg-symptom-checker-question.jpg) no-repeat; margin-bottom:20px }
#symptom-checker-question-inner { background: url(images/bg-symptom-checker-question-inner.jpg) bottom no-repeat; padding:25px; overflow:hidden; height:1% }
#symptom-checker-question-inner h2 { border:none }
#symptom-checker-question-inner ul { padding:0 } 
#symptom-checker-question-inner ul li.top { border-top:1px solid #aacd5d; }
#symptom-checker-question-inner ul li { list-style:none; border-bottom:1px solid #aacd5d; padding: 10px 0 10px 0; margin:0; overflow:hidden; height:1%}
#symptom-checker-question-inner ul li input { float:right; margin-top:2px }
#symptom-checker-question-inner ul li label { float:left }

#symptom-low-risk { background: url(images/bg-symptom-low-risk.jpg) no-repeat; margin-bottom:20px }
#symptom-low-risk-inner { background: url(images/bg-symptom-low-risk-inner.jpg) bottom no-repeat; padding:25px 25px 5px 25px; overflow:hidden; height:1% }
#symptom-low-risk-inner h2 { border:none; color:#717171; padding:0 }

#symptom-medium-risk { background: url(images/bg-symptom-medium-risk.jpg) no-repeat; margin-bottom:20px }
#symptom-medium-risk-inner { background: url(images/bg-symptom-medium-risk-inner.jpg) bottom no-repeat; padding:25px 25px 5px 25px; overflow:hidden; height:1% }
#symptom-medium-risk-inner h2 { border:none; color:#717171; padding:0 }

#symptom-high-risk { background: url(images/bg-symptom-high-risk.jpg) no-repeat; margin-bottom:20px }
#symptom-high-risk-inner { background: url(images/bg-symptom-high-risk-inner.jpg) bottom no-repeat; padding:25px 25px 5px 25px; overflow:hidden; height:1% }
#symptom-high-risk-inner h2 { border:none; color:#717171; padding:0 }

/* =prescription-checker
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#prescription-checker		{ background: url(images/bg-prescription-checker.jpg) right top no-repeat; padding: 0 200px 0 0; margin-bottom:20px  }

#prescription-printed		{ background: url(images/bg-prescription-printed.jpg) no-repeat; height: 179px; width:708px; padding: 32px 0 0 250px; overflow:hidden }
#prescription-printed h2	{ border:none; padding-bottom:0; font-size:26px }

ul#prescription-questions { overflow:hidden; height:1%; width:712px }
ul#prescription-questions li	{ float:left; background: url(images/ul-prescription-checker-li.jpg) no-repeat; padding:20px 20px 0 26px; width:304px; list-style:none; height:50px; margin:0 12px 20px 0;  }
ul#prescription-questions li.right { margin-right:0 }
ul#prescription-questions li.next { background:none; padding:0 }
ul#prescription-questions li.full { background: url(images/ul-prescription-checker-li-full.jpg) no-repeat; width:669px; margin-right:0}
ul#prescription-questions input.submit { float:left; background:transparent url(images/bt-symptom-checker-submit.gif) no-repeat; height:33px; width:66px; border:0; text-indent: -999px; font-size: 0; display:block; line-height: 0; cursor:pointer; clear:both } 
ul#prescription-questions input:hover { background-position: 0 -33px }
ul#prescription-questions li label { float:left; font-size:18px; color:#e10076; width:130px}
ul#prescription-questions li select { width:170px; border:1px solid #bbb; padding:5px }
ul#prescription-questions input.checkbox { margin:7px 10px 0 0  } 
ul#prescription-questions li.full input.text { border:1px solid #bbb; padding:5px; width:524px  } 
ul#prescription-questions li.other { background: url(images/ul-prescription-checker-li-full.jpg) no-repeat; width:711px; padding:14px 20px 0 26px; height:56px;}
ul#prescription-questions li.other textarea { border:1px solid #bbb; padding:5px; width:530px; height: 30px;  } 
ul#prescription-questions li label.error { display:none !important;  } 
#pErrors { color:#ff0000; font-weight:bold;}

ul#prescription-questions li select.error { background-color:#FF0000; color: #fff;}
ul#prescription-questions li input.error { background-color:#FF0000; color: #fff;}


#prescription-results		{ background: url(images/bg-prescription-results.jpg) top no-repeat; margin-bottom:20px;  }
#prescription-results-inner		{ background: url(images/bg-prescription-results-inner.jpg) bottom no-repeat; padding: 40px 0 40px 35px }
#prescription-results-inner h2 { border:none }
#prescription-results-inner h2 span { color:#000000 }
#prescription-results-inner p.prescription-additional-notes {margin-left:63px; font-weight:bold;}

ul#prescription-results-01 { overflow:hidden; height:1%; padding-left:62px; margin:30px 0 55px 0 }
ul#prescription-results-01 li	{ list-style:none; float:left; margin-right:33px }
ul#prescription-results-01 li.end { margin:0 }

ul#prescription-results-02 { overflow:hidden; height:1%; background: url(images/bg-prescription-results-02.jpg) 60px 0 no-repeat; height:167px; margin-bottom:20px}
ul#prescription-results-02 li	{ list-style:none; float:left; }
ul#prescription-results-02 li.item1 { margin-right:40px ; padding:60px 0 0 0 }
ul#prescription-results-02 li.item2 { margin-right:12px ; padding:20px 0 0 0 }
ul#prescription-results-02 li.item3 { margin-right:15px ; padding:18px 0 0 0 }
ul#prescription-results-02 li.item4 { padding:25px 0 0 0 }
ul#prescription-results-02 li.divider { padding:66px 0 0 0; margin-right:10px }


#live-well-container { float:left; width:635px }
#live-well-container h2 { font-size: 22px; border-bottom: 1px solid #86b918; padding-bottom: 10px; margin-bottom:15px; overflow:hidden; height:1% }
#live-well-container h2 a.title { display: block; float: right; height: 40px; width: 170px; }
p.more-articles { background: url("images/chevron-green.gif") no-repeat scroll 0.7em 0.8em #F2F2F2; font-weight: bold; line-height: 1em; margin: 1em 0; padding: 0.7em 1.5em; }