body {background:#3f4b00 url(bg_body.gif) repeat-x; 
 color:#565656; font:80% arial, verdana, helvetica, sans-serif;}

* {margin:0; padding:0; border:0;}
.clr {clear:both;}


#outer { 
 margin:20px auto 0 auto; background:transparent url(outer.png) no-repeat; width:800px;
 height:80px; overflow:hidden;}


#myhdr a {display:block;
 width:758px; height:195px;
 background: url(enerchi2.jpg) 27px 0 no-repeat;
 text-decoration:none;}

#myhdr a span { display:none }

/* Idea for different look 
body#services #myhdr a {display:block;
 width:758px; height:75px;
 background: url(logo.png) 27px -5px no-repeat;
 text-decoration:none;}

body#services #myhdr a span { display:none }
*/

#wrapper {width:800px; margin:0 auto; overflow:hidden; background:url(wrapperbg.png) repeat-y;}

#nav {width:758px; margin:40px auto 0 auto; font-weight:bold;
 height:30px;}

#nav ul {float: left; background:#fff;
 padding: 0 8px 0 4px;
 border-bottom: solid 3px #bcd91c;
 position: relative; left: 15px;
 display: block;}

#nav ul li {display: inline; list-style-type: none;}

#nav ul li a {font-size:1.1em;
 padding: 0 0 0 17px;
 text-decoration: none;
 display: block;
 float: left;
 margin-left: 4px;}

#nav ul li a span {color:#050; 
 padding: 4px 17px 1px 0;
 display: block;
 float: left;}

#nav ul li a:hover, 
#home #homenav a, 
#about #aboutnav a, 
#services #servicenav a, 
#team #teamnav a, 
#contact #contactnav a, 
#events #eventnav a
 {background: #bcd91c url(tl.gif) no-repeat top left; padding: 0 0 0 17px;}

#nav ul li a:hover span, 
#home #homenav a span, 
#about #aboutnav a span, 
#services #servicenav a span, 
#team #teamnav a span, 
#contact #contactnav a span, 
#events #eventnav a span
 {background: #bcd91c url(tr.gif) no-repeat top right;
  padding: 4px 17px 1px 0; color: #000;}

#nav ul a:focus {border: none; outline: none;}

#inner {width:758px; margin:-72px auto 0 auto; overflow:hidden;
 clear:left;}


#content {float:left; width:440px; padding-top:72px;}
#content_full {padding-top:72px;}


#content h2, #content h3 {font-size:1.6em; color:#789838; padding:20px 0 0 20px;}
#content p {padding:10px 0 0 30px; line-height:1.5em;}

#content_full h2, #content_full h3  {font-size:1.6em; color:#789838; padding:20px 0 0 10px;}

img.left {float:left; padding:5px 15px 0 0;}
img.right {float:right; padding:5px 15px 0 5px;}

#content a:link {color:#050; font-weight:bold;}
#content a:visited, #content a:hover {color:#8ec544;}

#sidebar {margin-left:440px;}
#sidebar ul {margin-left:12px; padding-left:12px; list-style-type:disc;}
#sidebar li {padding:5px 10px 0 0;}
#sidebar h4 {font-size:1.2em; color:#7f5e17;}


#ftr {width:800px; height:41px; margin:0 auto; background:url(ftr.png) no-repeat;
 clear:both;}

#copy {width:758px; margin:0 auto; padding-bottom:10px;
 background:url(btm.jpg) no-repeat;}

#copy p.first {padding:75px 0 5px 0;}
#copy p {text-align:center; font-size:.9em;}


.box p {padding:10px 20px;}
.boxWrapper {margin:20px 0 0 14px;
 overflow:hidden; /* wrap floats */
 width:299px; /* trip haslayout to wrap floats in IE */}

.box {float:left; display:inline;
 width:281px;
 padding-bottom:16px;
 margin-left:14px;
 background:#EFD url(boxborder.png) bottom left no-repeat;}

.box h4.first{background:#DEC url(boxborder.png) 0 0 no-repeat;}

.box h4 {padding:5px 20px 0;
 font-size:1.2em;
 color:#7f5e17;}

.boxContent {overflow:hidden;
	/* if you want to fix them all the same height, do it here */
	 /* 400px - 29px header - 16px footer */
	background:url(boxborder.png) -281px 0 repeat-y;}


dl.events {margin:2em 1em 1em 2em;}
.events dt {position:relative; left:0; top:1.1em; width:6em; color:#789838; font-weight:bold;
 font-size:1.3em;}
.events dd {border-left:1px solid #bcd91c; 
 margin:0 0 0 7em; padding:0 0 .5em .5em;}
.events dd b {color:#804040; font-size:1.1em;}

ul.servicelist {color:#758721;}
ul.servicelist li {margin-left:12px; padding-left:12px;}
ul.servicelist li a, dl.contactlist a, dl.contactlist1 a {color:#050; text-decoration:none; display:block;}
ul.servicelist li a:visited, dl.contactlist a:visited, dl.contactlist1 a:visited{color:#8ec544;}
ul.servicelist li a:hover, dl.contactlist a:hover, dl.contactlist1 a:hover {color:#930;}

body.qest a#qestnav, body.qest .servicelist li.qestli
{color:#050; font-weight:bold; cursor:text; list-style:none;}


dl.contactlist {margin:0 0 0 15px; padding:10px 0 0 0;}
.contactlist dt.img {height:50px; width:44px; float:left;}
.contactlist dt.txt {font-weight:bold; color:#7f5e17; margin-left:48px;}
.contactlist dd {padding:0 0 25px 48px;}

.marina {background:url(marina.jpg) no-repeat;}
.donna {background:url(donna.jpg) no-repeat;}
.faith {background:url(faith.jpg) no-repeat;}
.natalie {background:url(natalie.jpg) no-repeat;}
.samadhi {background:url(samadhi.jpg) no-repeat;}
.kristen {background:url(kristen.jpg) no-repeat;}

dl.contactlist1 {margin:0 0 0 15px; padding:10px 0 0 0;}
.contactlist1 dt {font-weight:bold; color:#777}
.contactlist1 dd {margin:0 0 1em 1em;}

dl.classlist {margin:0 0 0 15px; padding:0 0 0 7px;}
.classlist dt {font-weight:bold; color:#789838; padding-top:10px;}
.classlist dd {margin:0 0 0 1em;}

.address {background:url(address.gif) no-repeat; height:44px; width:44px;}
.phone {background:url(phone.gif) no-repeat; height:44px; width:44px;}
.fax {background:url(fax.gif) no-repeat; height:44px; width:44px;}
.email {background:url(email.gif) no-repeat; height:44px; width:44px;}



sup {font-size:.6em;}