/* javascript dropdown buttons below */
.dropmenu {
   position:absolute;
   left:-1500px;
   visibility:visible;
   z-index:101;
   float:left;
   width:126px;
   border:1px solid #000C80;	
   background-color:#fff;
}
.dropmenu ul {
   margin:0;
   padding:0;
   list-style-type:none;
}
.dropmenu li {
   display:inline;
}
.dropmenu a, .dropmenu a:visited, .dropmenu a:active {
   display:block;
   width:120px;
   padding:2px;
   margin:1px;
   font:normal 12px arial, helvetica, sans-serif;
   text-align:center;
   text-decoration:none;
   color:#000;
   background-color:#F3F3F3;
}
.dropmenu a:hover {
   padding:2px;
   margin: 1px;
   font:normal 12px arial, helvetica, sans-serif;
   text-align: center;
   text-decoration: none;
   color:#000;
   background-color:#AABCFF;
}

body {
	font-family:arial, helvetica, sans-serif;
	font-size:100%;
	background-image:url(images/background2.gif);
	background-attachment:fixed;
	background-repeat:no-repeat;
	margin:0; 
	padding:0; 
	border:0;	
	}
p {
	text-align:left;
	}
li {
	text-align:left;
	}
td {
	vertical-align:top;
	}
h1 {							/* h1 and h2 heading */
	font:lighter 2em "Engravers MT", Georgia, serif;
	padding-top:20px;
	margin:0;
	}
h2 {
	font:lighter 1.5em "Engravers MT", Georgia, serif;
	padding-bottom:20px;
	margin:0;
	}
/*h3 {font-size:.9em;				/*subheading titles* -- no, but used h3 on email.php page
	}*/

.head {							/*contains logo and navigation*/
	margin:0 auto 15px;
	padding:15px 0; /* keeps heading down from top of browser */
	text-align:center;
	}
.logo {
	margin:0 auto;
	border:0;
	padding:0;
	width:800px; /* width:759px; and everything stays inline, smaller and it's messed - Stylin' uses 774px */
	}
.logo img {
	border:0;
	margin:0;
	padding:0;
	float:left;
	}
.nav {							/* navigation links*/
	margin:0 auto;
	text-align:center;
	width:850px;
	padding-top:20px;
	border:0;
	}	
.nav a img {
	text-align:center;
	border:0;
	margin:0;
	padding:1px;
	}
a.link {
color:#009;
}
a:visited {
color:#606;
}
a:hover {
color:#606;
text-decoration:none;
}
a:active {
color:#606;
text-decoration:none;
}

.inline {		/* used on index page */
	display:inline;
	}
.inline span {	/* used on index page */
font-weight:lighter;
	}	
	
.main {							/* contains the pictures on the left (graphics) and the content */
	margin:0;
	border:0;
	padding:15px 0 0 0;  
	}
.graphics {						/*pictures on the left column*/
	float:left;
	width:290px;
	margin:0;
	border:0;
	padding:3px;
	}
.graphics img {
	float:left;
	border:1px solid;
	margin:15px 20px;
	}
#graphicsleft {					/*herbs page img*/
	float:left;
	border:1px solid;
	margin:15px 5px 15px 20px;
	}
#graphicsright {				/*herbs page img*/
	border:1px solid;
	margin:15px 10px 15px 5px;
	}

/* for all good browsers */
.container {
position:relative; 
margin-top:15px;
margin-left:310px;
padding:0 1px 1px;
width:50%; 
min-width:450px;
max-width:550px;
}
.holder {
display:block; 
}

/* http://www.cssplay.co.uk/boxes/width.html for the crappy browser*/
* html .container {
border-right:450px solid transparent;
}
* html .holder {
display:inline-block; 
position:relative; 
margin-right:-450px;
}

.xyz {
display:none;
}

.acunav { /* acupuncture page - special navigation */
margin:0 0 0 310px; /* .content (main text) margin */
}
.acunav ul { /* acupuncture page special navigation */
border:0;
padding:0;
margin:0;
list-style:none;
}
.acunav li {
float:left;
margin:2px 0 2px 0;
padding:5px 0 5px 0;
list-style:none;
}
.acunav li a {
font-weight:bold;
padding:3px 7px 3px 7px;
margin:5px 6px 5px 0;
color:#009;
background-color:#fff;
border:1px solid #000;
}
.acunav li a:visited {
color:#009;
}
.acunav li a:hover,
.acunav li a:active {
color:#606;
background-color:#ff0;
}

p#faqlinesp {					/* make space between li items */
	line-height:2em;
	}
table#table2 {					/*conditions*/
	border:thin solid #919B91;
	border-collapse:collapse;
	}
table#table2 tr td {			/*conditions*/
	font-size:.9em;
	border:thin solid #919B91;
	padding:8px;
	}
table#table2 tr td p {			/*conditions*/
	font-weight:bold;
	}
table#table2 tr th {			/*conditions*/
	line-height:3em;
	background-color:#919B91;
	}
div.foodchart {
	margin:0 15px;
	} 	
div.foodchart table {
	margin:15px 2px 0;
	font-size:.9em;
	border-collapse:collapse;
	}
div.foodchart table caption {
	margin-top:30px;
	padding-bottom:10px;
	}
div.foodchart table caption {
	font-size:1.5em;
	font-weight:bold;
	}
div.foodchart table tr th {				
	border:1px solid black;
	padding:8px;
	width:150px;
	background-color:#919B91;
	}
div.foodchart table tr td {
	border:1px solid black;
	width:150px;
	padding:8px;
	text-align:left;
	}
#table3 {	/*fruit/veg */
	}
#table4 {	/* grains */
	float:left;
	}
#table5 {	/* nutseeds */
	}
#table6 {	/* meat */
	}
#table7 {	/* herbs */
	float:left;
	}
#table8 {	/* sweet */
	float:left;
	}
#table9 {	/* bev */
	}
#table10 {	/* PACE */	
	margin:5px 2px 0;
	}
#table10 tr th {	/* PACE */	
	width:70px;
	}
#table10 tr td {	/* PACE */	
	width:70px;
	}
p.notebox {						/* box around footnotes in foodchart */
	border:1px solid black;
	padding:8px;
	}
p.rtmar { 						/*faq*/
	margin-right:20px;
	padding-right:20px;
	}
.anchor {						/*to create space between content on acup page*/
	display:block;
	visibility:hidden;
	padding-top:25px;
	}
p.top {							/*to go back to the top of the page*/
	text-align:right;
	margin-right:10px;
	}
p.top a {						/*to go back to the top of the page*/
	text-decoration:none;
	font-size:.9em;
	font-weight:bold;
	}
p.top a:link,
p.top a:visited {
	color:#009; /*#00f;*/
	}
p.top a:hover,
p.top a:active {
	color:#606; /*#f0f;*/
	}
p#grnbox {						/*quotes*/
	font-weight:bold;
	font-size:.9em;
	padding:15px 20px;
	display:block;
	background-color:#919B91;
	-moz-border-radius-topleft: 16px; 
	-moz-border-radius-topright: 16px; 
	-moz-border-radius-bottomright: 16px; 
	-moz-border-radius-bottomleft: 16px;
	}
div#credtable {					/*credentials table*/
	width:80%;
	margin:30px auto 30px;
	padding:12px;
	background-color:#919B91;
	-moz-border-radius-topleft: 16px; 
	-moz-border-radius-topright: 16px; 
	-moz-border-radius-bottomright: 16px; 
	-moz-border-radius-bottomleft: 16px;
	}
div#credtable h4 {
	text-align:center;
	}
div#postioncontext { 			/* contains the contact info and web design link */
	margin:25px 0 0; 
	padding:25px 0 0; 
	border:0;
	}
.foot {							/*contact info */
	position:relative;
	float:right;
	bottom:10px;
	right:30px;
	padding-top:70px;
	}
.visa {						/* visa mastercard logo */
	position:relative;
	float:left;
	bottom:10px;
	left:20px;
	padding:140px 0 0;
	}
/* Alsett clearing method below */
.clearfloats:after{ 
	content:"."; 
	display:block; 
	height:0;
	clear:both; 
	visibility:hidden;
	} 
.clearfloats{
	display:inline-block;
	} 
	
.clear { /* regular clearing method */
	clear:both;
	}