/* CSS Document */

body	{
	font: 12px/17px Verdana, Arial, Helvetica, sans-serif; 
	color: #59595a;
	margin-top: 10px; padding: 0;
	text-align: center;
	background-color: #f8eec3;
	}

/*  index page  */

#wrapper_index {
   	width: 750px; margin: 0px auto;
	position: relative;
	border: 6px solid #ffffff;
   	text-align: left;
   	padding: 0px;
	background-color: #ffffff;
	background-image: url('images/index_banner.gif');
	background-position: top left;
	background-repeat: no-repeat;
	}	
	

/* index side bar */	

#sidenav_index  {
	position: absolute;
	left:0px;
	top:0px;
	width: 175px;
	height: auto;
	margin: 132px 4px 0px 0px;
	padding: 10px;
	}
	
#sidenav_index p  {
	font: 12px/17px Verdana, Arial, Helvetica, sans-serif;	
	color: #59595a;
	margin-top: 0px; padding: 0;
	text-align: left;
	}
	
#sidenav_index h1  {
	font: 12px/17px Verdana, Arial, Helvetica, sans-serif;	
	color: #5a8f4d;
	font-style: italic;
	margin-top: 20px; padding: 0;
	text-align: left;
	}	
	
#sidenav_index ul {list-style-type:none; margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px dotted #5a8f4d}

#sidenav_index li {padding: 4px 0px 0px 0px;}	

#sidenav_index a	 {
	width: 125px;
	font: 11px/19px Verdana, Arial, Helvetica, sans-serif;	
	color: #5a8f4d;
	text-decoration: none;
	margin-top: 0px; padding: 0;
	text-align: left;
	}	
	
#sidenav_index a:hover	 {
	color: #d7682a;
	}	
	
#sidenav_index a.line	 {
	text-decoration: underline;
	}		
		
/* index page main content */	
	
#main_index  {
	width: 550px;
	position: relative;
	top: 150px;
	margin: 0px 0px 0px 200px;
	padding-top: 250px;
	padding-bottom: 160px;
	background-image: url('images/index_wellness.jpg');
	background-position: left top;
	background-repeat: no-repeat;
	z-index: 1;
	}		
	
#main_index p  {
	width: 330px;
	font: 12px/17px Verdana, Arial, Helvetica, sans-serif;	
	color: #59595a;
	margin-top: 0px; 
	margin-left: 10px;
	padding: 0px;
	text-align: left;
	}
	
#main_index a	 {
	font: 12px/19px Verdana, Arial, Helvetica, sans-serif;	
	color: #5a8f4d;
	text-decoration: underline;
	margin-top: 0px; padding: 0;
	text-align: left;
	display: inline;
	}	
	
#main_index a:hover	 {
	color: #d7682a;
	}		
	
/* index page right column */		
#right_column  {
	position: absolute;
	left: 550px;
	top: 400px;
	width: 160px;
	margin: 0px 0px 10px 0px;
	border-left: 1px dotted #bbcaad;
	padding-left: 10px;
	z-index: 10;
	}
	
#right_column p  {
	width: 160px;
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;	
	color: #59595a;
	margin: 0px 0px 15px 0px; 
	padding: 0;
	text-align: left;
	}
	
#right_column b	 {
	font: 11px/19px Verdana, Arial, Helvetica, sans-serif;	
	color: #5a8f4d;
	text-decoration: none;
	font-weight: normal;
	margin-top: 0px; padding: 0;
	text-align: left;
	display: inline;
	}		
	
#right_column h1  {
	width: 160px;
	font: 12px/17px Verdana, Arial, Helvetica, sans-serif;	
	color: #5a8f4d;
	font-style: italic;
	margin: 0px 0px 10px 0px; 
	padding: 0;
	text-align: left;
	}	
	
#right_column a	 {
	font: 11px/19px Verdana, Arial, Helvetica, sans-serif;	
	color: #5a8f4d;
	text-decoration: underline;
	margin-top: 0px; padding: 0;
	text-align: left;
	display: inline;
	}	
	
#right_column a:hover	 {
	color: #d7682a;
	}		


/*secondary pages*/	

#wrapper {
   	width: 750px; margin: 0px auto;
	position: relative;
	border: 6px solid #ffffff;
   	text-align: left;
   	padding: 0px;
	background-color: #ffffff;
	background-image: url('images/banner.gif');
	background-position: top left;
	background-repeat: no-repeat;
	}		
	
/* side bar */	

#sidenav  {
	position: absolute;
	left:0px;
	top:0px;
	width: 175px;
	margin: 70px 4px 0px 0px;
	padding: 10px;
	}
	
#sidenav p  {
	font: 12px/17px Verdana, Arial, Helvetica, sans-serif;	
	color: #59595a;
	margin-top: 0px; padding: 0;
	text-align: left;
	}
	
#sidenav h1  {
	font: 12px/17px Verdana, Arial, Helvetica, sans-serif;	
	color: #5a8f4d;
	font-style: italic;
	margin-top: 20px; padding: 0;
	text-align: left;
	}	
	
#sidenav ul {list-style-type:none; margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px dotted #5a8f4d}

#sidenav li {padding: 4px 0px 0px 0px;}	

#sidenav li.indent {list-style: disc outside; color: #5a8f4d; margin: 0px 0px 0px 15px; padding: 0px 0px 0px 5px;}	
#sidenav li.indent_on {list-style: disc outside; color: #d7682a; margin: 0px 0px 0px 15px; padding: 0px 0px 0px 5px;}	

#sidenav a	 {
	width: 125px;
	font: 11px/19px Verdana, Arial, Helvetica, sans-serif;	
	color: #5a8f4d;
	text-decoration: none;
	margin-top: 0px; padding: 0;
	text-align: left;
	}	
	
#sidenav a:hover	 {
	color: #d7682a;
	}	
	
#sidenav a.on	 {
	color: #d7682a;
	font-style: italic;
	}		
	
#sidenav a.line	 {
	text-decoration: underline;
	}			

/*main content*/
#main  {
	position: relative;
	width: 540px;
	height: auto;
	top: 100px;
	margin: 0px 0px 0px 200px;
	padding-top: 0px;
	padding-bottom: 150px;
	}		
	
	
#main p  {
	width: 515px;
	font: 12px/17px Verdana, Arial, Helvetica, sans-serif;	
	color: #59595a;
	margin: 0px 0px 10px 10px;
	padding: 0px;
	text-align: left;
	}
	
#main p.nospace  {
	width: 515px;
	font: 12px/17px Verdana, Arial, Helvetica, sans-serif;	
	color: #59595a;
	margin: 0px 0px 2px 10px;
	padding: 0px;
	text-align: left;
	}	
	
	
#main h1  {
	width: 515px;
	font: 28px/30px Verdana, Arial, Helvetica, sans-serif;	
	color: #5a8f4d;
	font-style: italic;
	font-weight: 100;
	margin: 0px 0px 15px 10px;
	padding: 5px 0px 10px 0px;
	text-align: left;
	}	
	
#main_homeshui {
	width: 515px; font: 12px/17px Verdana, Arial, Helvetica, sans-serif;	 color: #59595a;
	margin: 0px; padding: 0px; text-align: left;	
	background-image: url(images/homeshui.jpg); background-position: left top; background-repeat: no-repeat;
	}	
	
#main_naturopathic {
	width: 515px; font: 12px/17px Verdana, Arial, Helvetica, sans-serif;	 color: #59595a;
	margin: 0px; padding: 0px; text-align: left;	
	background-image: url(images/naturopathic.jpg); background-position: left top; background-repeat: no-repeat;
	}	
	
#main_wholefoods {
	width: 515px; font: 12px/17px Verdana, Arial, Helvetica, sans-serif;	 color: #59595a;
	margin: 0px; padding: 0px; text-align: left;	
	background-image: url(images/wholefoods.jpg); background-position: left top; background-repeat: no-repeat;
	}		
	
#main_wholebody {
	width: 515px; font: 12px/17px Verdana, Arial, Helvetica, sans-serif;	 color: #59595a;
	margin: 0px; padding: 0px; text-align: left;	
	background-image: url(images/wholebody.jpg); background-position: left top; background-repeat: no-repeat;
	}		
	
#main_lifestyle {
	width: 515px; font: 12px/17px Verdana, Arial, Helvetica, sans-serif;	 color: #59595a;
	margin: 0px; padding: 0px; text-align: left;	
	background-image: url(images/lifestyle.jpg); background-position: left top; background-repeat: no-repeat;
	}			
	
#main_movement {
	width: 515px; font: 12px/17px Verdana, Arial, Helvetica, sans-serif;	 color: #59595a;
	margin: 0px; padding: 0px; text-align: left;	
	background-image: url(images/movement.jpg); background-position: left top; background-repeat: no-repeat;
	}			

#main_calmmind {
	width: 515px; font: 12px/17px Verdana, Arial, Helvetica, sans-serif;	 color: #59595a;
	margin: 0px; padding: 0px; text-align: left;	
	background-image: url(images/calmmind.jpg); background-position: left top; background-repeat: no-repeat;
	}			
	
#main_sleep {
	width: 515px; font: 12px/17px Verdana, Arial, Helvetica, sans-serif;	 color: #59595a;
	margin: 0px; padding: 0px; text-align: left;	
	background-image: url(images/sleep.jpg); background-position: left top; background-repeat: no-repeat;
	}			
	
#main_kids {
	width: 515px; font: 12px/17px Verdana, Arial, Helvetica, sans-serif;	 color: #59595a;
	margin: 0px; padding: 0px; text-align: left;	
	background-image: url(images/kids.jpg); background-position: left top; background-repeat: no-repeat;
	}				

#main_about {
	width: 515px; font: 12px/17px Verdana, Arial, Helvetica, sans-serif;	 color: #59595a;
	margin: 0px; padding: 0px; text-align: left;	
	background-image: url(images/drmccully.jpg); background-position: left top; background-repeat: no-repeat;
	}				
	
#main_detox {
	width: 515px; font: 12px/17px Verdana, Arial, Helvetica, sans-serif;	 color: #59595a;
	margin: 0px; padding: 0px; text-align: left;	
	background-image: url(images/detox.jpg); background-position: left top; background-repeat: no-repeat;
	}					



#subheader {
	width: 380px; margin: 0px 0px 0px 130px; text-align: left;
	}
	
#subheader p  {
	width: 380px; padding: 0px 0px 3px 0px; text-align: left;
	}	
	
#subheader h1  {
	width: 380px; padding-top: 30px; text-align: left;
	}	
	
#main h2  {
	width: 515px;
	font: 16px/17px Verdana, Arial, Helvetica, sans-serif;	
	color: #5a8f4d;
	font-style: italic;
	font-weight: 100;
	margin: 0px 0px 5px 10px;
	padding: 0px;
	text-align: left;
	}		
	
#main h3  {		
	font: 14px/14px Verdana, Arial, Helvetica, sans-serif;	
	color: #5a8f4d;
	font-style: italic;
	font-weight: 100;
	margin: 20px 0px 5px 10px;
	padding: 0px;
	text-align: left;
	}	

	
#main h4  {
	width: 515px;
	font: 16px/17px Verdana, Arial, Helvetica, sans-serif;	
	color: #5a8f4d;
	font-style: italic;
	font-weight: 100;
	margin: 25px 0px 5px 10px;
	padding: 0px;
	text-align: left;
	}		
		
	
#main a	 {
	font: 12px/19px Verdana, Arial, Helvetica, sans-serif;	
	color: #5a8f4d;
	text-decoration: underline;
	margin-top: 0px; padding: 0;
	text-align: left;
	display: inline;
	}	
	
#main a:hover	 {
	color: #d7682a;
	}				
	
#main a.next	 {
	font: 12px/19px Verdana, Arial, Helvetica, sans-serif;	
	color: #5a8f4d;
	text-decoration: underline;
	margin-top: 0px; padding: 0;
	text-align: left;
	}		
	
#main ul {width: 475px; list-style-type:disc; margin: 0px; padding: 0px 0px 10px 20px; list-style-position:inside;}
#main ul.conditions {width: 300px; list-style-type:disc; margin: 0px; padding: 0px 0px 10px 20px; list-style-position:inside;}

#main ol {width: 450px; list-style-type: decimal; margin-left: 15px; padding-left: 30px; list-style-position: outside;}

#main li {padding: 0px 0px 0px 0px;}	

#main p.times {
	font-style:italic;
	font-size: 11px;
	

}

#main p.last {
	border-width: 0px 0px 1px 0px;
	border-style: dotted;
	padding: 0px 0px 8px 0px;
}

/*services page content*/	
#services_naturopathic {
	width: 515px; font: 12px/17px Verdana, Arial, Helvetica, sans-serif;	
	color: #59595a; margin-bottom: 10px; padding: 5px; text-align: left; 
	background-image: url(images/naturopathic_small.jpg); background-position: left top; background-repeat: no-repeat;
	}
	
#services_wholefoods {
	width: 515px; font: 12px/17px Verdana, Arial, Helvetica, sans-serif;	color: #59595a;
	margin-bottom: 10px; padding: 5px; text-align: left;	
	background-image: url(images/wholefoods_small.jpg); background-position: left top; background-repeat: no-repeat;
	}		
	
#services_wholebody {
	width: 515px; font: 12px/17px Verdana, Arial, Helvetica, sans-serif;	 color: #59595a;
	margin-bottom: 10px; padding: 5px; text-align: left;	
	background-image: url(images/wholebody_small.jpg); background-position: left top; background-repeat: no-repeat;
	}		
	
	
#services_homeshui {
	width: 515px; font: 12px/17px Verdana, Arial, Helvetica, sans-serif;	 color: #59595a;
	margin-bottom: 10px; padding: 5px; text-align: left;	
	background-image: url(images/homeshui_small.jpg); background-position: left top; background-repeat: no-repeat;
	}
		
	
#services_lifestyle {
	width: 515px; font: 12px/17px Verdana, Arial, Helvetica, sans-serif;	 color: #59595a;
	margin-bottom: 20px; padding: 5px; text-align: left;	
	background-image: url(images/lifestyle_small.jpg); background-position: left top; background-repeat: no-repeat;
	}
		
	
#services_kids {
	width: 515px; font: 12px/17px Verdana, Arial, Helvetica, sans-serif;	 color: #59595a;
	margin-bottom: 10px; padding: 10px 5px 5px 5px;  text-align: left;	
	background-image: url(images/kids_small.jpg); background-position: left top; background-repeat: no-repeat;
	}
				
	
#indent {
	width: 400px; margin: 20px 0px 0px 110px; text-align: left;
	}
	
#indent p  {
	width: 400px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left;
	}	
	
	
#indent h3  {
	width: 400px; margin: 15px 0px 5px 0px; padding: 0px; text-align: left;
	}	
		
#footer {
   	width: 750px; margin: 0px auto;
	margin-top: 5px;
	border: 0px;
   	text-align: left;
   	padding-left: 10px;
	z-index: 100000;
	}		
	
#footer p {
   	font: 10px/14px Verdana, Arial, Helvetica, sans-serif;	 
	color: #59595a;

	}			
	
#footer a {
	font: 11px Verdana, Arial, Helvetica, sans-serif;	
	color: #5a8f4d;
	text-decoration: underline;
	margin-top: 0px; padding: 0;
	text-align: left;
	display: inline;
	}	
	
#footer a:hover	 {
	color: #d7682a;
	}				
	