/*#content-main {background-color: yellow;}*/
/*#content-supp {background-color: silver;}*/
/*#nav-section {background-color: silver;}*/
/*#content-tools {background-color: aqua;	}*/
/*	#gutter {background-color: Fuchsia;}	*/
/*#footer {background-color: navy;}*/
/*#footer ul {background: red;}*/
/*#footer p {background: blue;}*/
/*.content-feature {background: blue;}
.content-courses {background: red;}*/

/* <![CDATA[ */

* {
margin:0;
padding:0;
border: 0;

}

body{
margin:0px;
padding:0px;
background: #fff;
color:#777777;
behavior: url(hover.htc);
}

.hide {
	display: none;
}

q {
	font-style: italic;
}

q:before, q:after {
    content: ""; }

abbr[title] { 
	font-variant: small-caps; 
	border-bottom:1px dotted #bbb;
}
span.abbr {
  border-bottom-width: 1px;
  border-bottom-style: dotted;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
/*-- Layout (http://www.maxdesign.com.au/presentation/liquid/example10.htm) */
#container {
	position: relative;
	margin: 0 auto;
	min-width: 850px;
}
#gutter {
float:left;
width:3%;
height:1px;
}

#content-main {/* center */
float: left;
width: 48%;
margin-bottom: 30px;
margin-left: 3%;
}
		
#content-supp, #nav-section {/* left */
float: left;
width: 20%;
margin-bottom: 30px;
}

#content-supp img {
	margin: 0em 0 1em 0em;
}

#nav-section {
	margin-top: 3.5em;
}
	
#home #content-tools {/* right */
float: left;
width: 20%;
margin-left: 3%;
margin-bottom: 30px;
}

#content-tools {/* right */
float: left;
width: 20%;
margin-top: 3.5em;
margin-left: 3%;
margin-bottom: 30px;
}

#content-tools div {
	margin-bottom: 2em;
}

#footer{
clear:both;
height:80px;
background: #F6FAEE url(images/10_footer.gif) repeat-x;
}

#footer ul{
float:left;
width: 55%; 
margin-left: 50px!important;
margin-left: 25px;
}

#footer li{
display: inline;
}

#footer p{
float: right;
width: 35%;
padding-right: 5%;
text-align: right;
}

#content-news {
	clear: both;
	margin-top: 2.5em;
	background: transparent url(images/dots-alink.gif) repeat-x 0 0;
}

.content-feature {/* see ie6.css for hacks */
	float: left;
	width: 47%;
	margin-left: 2%;
	
}

.content-feature h3 a, #content-tools div.idp h3 a {
	padding-left: 1em;
}

.content-feature h3 span, #content-tools h3 span {
	background: url(badge-6pointed-40x40.jpg) no-repeat bottom left;
	display: block;
	float: left;
	margin: -1em/*-2em*/;
	padding-top: .5em/*.8em*/;
	text-indent: -9000px;
	width:40px; 
	height:40px;

}

.content-courses {/* see ie6.css for hacks */
	float: right;
	width: 47%;
	background: transparent url(images/dots-vertical.gif) repeat-y 0 100%;
	padding-left: 3%;
}


dt.new {
	background: transparent url(badge-6pointed-40x40.jpg) no-repeat 0% 0%;
	margin-top:10px;
	padding: 0px 0px 0 0px;
	font-weight: bold;
	height: 40px;
}

dt.new a {
	padding-left: 40px;
}


/* hack for Opera 7+ */
@media all and (min-width: 0px){
.operahack
	{
	width: 45% !important;
	}
.content-courses, .contact-mail {
	padding-left: 2em !important;
}
.content-courses, .contact-mail {
	padding-right: 1em !important;
}
/* But Opera 9 does it right, so CSS3 hax to the max */
div[id^="content-news"] .content-feature .operahack, .contact-location .operahack
	{
	width: 30% !important;
	}
div[id^="content-news"] .content-courses .operahack, .contact-mail .operahack
	{
	width: 30% !important;
	}
}


.contact-location {/* see ie6.css for hacks */
	float: left;
	width: 47%;
	margin-left: 2%;
	
}
.contact-mail {/* see ie6.css for hacks */
	float: right;
	width: 47%;
	padding-left: 3%;
}


/*-- Header (Image Replacement - http://www.zeldman.com) */

#header{
height: 180px;
background:url(images/13_bg4.gif) #fff repeat-x;
}

#header h1 a {
	display: block;
	float: left;
	margin: 0;
	text-decoration: none;
	text-indent: -9000px;
	width:377px; /*image width + padding background position side*/
	height:110px; /*image height + padding background position top*/
	background:url(images/10_logo.gif) no-repeat 50px 50px;
}

#nav-supp {
	float:right;
	margin :120px 3em 0 0;
	position:relative;
	font-size: 0.9em;
}

#nav-supp li {
display: inline;
list-style-type: none;
padding-right: 1em;  /*adds space between the vertical bars adn text (&#124;) */
}

/*-- Global Navigation -- */

#nav-container	{
	position:relative;
	height: 27px;
	margin: 0px 0 30px 3%;
	padding: 0;
	border: 0;
	background: #ffffff;
}
#nav	{
	height: 27px;
	background: transparent url(images/10_nav3.gif) no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
}

#nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}
#nav li, #nav a {
	height: 27px;
	display: block;
}
#nav li a {
	text-indent: -9999px;
	text-decoration: none;
}

#one {left: 0px;	width: 128px;}
#two {left: 129px;	width: 128px;}
#three {left: 258px; width: 128px;}
#four {left: 387px; width: 128px;}
#five{left: 516px; width: 128px;}
#six {left: 645px; width: 128px;}

#one a:hover, #one.active a  {background: transparent url(images/10_nav3.gif) 0px -27px no-repeat;}
#two a:hover, #two.active a {background: transparent url(images/10_nav3.gif) -129px -27px no-repeat;}
#three a:hover, #three.active a {background: transparent url(images/10_nav3.gif) -258px -27px no-repeat;}
#four a:hover, #four.active a {background: transparent url(images/10_nav3.gif) -387px -27px no-repeat;}
#five a:hover, #five.active a {background: transparent url(images/10_nav3.gif) -516px -27px no-repeat;}
#six a:hover, #six.active a {background: transparent url(images/10_nav3.gif) -645px -27px no-repeat;}

body#home #one {background: transparent url(images/10_nav3.gif) -0px -27px no-repeat;}
body#services #two {background: transparent url(images/10_nav3.gif) -129px -27px no-repeat;}
body#appointments #three {background: transparent url(images/10_nav3.gif) -258px -27px no-repeat;}
body#products #four {background: transparent url(images/10_nav3.gif) -387px -27px no-repeat;}
body#courses #five {background: transparent url(images/10_nav3.gif) -516px -27px no-repeat;}
body#resources #six {background: transparent url(images/10_nav3.gif) -645px -27px no-repeat;}
	


/*-- Links */

:link, :visited { text-decoration: underline; }
:link { color: #c03e16; }
:visited { color: #c03e16; }
:link:hover, :visited:hover { text-decoration: none; }
:link:active, :visited:active { color: #556B2F;}

/* header vertical links */
#nav-supp li :link, #nav-supp li :visited, #nav-supp li :link:active, #nav-supp li :visited:active {
	color: #660;
	text-decoration: none;
	border: none;
	padding-bottom: 1px;
	margin-right: 1em; /* adds space between the vertical bars adn text (&#124;) */
	background: url(images/dots-alink.gif) repeat-x 0 100%;
}

#nav-supp li :link:hover, #nav-supp li :visited:hover {border: none;
	background: none;
}

#nav-supp li :link:active, #nav-supp li :visited:active{border: none;
	color:black;

}

/*-- Lists */

ol { /* quality page */
	margin-top: 1em;
}

ol li {
	padding-bottom: 1em;
}

#content-main ul, #content-main ol {
	margin-left: 3em;
	margin-bottom: 1em;
}

#nav-section ul {
	list-style: disc;
	margin-left: 2em;
	margin-bottom: 3em;
}

dl {
	margin: 0 0 2em 2em;
}
dt { 
padding : .5em 0 0 0; 
margin : 0; 
font-weight : bold; 
font-size : 100%; 
}

dd { 
padding : 0; 
margin : 0; 
}

.content-courses dl {
	margin: 0;
}

.content-courses dt {
	padding: 0;
	font-weight: bold;
}

.content-courses dd {
	padding: 10px 0 0px 0;
}
/*.content-courses dd.location {  adjust length of green border
	padding-bottom: 5em;
}*/

/*-- Forms */

form {font-size: 0.9em; margin-bottom: 2em;}
form dl {
	margin: 00;
}
form dt {margin: 1.5em 0 0.25em 0; color: #666;
  font-weight: bold; text-transform: uppercase; letter-spacing: 1px;}
form dt strong {font-weight: normal; font-style: italic; text-transform: none; letter-spacing: 0;}
form dt strong code {font-style: normal; font-size: 1.1em;}
form dd {margin-bottom: 1em;}
form .text {width: 100%;}
form .image {
	background-color: white;
}
form .image:hover {
	background-color: #000;
}
form input[type="text"]  { /*background: #FBFAF4;*/
  border: 2px solid; border-color: #999 #D9D9D9 #D9D9D9 #999;}

/*-- Tables (on terms page) */
table {
	border-collapse:separate;
	border-spacing:0;
}

th, td {text-align: left; vertical-align: top; }
th {font-weight: bold;}

/*-- Typography & Color */

body {
	font-size: 80%; 
	font-family: Georgia, "Lucida Grande",Tahoma,Arial,sans-serif;
	font-weight: normal;
	line-height: 1.8em;
}
h1,h2,h3,h4,h5{
	color: #666666;
}

h1 {
	font-size: 2em;
	font-weight: bold;
}
h2, #nav-section h4 {
	font-size: 160%;
	font-weight: normal;
	font-style: italic;
	margin: 0 0 1em 0;
}

#content-main h2 {
	display: block;
	width: 300px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 1em;
}

div.hours h2 {
	font-size: 150%;
	font-weight: normal;
	font-style: italic;
	margin: 1em 0 .5em 0;
}
div.hours p {
	margin: 0em 0 0em 1.5em;
}

h2#newsletter {
	width: 100%;
	background: transparent url(images/dots-alink.gif) repeat-x 0 0;
	padding-top: 1em;
	margin-top: 2.5em;
}

h3 {
	font-size: 140%;
	margin: 1em 0 1em 0;
	font-weight: normal;
	color: #660;
	/*border-top: 1px solid #d0e4a4;
	border-bottom: 1px solid #d0e4a4;
	margin-right:60%;*/
}

.content-feature h3, .content-courses h3 {
	font-size: 140%;
	margin: 0 0 .5em 0;
	font-weight: normal;/*color: #660;*/
}


#services h3 {
	color: #c03e16;
}

h4, h5{
	font-size: 1em;
	margin: 0 0 .5em 0;
	font-weight: bold;
}

p {
	margin: 0 0 1em 0;
}

p,ul,ol,li,address {
	font-size: 1em;
	line-height: 1.8em;
	font-style: normal;
	font-weight: normal;
}

blockquote {
	padding-left: 33px;
	background: url(images/quotemarks.gif) no-repeat 10px 2px;
	}

code{
	font-family: monospace; white-space: pre; font-size: 1.25em;
}

a.external:link, a.external:visited, a.external:active { /* see ie6.css adn ie7.css for hacks */
	background: transparent url(images/ext.gif) no-repeat 100% 0;
	padding: 0 12px 0 0 ;
}

/*a.external span {
	display: none;
}*/

/*-- Footnotes */
#content-footnotes { 
	position : absolute; 
	left : -9999px; 
}

a.longdesc { 
	position : absolute; 
	left : -9999px; 
}

/*-- Home Page */
p.news {
	display: block;
	width: 80%;
	margin: 0 auto;
	color: #660;
	font-weight: bold;
	padding-left: 1em;
}

.dropcap {
  float: left;
  font-size: 40pt;
  line-height: 0.8em;
	font-weight: normal;
  margin-right: 3px;
}

/*-- About Page */
#about #content-main img {
	float: right;
	padding: 0 0 0 15px;
}

blockquote.pql { /*pull quote left*/
background: none;
width: 200px; 
margin: 5px 15px 5px 0; 
padding: 5px 0; border: 3px double #aaa; 
border-width: 3px 0; 
font-size: 1.3em;  
text-align: center; 
float: left; 
}
blockquote.pql span {
display: none;}

blockquote.pql small {
display: block;
font-size: 0.8em;
font-style: italic;}

blockquote.pqr {  /*pull quote right*/
background: none;
width: 200px; 
margin: 5px 0 5px 15px; 
padding: 5px 0; 
border: 3px double #aaa; 
border-width: 3px 0; 
font-size: 1.3em; 
text-align: center; 
float: right; 
}

blockquote.pqr span {
display: none;}

blockquote.pqr small {
display: block;
font-size: 0.8em;
font-style: italic;}

/*-- Contact Page */
#map {
	margin-top: 2.5em;
	width: 370px; height: 270px;
}

#contact img {
vertical-align: text-bottom;
}

#email {
	background: url(images/email_link02.gif) no-repeat;
	border: 0;
	display: block;
	height: 14px;
	width: 206px;
	margin: 3px 0 2px 0;
	
}

a#email:hover {
	background: url(images/email_hover02.gif) no-repeat;
}

/*-- Iridology Page */
#iridology #content-main img {
	display: block;
	margin: 0 auto;
	margin-top: 2em;
	border: 1px solid #660;
}

/*-- Persian Humoural Page */
#humoural #content-main img {
	display: block;
	margin: 0 auto;
	margin-top: 2em;
	margin-bottom: 2em;
	padding: 10px;
	border: 1px solid #660;
}


/*-- TCM Page */
.seperator {
	display: block;
	text-align: center;
}

/*-- Courses Page */
#treelite {
	display: block;
	width: 100%;
	height: 118px;
	padding-bottom: 1em;
}

#treelite img {
	float: left;
	padding: 0 20px 0 0;
}

#treelite p {
	padding: 20px 0 0 0;
}

div.seminar-info {
	margin-bottom: 2em;
}

.seminar-intro {
	font-style: italic;
	display: block;
	width: 70%;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 2em;
}

div.course-info {
	margin: 3em 0 2em 0;
}


div.seminar-info h4 { font-variant: small-caps; }

.content-info	{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 30px;
	}
	
.info-label	{
	display: block;
	float: left;
	width: 80px;
	}

.info-data {
		padding-top: 7px;
	}

.body-lead	{ 
	margin: 0px 0px 30px 0px;
	padding: 0px 0 0 0;
	}
	
.body-lead	.info-label	{
	float: left;
	width: 80px;
	margin: 0px;
	padding: 7px 0px 0px 30px;
	}

.body-lead	.info-data	{
	padding-top: 7px;
	}
	
	.body-lead	.info-data-topic	{
	padding-top: 7px;
	font-style: italic;
	}
	
.body-lead	dd	{ 
	margin: 0px 0px 0px 110px;
	padding: 0px 0px 0px 0px;
	}
	
	
#email2 {
	background: url(images/email_link.gif) no-repeat;
	border: 0;
	display: block;
	height: 14px;
	width: 206px;
	margin: 5px 0 0px 100px;
	
}

a#email2:hover {
	background: url(images/email_hover.gif) no-repeat;
}

#emailelaine {
	background: url(images/email_link_elaine.gif) no-repeat;
	border: 0;
	display: block;
	height: 14px;
	width: 193px;
	margin: 5px 0 0px 80px;
	
}

a#emailelaine:hover {
	background: url(images/email_hover_elaine.gif) no-repeat;
}

/*-- Products Page */
#products #content-main h4 {
margin-top: 2em;
	/*margin-left: 2em;*/
}

#products #content-main dd {
	margin-left: 1em;
}

div.border {
padding-top: 1.5em;
	background: transparent url(images/dots-alink.gif) repeat-x 100% 0;
}

/*-- Qulity Page */
#quality h4 {
	text-align: center;
}


/* ]]> */