/*
	CSS Style Definitions Bank Of Health layout
*/
html{ background: #64A4DB url("images/bg.gif") repeat-x; }
html, body{ margin:0; padding:0; font: 11px Arial, Helvetica, sans-serif; color: #00B4D5; }
#page-container{ width: 768px; margin: 12px auto 0 auto; }
#round-top{ width: 768px; height: 24px; background: url("images/round-top-h.gif") no-repeat; }
#content{ width: 768px; background: url("images/bg-content-h.gif") repeat-y; }
#inner{ padding: 8px 44px; }
#left-side{ width: 500px; float:left; }



#right-side{ width: 160px; float:right; height: 300px; background: url("images/right-box.gif") no-repeat 12px 24px; }
#right-side-longer{ width: 160px; float:right; height: 300px; background: url("images/right-box-longer.gif") no-repeat 12px 24px; }
#right-side-longest{ width: 160px; float:right; height: 900px; background: url("images/right-box-longest.gif") no-repeat 12px 24px; }




body#homepage #round-bottom{ width: 768px; height: 35px; background: url("images/round-bottom-home.gif") no-repeat; }
body#insider #round-bottom{ width: 768px; height: 35px; background: url("images/round-bottom-h.gif") no-repeat; }

/* site wide elements */
#nav{ margin: 0; padding:0; list-style: none; height:20px}
#nav li{ border-right: 1px solid #D80593; float:left; }
#nav li.first a{ margin-left: 0 !important; }
#nav li.last{ border-right: none; }
#nav li a, #nav li a:link, #nav li a:visited{ display: block; color: #D80593; text-decoration: none; margin: 1px 10px;font: normal bold 15px Arial, Helvetica, sans-serif  ; font-weight:700; }
#nav li a:active, #nav li a:hover, #nav li a#on{ color:#00B4D5; }

#homelink{ margin: 40px 0; display: block; }
#homelink-inner{ margin: 20px 0; display: block; }


#homecontent{ width: 100%;margin-left:4px }
#homecontent td h1{ margin:0; font-size: 16px; font-weight:bold; }
#homecontent td h2{ margin:0 0 12px 0; font-size: 13px; font-weight:bold; color:#BE008A; }
#homecontent td ul{ margin:0; padding:0; list-style: none; width: 270px; }
#homecontent td ul li{ margin: 0 0 16px 0; font-size: 13px; }
#homecontent td ul li span{ font-size: 16px; font-weight:bold; margin-right: 8px; display: block; width: 14px; float:left; }

dl#score{ margin: 50px 12px 0 24px; padding:0; }
dl#score dt{ color: #BE008A; font-weight:bold; margin:0 0 8px 0; padding:0; font-size:14px; }
dl#score dd{ margin:0 0 8px 0; padding:0; font-size:13px; }
dl#score dd a{ display: block; background: url("images/arrow-pink.gif") no-repeat left center; color: #fff; text-decoration:none; padding-left: 20px;text-transform:capitalize; }

/*TESTIMONIALS BOX */
dl#testimonials{ margin: 50px 12px 0 24px; padding:0; }
dl#testimonials dt{ color: #BE008A; font-weight:bold; margin:0 2px 5px 0; padding:0; font-size:14px; }
dl#testimonials dd{ color: #fff; margin:0 9px 8px 0; padding:0; font: normal normal 11px verdana, Helvetica, sans-serif;line-height:150% }
dl#testimonials dd h3{font: normal bold 14px arial, Helvetica, sans-serif;line-height:150%;margin:2px 0 0 0; }
dl#testimonials dd p{margin-top:2px;font: normal normal 12px verdana, Helvetica, sans-serif;line-height:130%}
dl#testimonials dd a{ color: #fff; text-decoration:underline; }


body#insider #bodycopy{ margin: 0 10px 0 84px; }
body#insider h1{ font-size: 18px; color:#BE008A; margin: 0 0 12px 0; }
body#insider h2{ font-size: 14px; margin: 0 0 12px 0; border-bottom: 1px solid #00B4D5; }
body#insider h3{ font-size: 14px; margin: 0 0 12px 0;  }
body#insider p{ margin: 0 0 12px 0;  font: normal normal 12px verdana, Helvetica, sans-serif; line-height: 150%;}
body#insider li{ margin: 0 0 10px 0; font: normal normal 12px verdana, Helvetica, sans-serif; line-height: 150%;}
body#insider a{color:#00B4D5}
p.pink{font-size: 13px;color:#00B4D5;font-weight:normal;}



/* Form styles */

.form{ font: normal normal .7em trebuchet ms,verdana,arial,sans serif; color:#000; width:200px;
} 
input, select{ font: normal normal .7em verdana,arial,sans serif; color:#000;
} 




.contact{ font: normal normal 12px verdana,sans-serif;  line-height:16px;  color:#00B4D5; text-decoration:none;
} 
.contact td input{ width:145px;font: normal normal 11px verdana,sans-serif;   color:#00B4D5; text-decoration:none;border:1px solid #00B4D5;} 
.contact td input.formbutton{ width:70px;float:left;background-color:#D80593;color:#fff;margin-right:3px;} 
.contact td textarea{ width:145px; height:70px;font: normal normal 11px verdana,sans-serif; color:#00B4D5;border:1px solid #00B4D5;} 



/* others */
.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }
.underline{ text-decoration: underline; }
.i{ font-style: italic; }
.r{ text-align: right; }
.l{ text-align: left; }
.c{ text-align: center; }
.b{ font-weight: bold; }
.s{ text-decoration: line-through; }
.u{ text-decoration: underline; }
.b{ font-weight: bolder; }
.i{ font-style:italic; }
img,form{ border: 0; margin: 0; padding: 0; }
.fr{ float: right !important; }
.fl{ float: left !important; }
.rfr{ position:relative; float: right !important; }
.rfl{ position:relative; float: left !important; }
br.clear{ clear: both; }
hr{ width:100%; height:2px; }

.frImg{ float:right; margin: 0 0 8px 8px; clear: right; }
.flImg{ float:left; margin: 0 8px 8px 0; clear: left; }


#tld {clear:both;font: normal normal 11px Verdana, Arial, Helvetica, sans-serif;width:745px;text-align:right;margin:3px 0 35px 0;padding:0;color:#fff}

#tld a {color:#fff; text-decoration:none;}
#tld a:visited{color:#fff}
#tld a:active{color:#fff}

html>body #tld a {color:#fff; text-decoration:underline;}