/*GLOBAL STYLES*/

body{background: #88924a; width: 100%; margin: 0 auto 0 auto; font: 12pt arial, helvetica, verdana sans-serif; text-decoration: none;}
html, body {min-height: 100.1%;}
ul li {list-style: none; margin: 0;}
h1 {color: #b4c25c; font: 14pt arial, helvetica, sans-serif; font-style: italic; padding: 15px 0 0 10px;  }
a {text-decoration: none; color: #88924a;}
.clear {clear: both;}
/* remove active link outline */
:focus, :active  {outline: none;}

/*HOMEPAGE*/
#wrapper {background: #fafceb url(images/home-tree.jpg) no-repeat; margin: 0 auto; width: 800px; height: 100%; min-height: 600px; clear: float; border-bottom: 8px solid #525930; padding-top: 109px;}
#columnleft {float: left; width:160px; padding-top: 0; color: #a9b946;}
#columnleft h1{margin-top: 0px;}
#categoryselect {padding-top: 0; float: right; padding-right: 10px; font: 15pt arial, helvetica, sans-serif bold; font-style: italic; margin-bottom: 5px; margin-top: -5px; }
#startshere {float: right; padding-right: 10px;}

/*HOME LEFTNAV*/
#leftnav {margin-top: -40px; *margin: 10px 0 0 0; border-bottom: 2px dotted #a2b538; clear: both;}
#leftnav li { text-align: right; width: 155px; margin-left: -40px; *margin-left: 0;}
#leftnav li a {width: 155px; color:#588344; text-align: right; padding: 3px 5px 3px 0; border: 2px dotted #a2b538; border-width: 2px 0 0 0; display: block; font-size: 10pt;}
#leftnav li a:hover, a:active {color: #fafceb; background: #d7b34f;  }

#columnright {float: left; width: 300px; margin-top: 0; *width: 280px;}

/*HOME TOPNAV*/
#topnav {float: right; margin: -3px -5px 0 0; *margin: 0; padding: 0; width: 300px; *width: 304px; border-top: 1px solid #88924a;}
#topnav li {margin: 0; padding: 0; float: left;}
#topnav li a {display: block; padding: 0; background: #fafceb; color: #88924a; font: 9pt anandale mono, century gothic, helvetica, geneva, sans-serif; border: 2px solid #88924a; margin: 0 0 0 -5px; }
#topnav li a:hover, #topnav li a:active {color: #fafceb; background: #d7b34f;} 
#factbox {margin: 80px 0 50px 20px;}
#orangebox {background: #e7d597; width: 230px; border: 1px solid #d2aa3a; font-size: 10pt; color: #d2aa3a; margin: -23px 0 0 0; padding: 20px 10px 20px 10px; min-height: 80px; *height: 80px;}
#orangebox a:hover {color: #525930;}
#spiralplant {height: 77px; background: transparent url(images/spiral-plant.jpg) center 0 no-repeat; margin-top: 80px; *margin-top: 0; width: 304px;}
#byline {font-size: 7pt; color: #88924a; float: right; padding-right: 0px; text-align: right;}
#byline a{text-decoration: underline; color: #d2aa3a;}

#columncenter {background: #e5f0a0; *background: #e5f0a0 url(images/home-logo.jpg) center -85px no-repeat; margin-top: -3px; width: 330px; min-height: 370px; float: left; border: 3px solid #88924a; padding-top: 170px; *height: 600px; *margin-top: 0;}
#homeText {width: 330px; *width: 310px; padding-left: 17px; padding-top: 10px; color: #525930; font-size: 10pt;  margin-top: -40px;}
#topleaf {float: right; margin-top: -140px; margin-left: -50px;}
#homeText  {font: 11pt arial, helvetica, sans-serif; text-align: justify; background: url(images/top-leaf-border.jpg) 70px 0 no-repeat;}
#homeText p {margin: -25px 20px 17px 10px; text-indent: 40px; padding-right: 20px; font-size: 10pt;}
#homeText img {margin: -20px 0 0 -5px ;}
#indent {margin-left: 20px; margin-top: -75px; float: right;}
#maintextbody {text-align: justify; position: absolute; width: 335px; margin-top: -45px;}
#catchphrase {font-style: italic; font-weight: bold;}

#logohome {padding: 0 0 0 0; margin: -22px 0 -135px 216px; }


/*SECTION PAGES*/
#masthead {height: 107px; background: transparent url(images/mast-head.jpg) 3px 0 no-repeat;}
#sectionwrapper {background: #fff url(images/left-column_bg.jpg) 0 0 repeat-y; margin: 0 auto; width: 800px; height: auto; min-height: 100%; padding-bottom: 50px; }
#section-column-left { background: transparent; width: 190px; height: auto; min-height: 100%; float: left; margin-top: -107px;}
#section-column-left img {border: 0 !important;}
#section-column-left h1 {margin-top: -15px;}
#section-startshere {float: right; padding-right: 2px; margin-top: -5px;}
#section-category {float: right; clear: right; text-align: right; margin: 10px -27px 0 0; font: 12pt arial, helvetica, sans-serif bold; font-style: italic; color: #b4c25c;}

/*LEFTNAV SECTION*/
#leftnav-section {margin: 10px -32px 0 0; width: 190px; float: right; padding: 0; border-bottom: 2px dotted #a2b538;}
#leftnav-section ul { width: 190px; padding-right: 0; }
#leftnav-section li { width: 190px; margin-left: -5px; *margin-left: 0;}
#leftnav-section li span {display: none;}
#leftnav-section li a {width: 190px; font-size: 10pt; height: auto; color:#588344; background: #fafceb; text-align: right; padding: 5px 5px 5px 0; border: 2px dotted #a2b538; border-width: 2px 0 0 2px; display: block}
#leftnav-section li a:hover, #leftnav-section li a:active, #leftnav-section li a.hi {color: #fafceb; background: #d7b34f;  }

/*TOPNAV SECTION*/
#topnav-section {float: right; margin: 0; *border-left: 2px solid #88924a;}
#topnav-section li {display: inline; margin-left: 0px; float: left;}
#topnav-section li a {padding: 3px 16px 3px 16px; background: #fafceb; color: #88924a; font: 10pt anandale mono, century gothic, helvetica, geneva, sans-serif; border: 2px solid #88924a; border-width: 2px 0 2px 2px; display: block;}
#topnav-section li a:hover, #topnav-section li a:active,  #bodyliving #topnav-section .living a, #bodyabout #topnav-section .about a, #bodyfaq #topnav-section .faq a, #bodycontact #topnav-section .contact a, #bodyadditional #topnav-section .living a, #bodygreener #topnav-section .living a {color: #fafceb; background: #d7b34f;}

/*SECTION CONTENT*/
#section-column-right {background: #fff; color: #88924a; float: right; margin-top: 0; width: 570px;}
#section-intro {float: right; width: 530px; padding-right: 10px; margin-top: 40px; }
#section-title {color: #88924a; font: 14pt century gothic, anandale mono, geneva, arial, sans-serif; border-bottom: 1px solid #000; margin-bottom: 10px; margin-right: 200px; *padding-left: 0;}
#section-photo {float: right; margin: 0 0 -60px 10px; border: 1px solid #333; position: relative; top: -60px; z-index: 100;}
#contact-photo {float: right; position: relative; top: -84px; right: 0; z-index: 10; *margin-bottom: -84px;}
#consider-list {background: #f7fae0; margin: -3px 10px 0 0; border: 1px solid #a9b946; padding: 20px; font-size: 10pt; display: block; color:#525734;}
#bodysitemap #consider-list, #bodyresources #consider-list {display: none;}
#consider-list li {margin: 0 0 0 20px;}
#bodygreener #consider-section, #bodyabout #consider-section, #bodycontact #consider-section, #bodyfaq #consider-section, #bodysitemap #consider-section, #bodyresources #consider-section {display: none;}
#bodygreener #consider-list, #bodyabout #consider-list, #bodycontact #consider-list {list-style: none; padding-right: 210px;}
#bodycontact #consider-list {position: relative; top: 6px; z-index -5;}
#section-text {width: 500px; color: #525734; font: 10pt arial, helvetica, sans-serif; text-align: justify; margin: 10px 30px 0 30px; float: right; *float: left; *margin-right: 0;}

#bodygreener #section-text, #bodyabout #section-text, #bodycontact #section-text, #bodyfaq #section-text, #bodyadditional #section-text, #bodysitemap #section-text, #bodyresources #section-text {width: 500px; *width: 440px;}
#bodyabout #section-photo {margin-bottom: 0;}
#bodygreener #section-text, #bodyabout #section-text {margin-top: -70px;}
#bodyliving #section-text ul li {padding: 5px 0; list-style: square; margin-left: -20px; text-align: left;}
#section-links {width: 500px; *width: 470px; height: auto; margin: 10px 30px 20px 0; *margin-left: 260px; *margin-right: 0; background: #e9d7a5; float: right; clear: right; *float: none; padding-bottom: 20px; border: 1px solid #92861f;}
#bodyresources #section-links {width: auto; margin: 0; background: #fff; float: none; padding: 0; border: 0;}
.link-category {font: 12pt arial, helvetica, sans-serif bold italic; color: #92861f; text-align: right; padding: 10px 0 0 0; margin: 0 10px 0 10px;}
.link-list {font: 10pt arial, helvetica, sans-serif; font-style: italic; list-style: none; padding: 5px; margin: -3px 10px 0 10px; color: #847a0b; clear: right; font-weight: bold; border-top: 1px solid #92861f;}
.link-list li {padding-top: 5px;}
.link-list li a{text-decoration: underline; font-weight: normal;}
.link-list li a:hover {color: #669900;}
#section-links span {padding-left: 30px; font-weight: normal; display: block;}
.para-list li {margin: 10px 0 10px -20px;}
.col {width: 85%; margin-left: 30px !important; text-align: left;}
.col div {border: 1px dotted #525930; margin-bottom: 10px;}
#google-adsense {padding-top: 20px;}
#bodycontact #google-adsense, #bodysitemap #google-adsense, #bodyresources #google-adsense {display: none;}
#resources-head {position: relative; top: -46px; left: 0; margin: 20px 0 -46px 0;}

/*Site Map and Resources*/
#bodysitemap #section-intro, #bodyresources #section-intro {margin: 15px 0;}
#bodysitemap #section-title, #bodyresources #section-title {margin-right: 0;}
#bodysitemap h2 {display: inline; margin: 0 20px 0 20px; font-size: 90%; *margin: 0 10px 0 10px;}
#bodyresources h2 {margin: 0; width: 98%;}
#bodyresources ul {margin: 0 0 10px 0;}
#bodyresources .link-list {text-align: left;}
#bodysitemap h2.living {margin: 0 10px -12px 10px; background: #fff; padding: 0 10px 10px 10px; border: 1px solid #a9b946; border-width: 0 0 0 0; position: relative; top: 0; z-index: 5;}
#section-text #leftnav-section {float: none; margin: 0; border: 0;}
#section-text #leftnav-section li, #section-text .description li {padding: 0 0 10px 0 !important; list-style: none; margin-left: -40px;}
#section-text #leftnav-section li a {padding: 0 0 0 40px; background: #fff url(images/sitemap-li.jpg) 0 0 no-repeat; font: 12pt arial, helvetica, verdana sans-serif; border: 0; text-align: left; margin-left: 35px; width: 400px; }
#bodysitemap h2 a:hover, #bodyresources h2 a:hover {color: #525930;}
#bodyresources h2 a {background: #fafceb url(images/sitemap-li.jpg) 0 -40px no-repeat; width: 90.5%; border-bottom: 1px dashed #a9b946; padding: 0 0 2px 35px; display: block;}
#bodysitemap .livingbox a:hover {color: #525930 !important; background: #fafceb url(images/sitemap-li.jpg) 0 -40px no-repeat !important;}

#section-text #leftnav-section li span {font-size: 70%; margin-left: 20px; background: transparent; color: #525930; display: inline; position: relative; top: -2px;}
#bodysitemap .livingbox a:hover span {border-bottom: 1px dashed #a9b946;}
.livingbox {margin: 9px 0 20px 20px; padding: 20px; border: 1px solid #a9b946;}
#bodyresources .link-list span {padding-left: 30px; font-weight: normal !important; display: block;}
#bodyresources .link-category {color: #525930;}
#bodyresources #topnav-section {margin: 5px -2px 0 0;}
#bodyresources #leftnav-section {margin-right: -2px;}

/*SECTION FOOTER*/
#footer-section {margin: 30px 10px 0 234px; *width: 540px; padding: 8px 0; border-top: 1px solid #88924a; color: #88924a; background: #fff; clear: both; *padding-top: 25px;}
#bottomnav ul{list-style-type: none;  font: 10pt arial, helvetica, sans-serif; float: left; color: #88924a; padding: 0; margin-left: 0;margin-bottom: 20px; }
#bottomnav li {display: inline;}
#bottomnav a { border-right: 1px solid #88924a; padding: 1px 20px; display: inline; clear: both;}
#bottomnav a:hover {color: #ca9a18; text-decoration: underline;}
#section-copywrite {text-align: right; font-size: 9pt; margin-right: 20px; clear: both;}
#section-copywrite a {color: #ca9a18; text-decoration: underline;}
#section-copywrite a:hover {color: #627444; }

/*LIVING GREENER*/
#using-site { color: #525930; font-size: 9pt; font-style: italic; padding: 10px;}
#living-greener-box {font-size: 12pt; padding-right: 30px; line-height: 130%; font-style: italic; }

/*THIS MONTH*/
#month-subtitle {font: 14pt century gothic, anandale mono, geneva, helvetica, sans-serif normal; color: #627444; padding-right: 280px; margin-top: -10px; text-align: right;}
#this-month #section-text {width: 500px;}
#this-month {float: right; margin-right: 10px; margin-left: 30px;}

/*ABOUT SECTION*/
#about-column-left {background: #e5f0a0; width: 224px; height: auto; min-height: 730px; position: absolute; margin-top: 220px; border-right: 3px solid #88924a;  }
#about-column-right {background: #fff; color: #88924a; font: 10pt arial, helvetica, sans-serif; text-align: justify; margin-top: 220px; min-height: 700px; clear: both;}
#about-column-right img {margin-left: 10px;}
#about-list {background: #f7fae0; margin-right: 10px; border: 1px solid #a9b946; padding: 20px; padding-right: 60px; font-size: 11pt; display: block;  padding-right: 10px; color:#525734; list-style-type: none ; margin-top: -3px; list-style-position: inside;}
#disclaimer {font-size: 8pt; float: right; text-align: right; padding-bottom: 30px;}
#about-footer {margin-top: 30px; margin-left: 10px; padding: 8px 0 8px 300px; border-top: 1px solid #88924a; color: #88924a; background: #fff; clear: both;}
#bottomnav-about ul{list-style-type: none;  font: 10pt arial, helvetica, sans-serif; float: left; color: #88924a; padding: 0; margin-left: -270px; border-top: 1px solid #88924a; margin-top: -9px; padding-top: 10px; }
#bottomnav-about li {display: inline; float: left;}
#bottomnav-about a { border-right: 1px solid #88924a; padding: 1px 20px; display: inline;}
#bottomnav-about a:hover {color: #ca9a18; text-decoration: underline;}

/*CONTACT PAGE*/
#contact-list {background: #f7fae0; margin-right: 10px; border: 1px solid #a9b946; padding: 20px; padding-right: 60px; font-size: 11pt; display: block;  padding-right: 10px; color:#525734; list-style-type: none ; margin-top: -3px; list-style-position: inside; text-align: left; margin-bottom: 40px;}
#contact-text {font-size: 12pt; margin-top: 20px; padding-bottom: 50px; padding-left: 10px;}

/*FAQ*/
#bodyfaq #section-text #group {margin: 10px 25px 10px 25px; border: 1px dashed #a9b946; padding: 0 20px 20px 20px; font-size: 11pt; display: block; color:#525734}
#bodyfaq #section-text #group h3 {background: #fff url(images/sitemap-li.jpg) 0 0 no-repeat; padding-left: 35px;}
#bodyfaq #section-text div div {display: none;}
 #bodyfaq #section-text div div:target, #bodyfaq #section-text div div.sftarget {border: 2px solid #88924a; padding: 0 10px 10px 0; margin: 10px 15px; display: block;}
#section-text div div:target p, div.sftarget p {margin: 10px 10px 0 10px;}
#section-text div div:target h3, div.sftarget h3 {padding: 5px 10px 5px 30px !important; text-indent: -25px; background: #88924a !important; width: 92%; margin: 0; *margin-right: -10px;color: #fff; text-align: left;} 
#section-text div:target li, div.sftarget li {width: 90%; margin: 0;}

.top {background: url(images/top.gif) right 0 no-repeat; padding-right: 12px !important; text-align: right; font-size: 90%; margin-right: 12px;}

/* Safari Hacks */
#section-copywrite {margin-top: -15px; #}