/* mac hide \*/
html, body {height:100%}
/* end hide*/
body {
	border:0;
	padding:0;
	margin:0;
	background:#92BCFF;
	color: #000000;
}

.how_to_enable {
	padding:0;
	margin:0;
	background:#ffffff;}

#centrecontent{
	padding-bottom: 80px;
	}

#outer{
	min-height:100%;/*for mozilla as IE treats height as min-height anyway*/
	margin-left:224px;
	background:#FFFFFF;
	margin-bottom:-106px;
	color: #000000;
	padding:0;
	}
* html #outer{height:100%;margin-left:222px}/* ie 3 pixel jog*/ 

#header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:145px;
	background-color: #615C87;
	overflow:hidden;
	color: #000000;
	border:0;
	padding:0;
	margin:0;
	}
	
.header_container{
	height:145px; 
	width:100%;
	}
	
.header_row01{
	height:102px;
	width: 100%;
	background-color:#615c87;
	}
	
.header_row02{
	height:43px;
	width:100%;
	clear:both;
	background-color:#CAE7FF;
	}	
		
.enableJS{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	border-style:solid;
	border: 2px;
	border-color: #666633;
	color:#666666;
	line-height: 1.6em;
	padding: 10px;
	margin: 10px;
	background-color:#FFFFCC;
	font-weight: 900}
	
.title{
	position: relative;
	border:0;
	padding:0;
	z-index: 3;
	width:704px;
	height:61px;
	display:block; 
	margin-left: auto;
	margin-right: auto;
	margin-top: 56px;
	}	

table.header{
	width: 100%;
	height: 145px;
	padding: 0;
	margin: 0;
	border: 0;
	}

#left {
	position:relative;/*ie needs this to show float */
	width:224px;
	float:left;
	margin-left:-223px;/*must be 1px less than width otherwise won't push footer down */
	padding-top:147px;/*needed to make room for header*/
	left:-1px/* line things up exactly*/
	border:0;
	}
* html #left {margin-right:-3px}/* three pixel jog*/
#left p {padding-left:3px;padding-right:2px}

.left {
	clear: both;
	position: absolute;
	left: -22px;
	top: 152px;
 	list-style-type: none;
 	border: 0px;
	}

* html .left{top:156px;}

.left ul{
	clear: both;
	position: relative;
	left: -33px;
	top:0px;
 	list-style-type: none;
	}

html>body .left ul{ /* IE hack*/
	top:6px;
	padding-bottom:inherit;
	}

* html .left{top:156px;}

.menu{
	margin-bottom:0;
	margin-top:0.7em;
	margin-left:0;
	margin-right:0;
	padding:0;
	border:0;
	}
	
.menu_first_item{
	margin-bottom:0;
	margin-top:0em;
	margin-left:0;
	margin-right:0;
	padding:0;
	border:0;
	}

* html .menu{margin-bottom:0.45em;}

#footer {
	width:100%;
	clear:both;
	height:106px;
	background-color: #E3F6FF;
	color: #000000;
	text-align:center;
	position:relative;
	background-image : url(../images/footer_image.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

p.footer{
	position: absolute;
	left: 14px;
	margin-top: 10px;
 	font-family: garamond;
 	list-style-type: none;
 	text-align: left;
 	color: #5E5E35;
 	font-size: 0.9em;
 	font-weight: 400;
 	line-height: 1.2em;
	}

p.footer2{
	position: absolute;
	right: 202px;
	margin-top: 10px;
 	font-family: garamond, georgia;
 	list-style-type: none;
 	text-align: right;
 	color: #5E5E35;
 	font-size: 0.9em;
 	font-weight: 400;
 	line-height: 1.2em;	
	}

* html #footer {/*only ie gets this style*/
	\height:108px;/* for ie5 */
	he\ight:106px;/* for ie6 */
}
#clearheader{height:157px;}/*needed to make room for header*/
#clearfooter{clear:both;height:40px;}/*needed to make room for footer*/
div,p  {margin-top:0}/*clear top margin for mozilla*/
* html #centrecontent {height:1%;margin-bottom:12px}/* combat IE's 3 pixel jog */

html>body .outerpair1 {
background: url(../images/upperrightfade.png) right top no-repeat;
} 
/* .outerpair1 must be given a width constraint, via either a width, 
or by floating or absolute positioning. In this, these are 
applied from the second class name on the .outerpair1 DIV's.
This box also has one of the corner .png's. */


html>body .outerpair2 {
background: url(../images/lowerleftfade.png) left bottom no-repeat;
padding-top: 8px;
padding-left: 8px;
}
/* .outerpair2 has padding equal to the shadow 
thickness, and also has one of the corner .png's */ 


html>body .shadowbox {
background: url(../images/shadow.png) bottom right;
}
/* .shadowbox holds the main shadow .png */ 


html>body .innerbox {
position: relative;
left: -8px;
top: -8px;
}
/* .innerbox is made "relative" and is "pulled" up and to 
the left, by a distance equal to the thickness of the shadow.
Because this is a relative-based shift, the box retains its
exact dimensions without change. */

.textbox {
position: relative; /* AP once more... */
float: right;
margin-right: 45px;
margin-left: 20px;
top: 0em;
width: 160px;
}

.textbox .innerbox { 
  width: 140px;
  font-family: "verdana";
  font-weight: 800;
  color: #92bcff;
  font-size:0.9em;
  background-color: #ffffff;	
  border: 1px solid #615c87;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  line-height: 1.6em;

}

.innerbox a{
  color: #615c87 !important;
  text-decoration: none;
}


.innerbox a:visited{
  color: #615c87 !important;
  text-decoration: none;
}

.innerbox a:active{
  color: #727272 !important;
  text-decoration: none;
}

.innerbox a:hover{
  color: #727272 !important;
  text-decoration: none;
}

.innerbox p{
  font-family: "verdana";
  line-height: 1.3em;
  padding: 0;
  margin: 0;
}


blockquote {
	margin-left: 40px;
	margin-right: 190px;
  	background: transparent url(../images/quoleft.gif) left top no-repeat;
}

blockquote div {
  	padding: 0 30px;
  	background: transparent url(../images/quoright.gif) right bottom no-repeat;
}

hr{
	color: #5E5E35;
	background-color: #5E5E35;
	height: 1px;
	border: 0;
  	width: 60%;
	margin-top: 2em;
	margin-bottom: 2em;
}

p{font: 0.8em verdana;}

p.article{
 	text-align: justify;
 	color: #5E5E35;
 	font-weight: 400;
 	line-height: 1.4em;
 	margin-top: 0px;
 	margin-left: 35px;
	margin-right: 45px;
	margin-bottom: 16px;
	background-color:#FFFFFF;
}

p.article_right{
 	text-align: right;
 	color: #5E5E35;
 	font-weight: 600;
 	line-height: 1.4em;
 	margin-top: 0px;
 	margin-left: 35px;
	margin-right: 45px;
	margin-bottom: 16px;
	background-color:#FFFFFF;
}

p.indent{
 	text-align: justify;
 	color: #5E5E35;
 	font-weight: 400;
 	line-height: 1.4em;
 	margin-top: 0px;
 	margin-left: 52px;
	margin-right: 45px;
	margin-bottom: 16px;
	background-color:#FFFFFF;
}

.separate{
	border: 2px red;
	border-style: solid;
}

.signature{
	margin-left: 106px;
	margin-right: 45px;
	margin-bottom:20px;
	font: calibri 1.0em;
	font: monaco 1.0em;
	font: verdana 0.8em;
	color: #5E5E35;
}

.email{
	font-size: 1em;
	color: #5E5E35;
}

.page_title{
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom:20px;
}

ul.article{
	text-align: justify;
	list-style-type: none;
	list-style-image: url(../images/bullet.gif );
	list-style-position:outside;
	color: #8c8f4a;
	font-color: #5E5E35;	
	margin-top: -10px;
	margin-bottom: 16px;
	margin-right: 45px;
	padding-left: 40px;
	margin-left: 28px;
}

ol.article{
	text-align: justify;
	color: #5E5E35;
	font-color: #5E5E35;	
	margin-top: -16px;
	margin-bottom: 16px;
	margin-right: 45px;
	margin-left: 28px;
}

ol.radiolist{
	text-align: justify;
	color: #5E5E35;
	font-color: #5E5E35;
	margin-top: 14px;
	margin-bottom: 16px;
	margin-right: 45px;
	margin-left:30px;
	padding-left: 30px;
}

.indentlist{
	margin-left: 40px;
}

p.listitem{
	color: #5E5E35;
	margin-bottom: 0.5em;
	font-color: #5E5E35;
	line-height: 1.4em;
}

.videoplayer{
	border:0px;
	clear: both;
	width:340px;
	height:330px;
	background-color:#ffffff;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 40px;
}

.radio{
	border:0px;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 40px;
	background-color:#ffffff;
	height: 100px;
	width: 340px;
}

a:link {color: #4a4b27}     /* unvisited link */
a:visited {color: #666666}  /* visited link */
a:hover {color: #a4a658}   /* mouse over link */
a:active {color: #5E5E35}   /* selected link */

img{
border:0;
margin:0;
padding:0;
}

.imgright{
	float: right;
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px 45px 1px 15px;
	border: 0px solid #999999;
	border-color: #8c8e4c;
	height: auto;
	width: auto;
	background-color: #ffffff;
	}
	
.imgleft{
	float: left;
	clear: left;
	margin: 0px 10px 1px 0px;
	padding: 0px 0px 0px 36px;
	border: 0px solid #999999;
	border-color: #8c8e4c;
	height: auto;
	width: auto;
	background-color: #ffffff;
	}
	
.imgbook{
	float: right;
	clear: both;
	margin: -17px 0px 0px 0px;
	padding: 0px 27px 0px 10px;
	border: 0px solid #999999;
	border-color: #8c8e4c;
	height: auto;
	width: auto;
	background-color: #ffffff;
	}

.img-shadow {
  float:left;
  background: url(../images/shadowAlpha.png) no-repeat bottom right;
  background: url(../images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #ffffff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }

div.home {
width: 42px; /* 50% of image width */
height: 13px; /* image height */
overflow: hidden;
}

div.home a {
text-decoration: none;
display: block;
width: 84px; /* 100% image width */
}
div.home a img {
border: 0;
}
div.home a:hover {
margin-left: -42px; /* as above, 50% of image width. Watch out: negative value! */
}


div.clinical_care {
width: 102px; /* 50% of image width */
height: 13px; /* image height */
overflow: hidden;
}
div.clinical_care a {
text-decoration: none;
display: block;
width: 204px; /* 100% image width */
}
div.clinical_care a img {
border: 0;
}
div.clinical_care a:hover {
margin-left: -102px; /* as above, 50% of image width. Watch out: negative value! */
}

div.books_for_patients {
width: 141px; /* 50% of image width */
height: 13px; /* image height */
overflow: hidden;
}
div.books_for_patients a {
text-decoration: none;
display: block;
width: 282px; /* 100% image width */
}
div.books_for_patients a img {
border: 0;
}
div.books_for_patients a:hover {
margin-left: -141px; /* as above, 50% of image width. Watch out: negative value! */
}

div.dr_n_in_the_news {
width: 191px; /* 50% of image width */
height: 13px; /* image height */
overflow: hidden;
}
div.dr_n_in_the_news a {
text-decoration: none;
display: block;
width: 382px; /* 100% image width */
}
div.dr_n_in_the_news a img {
border: 0;
}
div.dr_n_in_the_news a:hover {
margin-left: -191px; /* as above, 50% of image width. Watch out: negative value! */
}


div.new_research_studies {
width: 163px; /* 50% of image width */
height: 13px; /* image height */
overflow: hidden;
}
div.new_research_studies a {
text-decoration: none;
display: block;
width: 326px; /* 100% image width */
}
div.new_research_studies a img {
border: 0;
}
div.new_research_studies a:hover {
margin-left: -163px; /* as above, 50% of image width. Watch out: negative value! */
}

div.scientific_publications {
width: 174px; /* 50% of image width */
height: 13px; /* image height */
overflow: hidden;
}
div.scientific_publications a {
text-decoration: none;
display: block;
width: 348px; /* 100% image width */
}
div.scientific_publications a img {
border: 0;
}
div.scientific_publications a:hover {
margin-left: -174px; /* as above, 50% of image width. Watch out: negative value! */
}

div.dr_natelson {
width: 172px; /* 50% of image width */
height: 14px; /* image height */
overflow: hidden;
}
div.dr_natelson a {
text-decoration: none;
display: block;
width: 344px; /* 100% image width */
}
div.dr_natelson a img {
border: 0;
}
div.dr_natelson a:hover {
margin-left: -172px; /* as above, 50% of image width. Watch out: negative value! */
}

div.links {
width: 38px; /* 50% of image width */
height: 13px; /* image height */
overflow: hidden;
}
div.links a {
text-decoration: none;
display: block;
width: 76px; /* 100% image width */
}
div.links a img {
border: 0;
}
div.links a:hover {
margin-left: -38px; /* as above, 50% of image width. Watch out: negative value! */
}

div.contact_us {
width: 90px; /* 50% of image width */
height: 13px; /* image height */
overflow: hidden;
}
div.contact_us a {
text-decoration: none;
display: block;
width: 180px; /* 100% image width */
}
div.contact_us a img {
border: 0;
}
div.contact_us a:hover {
margin-left: -90px; /* as above, 50% of image width. Watch out: negative value! */
}