@charset "utf-8";
/* CSS Document */

#body {font-family: "Lucida Sans Unicode",arial; size: 11px;
		word-wrap: break-word !important;}

#container { width: 100% !important;}
#subcontainer { width: 68% !important; margin-top: 10px; float:left;}
#sidebar {width: 29%; float:right;}
#footer {width: 100% !important; padding-top: 10px; position:relative; }
.bt {font-size: 14px; font-weight: bold;	color: #06C; text-decoration:none; margin-top: 10px;}
.st { font-size:13px; font-weight:bold; text-decoration:none; color:#666; }
.ct { font-size: 13px; background-color:#F2F2F2; color:#F00; padding: 10px; text-align:justify; margin-top:10px; margin-bottom:10px; }
.mt {font-size: 12px; background-color:#F2F2F2; color:#F00; padding: 5px; text-decoration:none; margin: 3px;}
.ht {font-size: 13px; font-weight: bold; color: #000; text-decoration:none; margin-top: 10px; padding-top:10px;}
.blank { width: 100%; height: 10px; clear:both;}
.menuhlt { color: #F00;}
.it { margin-top: 5px;	}
.tab { }
.tab1 {display:none; }
.tabsearch { width:auto; padding: 5px; vertical-align: baseline; float: left;  }

/* images */
.img {
	padding-right: 5px;
}
.simg {
	padding-right: 25px; padding-top: 10px;
}

.imgC{max-width:100%;}
/*a:link {
	font-family: "Lucida Sans Unicode",arial;
	font-size: 14px;
	text-decoration: none;
	color:#333;
}
a:active {text-decoration: none;}
a:visited {text-decoration: none;}
a:-webkit-any-link {
  color: -webkit-link;
  text-decoration:none;
  cursor: auto;
}
*/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
td{
color: #666;font-size: 17px;font-family: 'PT Serif', serif;letter-spacing:-.1px;line-height: 180%;text-align:left;
}


/*main menu nav */
nav {
	margin-top: 10px;
	margin-bottom: 5px;
  padding: 0px;
  background-color: #8b8b8b;
  z-index: 1000;
position: relative;
float:left;
}

nav:after {
  content: "";
  display: table;
  clear: both;
}

nav ul {
  float: left;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}

nav ul li {
  margin: 1px;
  display: inline-block;
  float: left;
  background-color: #8b8b8b;
}

nav a {
  display: block;
  padding: 0 23px;
  color: #000;
  font-size: 13px;
  line-height: 30px;
  text-decoration: none;
  background-color: #8b8b8b;
}

nav ul li ul li:hover { background: #8b8b8b; }

nav a:hover { background-color: #8b8b8b;   display: block;
  padding: 0 23px;
  color: #000;
  font-size: 13px;
  line-height: 30px;
  text-decoration: none;
}

nav ul ul {
  display: none;
  position: absolute;
  top: 30px;
}

nav ul li:hover > ul { display: inherit; }

nav ul ul li {
  width: auto;
  float: none;
  border-bottom: 1px solid #fff;
  display: list-item;
  position: relative;
}

nav ul ul ul li {
  position: relative;
  top: -30px;
  left: 100px;
}

nav li > a:after { content: ' +'; }

nav li > a:only-child:after { content: ''; }

/*sub menus */

nav1 {
	margin-top: 0px;
	margin-bottom: 0px;
  padding: 0px;
  background-color: #F0F0F0;
  z-index: 700;
position: relative;  
}

nav1:after {
  content: "";
  display: table;
  clear: both;
}

nav1 ul {
  float: left;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;  
}

nav1 ul li {
  margin: 0px;
  padding: 0 5.5px;
  display: inline-block;
  float: left;
  background-color: #F0F0F0;
  border-right: 1px solid  #fff;  
}

nav1 a {
  display: block;
  padding: 0 20px;
  color: #000;
  line-height: 28px;  
  font-size: 13px;
  text-decoration: none;
}

nav1 ul li ul li:hover {   margin: 0px;
  padding: 0 5.5px;
  display: inline-block;
  float: left;
  background-color: #F0F0F0;
  border-right: 1px solid  #fff;  
 }

nav1 a:hover { background-color: #F0F0F0;   display: block;
  padding: 0 20px;
  color: #000;
  line-height: 28px;  
  font-size: 13px;
  text-decoration: none;
}

nav1 ul ul {
  display: none;
  position: absolute;
  top: 25px;
}

nav1 ul li:hover > ul { display: inherit; }

nav1 ul ul li {
  /*width: auto;*/
  float: none;
  border-bottom: 1px solid #D8D8D8;
  display: list-item;
  position: relative;  
}

nav1 ul ul ul li {
  position: relative;
  top: -25px;
  padding:0px;
}

nav1 li > a:after { content: ' +'; }

nav1 li > a:only-child:after { content: ''; }



/*link list */
#navcontainer ul
{
margin: 0;
font-size: 12px;
color: #333;
list-style-image:url(/health/images/dot1.gif);
padding-right: 5px;
}

#navcontainer ul li
{
	margin-bottom: 10px;
	color: #333;
}

#navcontainer ul li a
{
	margin-bottom: 5px;
	color: #333;
	text-decoration:none;
	
}

#navcontainer ul li a:hover
{
	color:#000;
}
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
	margin-left: 5px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% .5%;
	font-size: 13px;
	color: #333;
	list-style-image:url(/health/images/dot1.gif);
}
.col ul li
{
	margin-bottom: 10px;
	color: #333;
}
.col ul li a
{
	margin-bottom: 5px;
	color: #333;
	text-decoration:none;
}
.col ul li a:hover
{
	color:#000;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}

/*  GRID OF THREE  */
.span_3_of_3 {
	width: 100%;
}
.span_2_of_3 {
	width: 66.1%;
}
.span_24 {
	width: 24.5%;
}
.span_1_of_3 {
	width: 31.8%;margin-right: 1%
}
.span_1_of_3E {
	width: 31.8%;
	margin-right: 1%;
}

.span_4_of_3 {
	width: 48.45%;
	margin-right: 1%;
}
.span_4_of_3F {
	width: 49%;
}
.span_4_of_3F1 {
	width: 48.3%;
	float:left;
	margin-right: 1%;
	height:200px;
}
.span_55{width: 58%; float:left;}
.span_58{width: 58%; float:left;}
.span_30{width: 30%;}

.span_32{width: 32%;}

.span_ad {
	width: 74%;
}
.span_linead {
	width: 25%;
	float:right;
}

.span_sh {
	width: 22%;
	float:right;
	background-color:#e8e8e8;
	height:280px;
}
.span_60{width: 59%;}
.span_40{width: 39%;}

.span_70{width: 68%;}
.span_16{width: 15.3%;}
.span_20{width: 19.5%;}
.span_14{width: 13.3%;}
.span_25{width: 24%;}
.span_23 {
	width: 23%;
	margin-right: 10px;
}

.spanH {
	width: 32%;
	border-right: 1px dotted #BBB;
}
.ser{
	width: 35%;
	float:left;
	margin-top: 10px;
	margin-bottom: 5px;
	
}
.phGal{
width: 100%;
position: relative;
max-height: 150px;
overflow: hidden;
border: 1px solid #cccccc;
padding-bottom: 2%;
}
.h_iframe  {position:relative; padding-top: 56%;}
.h_iframe iframe {position:absolute;top:0;left:0;width:100%; height:100%;}

p {color: #666;font-size: 17px;font-family: 'PT Serif', serif;letter-spacing:-.1px;line-height: 180%;text-align:left;}
 .toggle, [id^=drop] {
 display: none;
}

.fields {
	font-size: 13px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	float: left;
	height: 25px;
	width: 100%;
	padding-right: 10px;
	padding-left: 10px;
}
a:active
{
text-decoration:none;
}
/*h1,h3 {
	font-family: "Lucida Sans Unicode", Arial;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	font-variant: small-caps;
	color: #C30;
	text-decoration: none;
	letter-spacing:1px;
	margin-left: 10px;
}*/
body {
color: #666;font-size: 17px;font-family: 'PT Serif', serif;letter-spacing:-.1px;line-height: 180%;text-align:left;
}
.imgC{max-width:100%;}

  .zoom_img1{
	  padding-top: 10px;
height:37px;
width:37px;
	  
-moz-transition:-moz-transform 0.5s ease-in; 
-webkit-transition:-webkit-transform 0.5s ease-in; 
-o-transition:-o-transform 0.5s ease-in;
}
.zoom_img1:hover{
-moz-transform:scale(3); 
-webkit-transform:scale(3);
-o-transform:scale(3);
}
  .zoom_img2{
	  padding-top: 10px;
height:56px;
width:75px;
	  
-moz-transition:-moz-transform 0.5s ease-in; 
-webkit-transition:-webkit-transform 0.5s ease-in; 
-o-transition:-o-transform 0.5s ease-in;
}
.zoom_img2:hover{
-moz-transform:scale(4); 
-webkit-transform:scale(4);
-o-transform:scale(4);
}

#target-content {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
opacity: 0;
-webkit-transition: opacity 200ms;
transition: opacity 200ms;
  z-index: 1000;
}

#target-content:target {
pointer-events: all;
opacity: 1;
}

#target-content #target-inner {
position: absolute;
display: block;
line-height: 1.8;
width: 30%;
top: 50%;
left: 40%;
background-color:#f1f1f1;
z-index:1000;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}

#target-content #target-inner h2 { margin-top: 0; }

#target-content #target-inner code { font-weight: bold; }
.round-button {
	width:30px;
	float:right;
	margin-top:10px;
	margin-right:10px;
}
.round-button-circle {
	width: 100%;
	height:0;
	padding-bottom: 100%;
    border-radius: 50%;
	border:4px solid #27748A;
    overflow:hidden; 
	background:#ccc;
	font-size:18px;
	text-align:center;
}

