/* Sitewide------------------------------ */

/* Tags */

body {
	background: black url(../images/body-bg-grad.gif) repeat-x;
	color: #b2b2b2;
	font: normal 12px Arial, Helvetica, Geneva, sans-serif;
	margin-top: 10px;
}

 .internal_image {
	float: right;
	margin: 10px 20px 10px 10px;
	clear: both;
	position: relative;
}	

/** PETER NEW ADDITIONS  I made other changes below in existing stuff **/

a:hover, a:link, a:visited {
	color: #b37d00;	
}

#articles li {
	margin-bottom: 15px;;
	list-style-type: none;
	font-weight: bold;
	font-size: 14px;
	/** padding-left: 1.3em; */
	/**
	did not work on stage
	background: transparent url(/images/page.gif) no-repeat left;		 
	background-position: 0 .2em;
	*/
}
#articles li p {
	font-weight: normal;
	font-size: 12px;
	margin-top: 5px;
	margin-left: 23px;
}

#articles li img {
	margin-right: 5px;
}

#faq_list li {
	margin-bottom: 15px;;
}

#email_form {
	margin: 0px 0 0 24px;
}

a:link.hide_link, a:visited.hide_link {
	text-decoration: none;
	color: #b37d00;
}

#icon_email, #icon_print {
	color: #b37d00;
	margin: 5px 0 0px 14px;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}

#icon_email {
	margin: 20px 0 0px 14px;
}

#icon_print {
	margin-bottom: 10px;
}

img.dotted{
	margin: 12px 0 6px 0;
}

#sample_table {
	font-size: 12px;
	line-height: 16px;
	color: black;
	margin: 10px 40px 10px 20px;
}

.paragraph_header {
	font-weight: bold;	
	font-size: 13px;
}

/**
	michelson_image
	
	on some pages .. jsut an image that is linked to another page
*/

#michelson_image {
	float:right;
	text-decoration: none;
	margin-right:30px;
}

/**
	Important Safety Information
	at bottom of some pages
*/


.safety_information {
	font-weight: bold;	
	padding-left: 20px;
	background: transparent url(/images/alert.gif) no-repeat left;	
}

/**
	it is the left site nav
	make it black the whole way
*/

#td_left_nav {
	background-color: black; /** peter */
}


.faq_content {
	color: black; 
}

.faq_response_intro {
	color: black;
}

/**
	the sort of intro text after content header .. it is italics and bold in Word
*/

.highlight {
	font-weight: bold;
}

/**
	I'm usin this for the warning at the bottom of some pages
	I need to find an exclamation point for a background I reckon
*/

.advisory-faq {
	background: #FFF04F;
	/** font-weight: bold; */
	/** font-style: italic; */
}

.advisory {
	background: #FFF04F;
	/** font-weight: bold; */
	/** font-style: italic; */
}


/**
	attached to the table which contains all content on the page except the footer
	center the table ??
*/

#body_table {
	margin-left: auto; 
	margin-right: auto;	
}

/**
	the internal nav for a section 
*/
#internal_nav {
	float: right;
	width: 160px;
	margin: 10px 10px 10px 15px;
	padding: 0 5px;
	border-left: solid 1px #bfc0c1;
}

#internal_nav h4 {
	margin: 0 0 5px 0;
	color: #735000;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
}

#internal_nav ul {
	margin: 0;
	padding: 0;
    list-style-type: none;
}

#internal_nav ul li {
    margin-bottom: 5px;
}

#internal_nav a {
	display:inline-block;
    line-height: 18px;
    padding-right: 10px;
    background: transparent url(/images/bullet_arrow.gif) no-repeat right center;
	text-decoration: none;
	color: #b37d00;
	font-weight: bold;
	font-size: 12px;
	_background-position: right 7px;
}

#internal_nav a.active {
    background: transparent url(/images/bullet_dot.gif) no-repeat right;
	_background-position: right 7px;
}
#internal_nav a.visited {
    background: transparent url(/images/bullet_dot.gif) no-repeat right;
	color: #D99700;
	_background-position: right 7px;
}

/** END I THINK PETER ADDITIONS but I still made some changes to existing stuff below **/

a {
	text-decoration: underline;
}

#footer a {
	color: #b37d00;
	text-decoration: none;
}

/* Divs */

#container {
	width: 780px;
	border: 1px solid #3f3f3f;
	margin-right: auto;
	margin-left: auto;
	background-color: black;
	overflow: visible;
	padding: 0;
	/*height: 1000px;*/
}

#header {
	background-color: #069;
	height: 104px;
	background-image: url(../images/header-bg.gif);
	float: none;
	clear: both;
}

#body {
	width: 780px;
	padding: 0 0 10px 0;
	float: none;
	/*
	float: left;
	*/
}

#footer {
	width: 740px;
	border: 1px solid #3f3f3f;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	background-color: black;
	margin-top: 10px;
	padding: 20px;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	clear: none;
}

/* Classes */

.title {
	float: left;
}

.logo {
	display: block;
	float: right;
	position: static;
}

/* Homepage------------------------------ */

/* Tags */

#left_column h3, #right_column h3 {
	color: #b37d00;
	padding: 0;
	font-size: 12px;
	margin: 3px 0 0;
}

#left_column p, #right_column p {
	margin-top: 12px;
	font-size: 12px;
	line-height: 18px;
	color: #b2b2b2;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

#left_column a, #right_column a {
	margin-top: 15px;
	font-size: 12px;
	line-height: 18px;
	color: #b2b2b2;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

/* Divs */

#international_link {
	margin-left: 20px;
	_margin-left: 10px;
	margin-top: 20px;
	height: auto;
	display: inline-block;
	color: #b37d00;
	font-size: 10px;
	clear: both;
	float: left;
	position: relative;
	margin-right: auto;
	background-color: #1e1500;
	padding: 10px;
	width: 202px;
	border: 1px solid #4d3500;
}
#international_link a, a:hover{
	text-decoration: none;		
	color: #b37d00;
}

#spanish_link {
	text-align: center;
	margin: 20px 10px;
	height: auto;
	display: inline-block;
	color: #b37d00;
	font-size: 10px;
	float: right;
	position: relative;
	background-color: #1e1500;
	padding: 10px;
	width: 70px;
	border: 1px solid #4d3500;
}


#left_column {
	width: 390px;
	margin: 10px 0;
	float: left;
	/*
	height: 400px;
	margin-top: 10px;
	margin-left: 0;
	margin-right: 0;
	*/
}

#right_column {
	width: 390px;
	height: 400px;
	margin: 10px 0;
	float: left;
	/*
	margin-top: 10px;
	margin-right: 0;
	margin-left: 0;
	float: right;
	*/
}

#info {
	height: 101px;
	border: 1px solid #4d3500;
	background: url(../images/info-bg.jpg) no-repeat;
	padding-top: 5px;
	padding-left: 10px;
	width: 350px;
	margin-left: 20px;
	margin-right: auto;
}

.nav_container {
	min-height:96px;	
}

#news {
	height: 120px;
	border: 1px solid #4d3500;
	margin-top: 10px;
	padding-top: 5px;
	padding-left: 10px;
	background: #262626 url(../images/news-bg.jpg) no-repeat;
	width: 350px;
	margin-left: 20px;
	margin-right: auto;
}

#stories {
	height: 96px;
	border: 1px solid #4d3500;
	margin-top: 10px;
	padding-top: 5px;
	padding-left: 10px;
	background: url(../images/stories-bg.jpg) no-repeat;
	width: 350px;
	margin-left: 20px;
	margin-right: auto;
}

#treatment {
	height: 96px;
	border: 1px solid #4d3500;
	margin-top: 10px;
	padding-top: 5px;
	padding-left: 10px;
	background: url(../images/treatment-bg.jpg) no-repeat;
	width: 350px;
	margin-left: 20px;
	margin-right: auto;
}

#faqs {
	height: 97px;
	border: 1px solid #4d3500;
	margin-top: 10px;
	padding-top: 5px;
	padding-left: 10px;
	background: url(../images/faqs-bg.jpg) no-repeat;
	width: 350px;
	margin-left: 20px;
	margin-right: auto;
}

#faqs p {
	margin-right: 100px; /* to keep text from running into background image */
}

#action {
	height: 101px;
	border: 1px solid #4d3500;
	padding-top: 5px;
	padding-left: 10px;
	background: url(../images/action-bg.jpg) no-repeat 0 0;
	width: 350px;
	margin-right: auto;
	margin-left: 10px;
}

#yourhealth {
	height: 120px;
	border: 1px solid #4d3500;
	margin-top: 10px;
	padding-top: 5px;
	padding-left: 10px;
	background-image: url(../images/yourhealth-bg.jpg);
	width: 350px;
	margin-right: auto;
	margin-left: 10px;
}

#yourhealth p {
	width:90%;
}

#anatomy {
	height: 96px;
	border: 1px solid #4d3500;
	margin-top: 10px;
	padding-top: 5px;
	padding-left: 10px;
	background-image: url(../images/anatomy-bg.jpg);
	width: 350px;
	margin-right: auto;
	margin-left: 10px;
}

#links {
	height: 96px;
	border: 1px solid #4d3500;
	margin-top: 10px;
	padding-top: 5px;
	padding-left: 10px;
	background-image: url(../images/links-bg.gif);
	width: 350px;
	margin-right: auto;
	margin-left: 10px;
}

#media {
	height: 96px;
	border: 1px solid #4d3500;
	margin-top: 10px;
	padding-top: 5px;
	padding-left: 10px;
	background-image: url(../images/media-bg.jpg);
	width: 350px;
	margin-right: auto;
	margin-left: 10px;
}


/* Classes */

.health_cat {
	font-size: 10px;
	text-transform: uppercase;
	color: #b37d00;
	line-height: 16px;
}

.option {
	margin-left: 8px;
	width:90%;
}

/* 2nd Pages------------------------------ */

/* Tags */

#left_nav ul {
	list-style-type: none;
	padding: 0;
	margin: 0 10px;
}

#left_nav li {
	padding: 0;
	margin: 0;

	/* John told me to ... */
	_margin-bottom: 0;
	_line-height: 13px;
	_padding: 3px 0;
}

#left_nav a {
	color: #b37d00;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	border: 1px solid black;
	display: block;
	position: relative;
	padding: 5px;
	margin: 0 auto 5px;
}

#left_nav a.active,
#left_nav a:hover {
	color: #b37d00;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	border: 1px solid #b37d00;
	display: block;
	padding: 5px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-bottom: 5px;
	background-color: #4d3500;
}


#extra {
	position: relative;
	float: left;
	width: 160px;
	margin: 10px;
	padding: 10px 0;
	background: transparent url(/images/rule_dotted.gif) no-repeat scroll 0 0;
	_margin: 10px 5px;
}

#extra a {
	line-height: 30px;
	/*float: left;*/
	/*margin: 0 0 5px 0;*/
	padding: 5px 0 5px 40px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

#extra a#email_link { background: transparent url(/images/icon_email.gif) no-repeat 5px 0 }
#extra a#print_link { background: transparent url(/images/icon_print.gif) no-repeat 5px 0 }


#mediabox h5 {
	display: block;
	color: gray;
	font-weight: bold;
	font-size: 10px;
	margin-left: 0;
	margin-top: 10px;
	margin-bottom: 0;
	text-align: center;
}

#mediabox img {
	margin: 0 auto;
	border-style: none;
	padding: 0;
	display: block;
}

#content_area h1 {
	margin-left: 20px;
	color: #b37d00;
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: bold;
	margin-top: 10px;
	/**
	  * begone ...
	  * text-transform: uppercase;
	  * letter-spacing: .1em;
	  */
}

#subnav table {
	width: 100%;
}

#subnav td {
	text-align: center;
}

#subnav a {
	display: inline-block;
	margin: 0;
	width: auto;
	text-align: left;
	color: #676868;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	border-right-width: 1px;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
}

#content_area h2 {
	margin: 10px 20px;
	padding-bottom: 5px;
	color: #b37d00;
	font-size: 14px;
	
	
	/**
	NOT	text-transform: uppercase;
	  * begone ...
	  * background: transparent url(/images/rule_dotted_grey.gif) repeat-x left bottom;
	  * color: #b37d00;
	  */
}

#content_area p,
ul.ic ol { 
	font-size: 12px;
	line-height: 16px;
	color: black;
	margin: 0 30px 10px 20px;
}

#content_area ul.ic li {
	margin-right: 30px;
}

#content_area ul.ic li, ol.ic li { 
	padding-bottom: 5px;
}
#content_area p strong {
	line-height: 18px;
	color: #404040;
	display: inline-block;
}

#content_area h3 {
	color: #676868;
	font-weight: bold;
	font-size: 12px;
	display: block;
	margin-left: 20px;
	margin-bottom: 1px;
	padding: 0;
}

/* Divs */

#container2 {
	width: 780px;
	/**
		min-height:1000px;
		height:auto !important;
		height:1000px;
	*/	
  	border: 1px solid #3f3f3f;
	margin-right: auto;
	margin-left: auto;
	background-color: white;
	overflow: visible;
	padding: 0;
}
#glossary li {
	margin-bottom:12px;
}
#left_nav {
	width: 180px;
	margin: 0;
	padding-top: 10px;
	background-color: black; /** peter */
	float: left;
}

#content_area {
	float: right;
	background-color: white; /** peter */
	width: 600px;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 10px;
	color: black;
}

#top_box {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
	margin: 0 20px 30px;
	padding: 20px 0 10px;
}

#mediabox {
	width: auto;
	height: auto;
	color: gray;
	float: left;
	margin: 0 40px 30px 20px;
	display: inline-block;
}

#top_box_media {
	width: auto;
	height: auto;
	color: gray;
	float: left;
	display: inline-block;
	margin-right: 10px;
	margin-top: 0;
	margin-bottom: 30px;
}

#top_box_text {
	display: block;
	color: black;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	float: right;
	width: 400px;
	margin-right: 0;
}

#subnav {
	margin-left: 20px;
	width: 560px;
	padding-top: 5px;
	padding-bottom: 2px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 11px;
	color: #656565;
	font-weight: bold;
	display: block;
}

#subnavtext {
	display: block;
	background-color: orange;
	margin-right: auto;
	margin-left: auto;
}

/* Classes */

.subnav_current {
	display: inline-block;
	margin: 0;
	width: auto;
	text-align: left;
	color: black;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
}

#content_area .regmark {
	font-weight: normal;
	font-style: normal;
	font-size: 9px;
	vertical-align: text-top;
	display: inline-block;
}

#content_area .subhead1 {
	color: #b37d00;
	font-weight: bold;
	font-size: 14px;
	display: block;
	text-transform: uppercase;
	border-bottom: 1px dotted silver;
	margin: 15px 0;
}

* html #content_area .subhead1 {
	color: #b37d00;
	font-weight: bold;
	font-size: 14px;
	display: block;
	text-transform: uppercase;
	margin: 15px 0;
	border-bottom: 1.25px solid silver;
}

#content_area .disclaimer {
	background-color: #e2e6e7;
	display: block;
	padding: 10px;
	font-size: 11px;
	color: #676868;
	line-height: 15px;
	margin-top: 20px;
}

#content_area table {
	margin: 0 10px;
}

#content_area table#faq td {
	border-bottom: 1px solid #ccc;
	padding: 15px 5px;
}

#content_area table#faq .faq_content {
	display: block;
	margin: 5px 15px 5px 0;
}


/* Clears the floaters */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	background-color: red;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/** pete added these **/
.form_label {
	color: black;
	font-size: 15px;
	text-align:right;
}
.submit {
	color: black;
	background: white;
	border: 2px outset #d7b9c9;
	margin-left: 150px;
}

#find_doctor_form {
	margin: 10px 0px 10px 20px;
}

/** end pete added these **/