body {
background: bisque url('../images/ricep.gif') top left;
font-family: Arial, Geneva, Helvetica, sans-serif;
font-size: small;
color: #020202;
padding: 0px;
margin: 0px;
}

/* -----------links-------------- */

a {color: #003366;}

a:visited {color:#335711;}
a:hover {color: #213d3c;}
a:active { color: #335711;}

.byline,.second_byline,.top_caption {
	color: #213d3c;
}

body.pmt_options #content h3 {
	margin: 30px 0 10px 10px;
	font-size: 130%;
	color: #213d3c;
}

body.pmt_options #content h3:first-child {
	margin-top: 14px;
}

body.location div#content {
	min-height: 820px;
}

body.contact div#content {
	min-height: 560px;
}

body.stress div#content {
	min-height: 960px;
}

body.mgmnt_hiv div#content {
	min-height: 960px;
}

body.mgmnt_hiv div#forward {
	border: 2px dotted gray;
	padding-top: 0px;
	padding-bottom: 2px;
	color: #213d3c;
}

body.mgmnt_hiv div#forward h2 {
	text-align: center;
	font-style: italic;
	color: #213d3c;
	margin-top: 2px;
	font-size: 99%;
}

body.experience div.illustration, body.location div#clinic_front {
	position: relative;
	top: 0px;
	left: 0px;
	height: 300px;
	width: 605px;
}

body.experience div#content {
	
}

body.how_many div.illustration {
	height: 410px;
}

body.herbal div.illustration {
	height: 500px;
}

body.pain div.illustration {
	height: 420px;
}

body.chinese_medicine div.illustration {
	height: 550px;
}

body.pain div.illustration {
	height: 220px;
}

body.pain div.illustration img {
	margin-left: 170px;
}

body.stress div.illustration {
	height: 280px;
}

body.stress div.illustration img {
	margin-left: 115px;
}

body.microsystems div.illustration {
	height: 200px;
}

body.microsystems div.illustration img {
	margin-left: 200px;
	margin-top: 20px;
}

body.how_it_works div.illustration {
	height: 320px;
}

body.backache div.illustration {
	height: 260px;
}

body.back_pain div.illustration {
	height: 320px;
}

body.headaches div.illustration {
	height: 320px;
}

body.headaches div.illustration img {
	margin-left: 120px;
}

body.backache div.illustration img {
	margin-left: 120px;
}

body.back_pain div.illustration img {
	margin-left: 160px;
}

body.how_it_works div.byline {
	position: absolute;
	top: 50px;
	left:  438px;
	width: 140px;
	font-style: italic;
}


span.req {
	
	color: #335711;
	padding-left: 1px;
	font-style: italic;
}

body.chinese_medicine p#rightcaption {
	position: absolute;
	top: 140px;
	left: 300px;
}




/* ---container to center the layout---- */

#container {
width: 760px;
margin-left: auto;
margin-right: auto;
height:100%;
background: #ffd6a4 url('../images/greenleaves.gif') no-repeat bottom left;
border: none;
}

body.search_results #container {
	background-image: none;
}

body.search_results div#content {
	width: 100%;
}

/* ----------banner for logo--------- */
#banner {
height: 200px;
text-align: left;
background:  url('../images/header.gif') no-repeat;
background-color: bisque;
padding: 0px;
margin: 0px;
}


#banner img {padding:10px 0px;} 

div#banner h1{
	padding-top: 55px;
	padding-left: 250px;
	font-weight: bold;
	color: inherit;
	}


/* -----------most content---------------- */

#content {

background-color:#fff6f0;
padding: 0px;
margin-left: 150px;
margin-right: 0px;
color: #020202;
}

div#content { 
border: 2px groove #e2e0de;
clear: right;
}

body.search_results div#content {
	min-height: 360px;
}

div#content img {
	float: left;
}

body.china div#content img {
	float: none;
}

img.chi_symbol {
	padding-left: 50px;
}

p.testimonial_div {
	text-align: center;
	padding-top: 0;
	margin-top: 0;
	padding-left: 50px;
	width: 530px;
	border-bottom: 2px groove #e2e0de;
}

p.validator {
	text-align: center;
}


h2 {
color: #335711;
padding: 5px 10px;
margin: 0px;
}


div#content p {
	margin: 10px;
	font-size: 110%;
}

div#content p a {
	font-size: 100%;
	text-decoration: none;
}

#content p a:hover {
	background-color: #ffdb00; 
}

body.chinese_medicine div#content {
	min-height: 920px;
}

body.chinese_medicine p#leftcaption {
	position: absolute;
	top: 400px;
	left: 250px;
}

body.chinese_medicine #content h2 {
	clear: both;
}

body.chinese_medicine p#leftcaption, body.chinese_medicine p#rightcaption { 

}

div#content p a {
	display: inline;
	background: none;
	margin: 0;
	padding: 0;
	
}

div#content p a:hover {
	text-decoration: underline;
}



/* ------for book title in what_does_acupuncture_treat.html------ */

span.booktitle {
	text-decoration: underline;
}

/* ---------imgs-------------- */

body.backache div.content, body.back_pain {
	position: relative;
}

img#low_back {
	position: relative;
	left: 120px;
	top: 20px;
	padding-bottom: 30px;
}

img#mid_and_low_back {
	position: relative;
	left: 165px;
	top: 30px;
	padding-bottom: 30px;
}


/* ---------atthegreatwall.jpg-------------- */
img#wall {
	margin-left: 30px;
}

/* ----------left nav------------ */
/* ----------contains the vertical nav----------- */
#left {
float: left;
width: 150px;
margin: 0px;
margin-top: 2px;
padding: 0px;
background-color: #ffd6a4;
height:90%;

}


/* ---------footer-------------- */
#footer {
clear: both;
margin: 0px;
padding: 0px;
height: 95px;
text-align: right;
background-image: url(../images/footer.gif);
}

div#footer p {
	margin: 0;
	color: #746454;
	font-size: small;
}

div.left_anchor {
	text-align: left;
	margin-left: 150px;
}

div#footer p.top_anchor {
	text-align: right;
	margin-right: 20px;
}

div#footer p.copyright_stuff {
	text-align: left;
	margin-top: 4px;
}

div#footer div.vcard {
	text-align: center;
	margin-top: 6px;
}

body.contact div#footer div.vcard, body.mgmnt_hiv div#footer div.vcard {
	margin-top: 0px;
}

div#footer p.vicinity {
	text-align: center;
	font-style: italic;
	margin-top: 10px;
}


/**********vertical menu***************/
div.verticalmenu ul {
 list-style: none;
 padding: 0px 2px;
 margin: 0px;
}

div.verticalmenu li {
	padding: 20px 0px;
	margin: 0;
}

div.verticalmenu li a:link, .verticalmenu li a:visited, .verticalmenu li a:hover {
   display: block;
   color: #f2151a;
   text-decoration: none;
   text-align: center;
   width: 145px;
   height: 20px;
	font-family: Arial, "Trebuchet MS", "Lucida Grande", sans-serif;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
	background: #ffd6a4;
	font-size: medium;
}

div.verticalmenu li a:hover {
  color: blue;
  font-size: medium;
  margin-left:0px;
  text-decoration: underline;
}

div.babelfish_snippet {
	margin: 1px 10px;
}

/* ------current page flags--------- */

body.china a#china88, body.bio a#bio, body.testimonials a#testimonials, body.location a#location, body.experience a#experience, body.contact a#contact {
	color: #335711;
}

#current {
	background-color: #3DA801;
}



/* ------different bodies--------- */

body.china #container, body.treatment_for #container {
	background: #ffd6a4 url(../images/greatwall.png) no-repeat bottom left;
}



body.china div#banner h1 {
	padding-left: 300px;
}


body.testimonials #container {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	border: none;
	background: #ffd6a4 url(../images/chinesepainting.png) no-repeat bottom left;
}

/* ---the other browsers were extending the picture legends below the content div, so I extended the content div as a remedy--- */ 
body.china div#content {
	min-height: 890px;
}


/* ---IE6 stops short of the bottom of the containing div with its peek-out graphic--- */
* html body.china div#content {
	height: 100%;
}

body.china div#content p {
	width: 200px;
	padding-top: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
	line-height: 200%;
}

body.china div#chinapics {
	float: right;
}

/* ---this width setting seems to have helped the picture legends gain a center--- */ 
div#content #chinapics p.legend {
	line-height: 100%;
	text-align: center;
	width: 300px;
	margin: 0;
	padding: 0;
	font-size: small;
	color: #3c4a5d;
	margin-bottom: 10px;
}

/* ---IE6 extended picture legends below the content div, so turned bottom margin off--- */

* html div#content #chinapics p.legend {
	margin-bottom: 0;
}


body.bio #container, body.facial #container {
	background: #ffd6a4 url(../images/none.png) no-repeat bottom left;
}

body.bio div#content {
	min-height: 600px;
}

body.bio div#content p, body.infertility div#content p {
	line-height: 150%;
}

body.bio img#steve + p {
	margin-top: 18px;
}

body.infertility div#content p.intro {
	background-color: #FAFFFF;
	border: 2px groove #e2e0de;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 12px 10px 10px 10px;
}

body.weight_loss div#content p {
	line-height: 155%;
}

body.weight_loss div#content p.first {
	margin: 20px 10px 10px 10px;
	font-size: 120%;
	color: #213d3c;
}

body.bio div#banner h1 {
	padding-top: 75px;
}

body.location div#banner h1 {
	padding-top: 85px;
	padding-left: 285px;
}

body.bio img#steve {
	float: left;
	padding: 20px;
	padding-bottom: 0;
}

body.asthma_article div#content {
	min-height: 960px;
}

body.chronic_fatigue div#content {
	min-height: 960px;
}

body.facial div#content {
	min-height: 600px;
}

body.insomnia_article div#content {
	min-height: 980px;
}

body.experience div#content {
	height: 740px;
}

body.experience.treatment_for div#content, body.experience.chinese_medicine div#content {
	height: 900px;
}

body.testimonials #banner h1 {
	padding-top: 75px;
}

body.testimonials p.about_topics {
	text-align: left;
	font-size: medium;
	line-height: 18px;
	color: #213d3c;
	text-transform: none;
	padding: 18px 16px;
	
}

body.testimonials em {
	color: #4e3d2c;
}

body.contact #banner h1 {
	padding-top: 80px;
	padding-left: 250px;
}

body.contact #content h2 {
	font-size: medium;
	text-align: center;
	font-weight: normal;
	font-style: normal;
}

body.location #clinic_front {
	
}

body.location #clinic_front img {
	margin-left: 130px;
	margin-top: 20px;
}

body.location div#acu_map {
	padding-left: 100px;
	padding-top: 40px;
	padding-bottom: 40px;
}

body.location #whereness p {
	text-align: center;

}

body.location #whereness span.bold {
	font-weight: bold;
}

/* *********ABCs of Acu*********** */

body.whatis #content p, body.how_it_works #content p, body.why_choose #content p, body.does_it_hurt #content p, body.how_many #content p, body.herbal #content p, body.clinic_location #content p, body.calm_setting #content p, body.relaxing #content p, body.treatment_for #content p, body.chinese_medicine #content p {
	margin: 10px 40px;
	
}



body.whatis #content h2, body.how_it_works #content h2, body.why_choose #content h2, body.does_it_hurt #content h2, body.how_many #content h2, body.herbal #content h2, body.calm_setting #content h2, body.relaxing #content h2, body.treatment_for #content h2 {
	margin-left: 20px;
}


body.herbal ol {
	margin-left: 50px;

}

/* ======Single IMG====== */

div.byline {
	font-style: italic;
}

body.whatis div.illustration, body.how_many div.illustration {
	margin-left: 20%;
}

body.does_it_hurt div.illustration {
	margin-left: 28%;
	margin-top: 30px;
}

body.clinic_location div.illustration {
	margin-left: 20%;
	margin-top: 50px;
}

body.calm_setting div.illustration {
	height: 360px;
}

body.calm_setting div.illustration img {
	padding-left: 12%;
}

body.relaxing div.illustration {
	margin-left: 120px;
	margin-top: 30px;
}

body.clinic_location #content h2 {
	margin-left: 20px;
}

body.treatment_for div.illustration {
	position: relative;
	top: 0;
	left: 0;
	height: 360px;
}

body.treatment_for div.illustration img {
	padding-left: 28%;
}

/* ======IMG and caption====== */

body.how_it_works div.topcontent, body.why_choose div.topcontent, body.herbal div.topcontent {
	position: relative;
	top: 0px;
	left: 0px;
}

body.how_it_works div.illustration, body.why_choose div.illustration {
	position: relative;
	top: 0px;
	left: 20px;
}

body.herbal div.illustration {
	position: relative;
	top: 0px;
	left: 0px;
}

body.herbal div.byline {
	position: absolute;
	top: 80px;
	left:  350px;
	width: 160px;
}

body.raw div.topcontent {
	height: 300px;
}


body.raw div.illustration {
	position: relative;
	top: 20px;
	left: 28px;
}

body.raw div.byline {
	position: absolute;
	top: 60px;
	left:  380px;
	width: 160px;
	
}

body.why_choose div.byline {
	position: absolute;
	top: 50px;
	width: 190px;
	left: 380px;
}


body.why_choose div.topcontent {
	padding-bottom: 10px;
}

body.why_choose div.illustration {
	left: 100px;
	top: 20px;
}

span#eastwestemphasis {
	font-weight: bold;
}

/* articles with img */

div.topcontent {
	position: relative;
}

div#content p.top_caption {
	text-align: left;
	width: 222px;
	height: 120px;
	float: right;
	padding-top: 50px;
	padding-bottom: 100px;
}

body.healthy_balance div.illustration {
	height: 380px;
}

body.healthy_balance div.illustration img {
	margin-left: 60px;
}

body.healthy_balance div.byline {
	position: absolute;
	top: 40px;
	left:  360px;
	width: 180px;
	
}

body.philosophy div.illustration {
	height: 330px;
}

body.philosophy div.illustration img {
	margin-left: 30px;
}

body.philosophy div.byline {
	position: absolute;
	top: 80px;
	left:  350px;
	width: 200px;
	
}

body.mgmnt_hiv div.illustration {
	height: 380px;
}

body.mgmnt_hiv div.illustration img {
	margin-left: 70px;
}

body.mgmnt_hiv div.byline {
	position: absolute;
	top: 100px;
	left:  320px;
	width: 200px;
	
	
}

body.mgmnt_hiv div#content ul {
	 list-style-type: none;
}

body.mgmnt_hiv h3 {
	margin-left: 10px;
	margin-bottom: 0px;
	margin-top: 20px;
}

body.mgmnt_hiv img.arrow {
	vertical-align: baseline; 
	margin-right: 1px;
}

body.allergies div.illustration {
	position: relative;
	height: 360px;
}

body.allergies div.illustration img {
	position: relative;
	top: 0px;
	left: 0px;
	height: 300px;
}

body.allergies div.byline {
	position: absolute;
	top: 40px;
	left: 360px;
	width: 200px;
	

}

body.pms div.illustration {
	position: relative;
	height: 300px;
}

body.pms div.illustration img {
	position: relative;
	top: 0px;
	left: 20px;
	height: 300px;
}

body.pms div.byline {
	position: absolute;
	top: 40px;
	left: 380px;
	width: 150px;


}


body.auricular div.illustration {
	position: relative;
	height: 340px;
}

body.auricular div.illustration img {
	position: relative;
	top: 20px;
	left: 150px;
}

body.auricular div.byline {
	position: absolute;
	top: 50px;
	left: 350px;
	width: 120px;

}


body.stress div.illustration_wrapper, body.prevent div.illustration_wrapper, {
	position: relative;
	height: 420px;
}

body.stress p.illustration_para, body.prevent p.illustration_para {
	padding: 20px 10px;
	
}


body.arthritis div.illustration {
	position: relative;
	height: 340px;
}

body.arthritis div.illustration img {
	position: relative;
	top: 20px;
	left: 45px;
}

body.arthritis div.byline {
	position: absolute;
	top: 60px;
	left: 405px;
	width: 120px;
	
}

body.arthritis div.illustration_wrapper {
	position: relative;
}

body.arthritis div.illustration2 {
	position: relative;
	height: 300px;
}

body.arthritis div.illustration2 img {
	position: relative;
	top: 20px;
	left: 45px;
}

body.arthritis div.second_byline {
	position: absolute;
	top: 70px;
	left: 405px;
	width: 120px;
	
}


/* ===different backgrounds=== */

body.pmt_options #container {
	background: #ffd6a4;
}

body.how_it_works #container, body.clinic_location #container, body.infertility #container {
	background: #ffd6a4 url(../images/birdbranch.png) no-repeat left bottom;
}

body.whatis #container, body.how_many #container, body.location #container, body.chinese_medicine #container, body.why_choose #container {
background: #ffd6a4 url(../images/bamboo.gif) no-repeat left bottom;

}

body.does_it_hurt #container, body.contact #container {
	background: #ffd6a4 url(../images/pine.png) no-repeat left bottom;
}

body.calm_setting #container, body.relaxing #container {
	background: #ffd6a4 url(../images/river.png) no-repeat left bottom;
}

/* ===2 IMGs and captions=== */



/* ----testimonials homepage table styles---- */

body.testimonials table { 
	border-collapse: collapse; 
	border-spacing: 0; 
	border: none;
	text-transform: capitalize;
	text-align: center;
}

body.testimonials caption {
	padding: 1em .4em; 
	text-align: center; 
	text-transform: capitalize; 
	color: #3e3326; 
	background: transparent;
	border-top: 1px solid #BBAA99;
	font-size: medium;
}

body.testimonials caption span.emphasis {
	font-style: italic;
	font-weight: 500;
	color: #74ab45;
}

body.testimonials div#content {
	min-height: 680px;
}

body.testimonials td.leftedge {
	border-left: none;
	padding-left: 0px;
	margin-left: 0px;
}

body.testimonials td.rightedge {
	border-right: none;
}

body.testimonials td.alledge {
	padding-left: 0px;
	margin-left: 0px;
	border-right: none;
	border-left: none;
	border-bottom: none;
}


body.testimonials td, body.testimonials th { 
	border: 1px solid #BBAA99; 
	padding: .3em; 
	font-size: small; 
	color: #3e3326; 
}

body.testimonials tbody td:hover, body.testimonials th:hover {
	background-color: #ffe4c4;
}

body.testimonials tr a { 
	color: #3e3326;
	font-size: small;
}

/* tables inside a patient testimonial */

body.narratives #content table {
	width: 100%;
	border-collapse: collapse;
	border: none;
	margin: 0 auto;
}

body.narratives #content th, body.narratives #content td {
	text-align: left;
	vertical-align: top;
	border: none;
	padding-left: 20px;
	width: 100px;
	text-transform: none;
	font-style: normal;
}

body.narratives #content th:hover, body.narratives #content td:hover {
	background-color: transparent;
}

body.narratives #content tr {
	border: none;
}

/***********WHO conditions table**************/

body.who-conditions div#banner h1 {
	font-size: 18px;
}

body.who-conditions div#content {
	border: 0px solid #000;
}

table.conditions {
	color: #000; 
	border: 0px solid #dcbc92; 
	margin: 0; 
	border-collapse: collapse;
	background: #dcbc92;
}

table.conditions caption { 
	text-align: left;
	margin: 0;
	padding: 0;
	caption-side: top;
	border: 1px solid #000;
	background: #dcbc92;
	border-bottom: none;
	padding-bottom: 10px;
	width: 100%;
}

table.conditions tr {
	text-align: center; 
	color: black; 
	background-color: #dcbc92;
	 
 }
table.conditions td, th {
	vertical-align: top; 
	border: 1px solid black; 
	padding: 0px;
}


table.conditions td {
	text-align: left;
}

table.conditions th {
	text-align: center;
	width: 18%;
}

table.conditions ul, ol {
	text-align: left; 
}

table.conditions ol {
	margin-left: 16px;
	margin-right: 16px;
	padding: 0;
}

table.conditions ol li {
	list-style-position: inside;
	padding-left: 10px;
	border-bottom: 1px solid #000;
}

table.conditions ul li {
	width: 160px;
	text-align: center;
	list-style-type: none;
	list-style-position: outside;
	padding-left: 0px;
	margin-left: -20px;
	font-size: small;
	border-bottom: 1px solid #000;
}

table.conditions ul li.first, table.conditions ol li.first {
	border-top: 1px solid #000;
}

.cat1 {
	background-color: #F8DB05;
}

.cat2 {
	background-color: #659c2a;
}

.cat3 {
	background-color: #17b3d1;
}

.cat4 {
	background-color: #ec3054;
}

table.conditions em {
	font-weight: bold;
}


/*******ABCs bottom navigation*********/

#content .bottomnav  {
	position: relative;
	top: 0px;
	height: 60px;
	text-align: center;
	margin-top: 30px;
	background: #fff6f0 url(../images/arrow.png) no-repeat center -10px;
}


#content .bottomnav ul{
	margin: 0;
	padding: 0;
	padding-top: 24px;
	font-size: small;
	color: #000;
	white-space: nowrap;
	
}

#content .bottomnav li {
	list-style-type: none;
	display: inline;

}

#content .bottomnav li a {
	text-decoration: none;
	padding: 7px 10px;
	color: #000;
	line-height: normal;
}

#content .bottomnav li a:link {
	color: #000;
}

#content .bottomnav li a:hover {
	font-weight: bold;
	color: blue;
}

#content .bottomnav li a:active {
	font-weight: bold;
	color: red;
}

#content .bottomnav li a:visited {
	color: #000;
}


/* Tell-A-Friend Contact Form */

div.taf {
	border: 0px solid blue;
	margin: 20px 20px;
}

.taf hr {
	border: none 0;
	border-top: 2px solid #8E9D6F;/*the border*/
	width: 60%;
	height: 2px;/*whatever the total width of the border-top and border-bottom equal*/
}

p.success {
	font-weight: bold;
	font-size: small;
	font-style: normal;
	text-align: center;
	line-height: 120%;
	color: #020202;
	background-color: #c6eb6b;
}

.warning {
    font-weight: bold;
    color: #f00;
}


textarea#comments {
	width: 553px;
	height: 200px;
	color: black;
	font-size: 12px;
}

input:focus, textarea:focus {
	background: #f8ffda;
}

input[type="text"], textarea {
	border-top: 1px solid #0d6a76;
	border-left: 1px solid #0d6a76;
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
	color: black;
}


input#name, input#tafname {
	width: 360px;
	
}

input#email {
	width: 360px;
}

input#tafemail, input#friendemail {
	width: 300px;
}

input#phone {
	width: 300px;
}

h4 {
font-size: medium;
color: #335711;
padding: 5px 10px;
margin: 0px;

}


/* not using these now...

input#address {
	width: 450px;
}


select#project {
	width: 260px;
	font-size: 12pt;
	
}
 */

input.button {
	color: #020202;
	background-color: whitesmoke;
	border: 1pt solid #0d6a76;
	background-color: wheat;
}

/* not using this either...

legend {
	font: 12pt VAGRundschriftD, "Arial Rounded MT Bold", AUdimat;
	color: #020202;
}
 */

#send {
	margin: 2px 20px 10px 10px;
	
}

.taf #send {
	margin-left: 40%;
	margin-top: 10px;
	width: 100px;
	font-size: 14pt;
}

#cancel {
	margin-bottom: 10px;
}

#bh {
	margin-left: 12px;
}