#wrapper { position: relative; background:#d3dfd1; width: 970px; }
#content2 { position: absolute;  top: 172px; width: 950px; padding-left: 0px; padding-right: 0px; margin-left: 200px; margin-right: 200px; text-align: left; background:#d3dfd1;}
#header { width: 950px; padding-left: 0px; padding-right: 0px; margin-left: 200px; margin-right: 200px; text-align: left;  position: absolute; height: 150px; top: 4; }


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/simple_dropline.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* for this demo only */
#nav {margin:20px 0 40px 0;}

/* the styling */
#nav {width:700px; height:20px; background:#476745; position:relative; 	font-family: Georgia, serif;}

#nav .select, #nav .current {margin:0; padding:0; list-style:none;}

#nav li {display:inline; margin:0; padding:0; height:auto;}

#nav .select a,
#nav .current a {display:block; height:20px; float:left; background:#476745; padding:0 10px 0 10px; text-decoration:none; font-size:12px; line-height:20px; white-space:nowrap; border-right:1px solid #fff; color:#fff;}
* html #nav .select a, * html #nav .current a {width:1px; height:21px;}


#nav .select a:hover, 
#nav .select li:hover a {background:#6b9d67; cursor:pointer; color:#ff0;}

#nav .sub {display:none;}

/* for IE5.5 and IE6 only */
#nav table {position:absolute; border-collapse:collapse; left:0; top:0;}

#nav .current a {background:#6b9d67; color:#ff0;}


#nav .sub li a:hover, 
#nav .select a:hover .sub li a:hover, 
#nav .select li:hover .sub li a:hover {background:#476745; color:#ff0;}

#nav .sub_active .current_sub a, 
#nav .sub_active a:hover {background:#6b9d67; color:#ff0;}

#nav .select li a:hover .sub, 
#nav .select li:hover .sub {display:block; position:absolute; width:700px; top:20px; left:0; background:#476745; margin-top:0; padding:0; z-index:100; color:#fff; font-size:11px;}

#nav .sub, #nav .sub_active {margin:0; padding:0; list-style:none;}

#nav .sub_active {display:block; position:absolute; width:700px; top:20px; left:0; background:#6b9d67; margin-top:0; padding:0; z-index:10;}
* html #nav .sub_active, * html #nav .select a:hover .sub {z-index:-1; margin-top:0; margin-t\op:1px;}

#nav .sub_active a {height:21px; text-decoration:none; line-height:20px; white-space:nowrap; display:block; float:left; background:#6b9d67; padding:5px 10px 10px 10px; margin:0; font-size:12px; white-space:nowrap; border:0; color:#fff;}

#nav .select a:hover .sub li a, 
#nav .select li:hover .sub li a {display:block; background:#6b9d67; padding:5px 10px 10px 10px; margin:0; white-space:nowrap; border:0; color:#fff; font-size:12px;}

table.topper {background:#adc7ab; padding: 0; border-collapse: collapse;}

h1 {font-family: Georgia, serif; font-weight : bold;font-size : 14px; color : #ffffff;text-decoration : none;  text-align:left; background-color : #476745; text-indent : 8px; margin:0; margin-bottom:.5em;}
h2 {font-family: Georgia, serif; font-weight : bold;font-size : 14px; color : #476745;text-decoration : none;  text-align:left; background-color : #aec7aa; text-indent : 8px; margin-top: 10px; margin-bottom:.5em;}
h6 {font-family: Georgia, serif; font-weight : bold;font-size : 14px; color : #ffffff;text-decoration : none;  text-align:left; background-color : #476745; text-indent : 8px; margin:0; margin-bottom:.5em;}

td.quicklink {background-image: url(http://goldenheartyoga.com/images/quicklink.jpg);  height: 50px; text-align: center;}
td.follow {text-align: center; font-family: Georgia, serif; font-weight : bold;font-size : 11px; color : #476745; background: #ccb685;}

a.quickie {color : #183d1d; text-decoration: none; font-size : 14px; font-weight : bold; background-color : #none;	}
a.quickie:hover {color : #ffffff; background-color : #476745;}

a.body {color : #183d1d; text-decoration: none; font-size : 14px; font-weight : bold; }
a.body:hover {color : #ffffff; background-color : #476745;}

a.footerlink {color : #183d1d; text-decoration: none; font-size : 11px; font-weight : bold; }
a.footerlink:hover {color : #ffffff; background-color : #476745;}

a.xmlsitemap {font-size : 12px; color : #c0c0c0; text-decoration: none; }

ul.heart {list-style-image: url(http://goldenheartyoga.com/images/heart.gif);  line-height: 120%; text-align: left; margin-right: 50px; margin-left: 50px; }

body {background-color:#a29062; color: #476745;}

#col1 { float:left;  width:154px; margin-left:5px; margin-right: 15px; margin-top:10px;}
#col2 {  float:left;  width:545px; margin-top:10px;}
#col3 {  float:left;  width:200px; margin-left:15px; margin-right: 0px; margin-top:10px;}
#col4 {  float:left;  width:745px; margin-left:15px; margin-right: 0px; margin-top:11px;}
#footer {  clear:both; margin-top: 20px; margin-bottom: 0px; text-align: center; font-size : 11px;}
#tail {  clear:both; margin-top: 20px; text-align: center; background-color:#a29062; font-size : 12px; color : #c0c0c0;}

