﻿/* Diane McLaren Natural Health Practitioner mclstyle */

body{font-family:  Helvetica, Arial,  sans-serif;  margin:auto; text-align:left; background-color:#fff; color: #333333; font-size:16px;line-height:180%; }

p {}
li {}
address {	font-size:12px}
a {	 color: #669900 ;}

h1 {margin: 12px 0px 12px 8px;	font-size: 26px;color:   #665; 	letter-spacing: 2px;	line-height:28px;	padding-bottom: 33px;	}
h2 {color: #665;	margin: 0 0 20px 0;	font-size:24px;}
h3 {color: #665;	margin: 5px 0 20px 0;	font-size:16px;}

#sitewrap {	display: table;	width: 760px;	margin: 0 auto; text-align: left}
#siteheader { width: 246px; height: 46px; float: left; padding: 20px 0 15px 0;}
/* -------------------------------------------- image.big text splash   */
#splash {width: 500px;	height: 150px;	padding: 80px 0px 0px 0px;	border-bottom: 1px #C0C0C0  solid;	background: url('../images/dianemclaren.jpg') no-repeat right top;
	text-align:left;	color:#666;}


/* -------------------------------------------- nav   */

#nav {	clear: both;	width: 758px;	height: 24px;	text-align: left;	border-top: 1px #666666 solid;	border-bottom: 1px #666666 solid; }
#nav ul {	list-style:  none;	margin: 0;	padding: 0;}
#nav ul li {	margin: 0;	float: right;}
#nav a {	float: left;	font-size: 14px;	font-weight: bold;	letter-spacing: 0px;	padding: 2px 6px 0px 6px;	color: #666666;	text-decoration: none;}
#nav a:hover {	color: #669900;	  text-decoration:underline;}

/* -------------------------------------------- left panel   */

#leftpanel {	width: 230px;	float: left;	border:0;	margin:0;}

.leftitem {	margin: 5px 0 30px 0;	text-align: left;	padding: 0;	}
.leftitem span {	color: #333;}
.leftitem h2 {	font-size:14px;	color: #669900;	margin: 0 0 10px 0;	text-align:justify;}
.leftitem h3 {	font-size:12px;	margin: 5px 0 5px 0;padding-left: 0px;	letter-spacing: 0px;	font-size: 12px;	text-align:justify;	color: #666;}
.leftitem p {	margin: 4px 0 4px 0;	padding: 0px;	font-size: 12px;	text-align: left;	color: #665;	 line-height:170%;}
.leftitem a{	color: #669900 ;font-size: 12px;	text-decoration:none;  line-height:120%; font-weight:bold}
.leftitem a:hover{	color:#669900;	text-decoration:underline;}


/* -------------------------------------------- main right container   */

.rightcontainer {	width: 500px;	float: right;}
/* -------------------------------------------- main site content   */
#sitecontent {	margin-top: 10px;	padding-left: 10px;	width: 500px;	float: right;	text-align:left;}



#sitecontent .left {	float: left;}
#sitecontent .right {	float: right;}



/* -------------------------------------------- footer   */
#footer {
	float: left;
	margin-top: 10px;
	padding-top: 3px;
	width: 760px;
	border-top: 1px #666666 solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align:center
}

#footer a {
	color: #80aa11;
}

a:visited {
	color: #80aa11;
}

#footer a:active {
	color: #80aa11;
}

#footer a:hover {
	color: #666666;
}

