/*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: 16pt 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: 989px; height: 100%; min-height: 810px; clear: float; border-bottom: 8px solid #525930; padding-top: 109px;}
#columnleft {float: left; width:200px; padding-top: 0; color: #a9b946;}
#categoryselect {padding-top: 10px; float: right; padding-right: 10px; font: 16px arial, helvetica, sans-serif bold; font-style: italic; }
#startshere {float: right; padding-right: 15px;}

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

#columnright {float: left; width: 400px; margin-top: -65px; *margin-top: -50px; margin-left: -24px;}

/*HOME TOPNAV*/
#topnav {float: right; margin-right: -2px; margin-left: -20px; *margin-left: 0; *padding-bottom: 10px;}
#topnav li {display: inline;}
#topnav li a {padding: 5px 16px 5px 15px; *padding: 5px 15px 5px 15px; background: #fafceb; color: #88924a; font: 12pt anandale mono, century gothic, helvetica, geneva, sans-serif; border: 3px solid #88924a; margin-left: -6px;}
#topnav li a:hover, #topnav li a:active {color: #fafceb; background: #d7b34f;} 
#factbox {margin: 100px 0 50px 65px;}
#orangebox {background: #e7d597; width: 250px; border: 2px solid #d2aa3a; font-size: 12pt; color: #d2aa3a; margin: -29px 0 0 5px; padding: 20px 10px 20px 10px; min-height: 80px; *height: 80px;}
#orangebox a:hover {color: #525930;}
#spiralplant {padding-left: 23px; padding-top: 30px;}
#byline {font-size: 8pt; color: #88924a; float: right; padding-right: 10px; text-align: right;}
#byline a{text-decoration: underline; color: #d2aa3a;}

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

#logohome {padding: 0 0 0 0; margin: 0 0 -110px 270px; }


/*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: 1024px; height: auto; min-height: 100%; padding-bottom: 50px; }
#section-column-left { background: transparent; width: 224px; height: auto; min-height: 100%; float: left; margin-top: -107px;}
#section-column-left img {border: 0 !important;}
#section-startshere {float: right; padding-right: 15px;}
#section-category { text-align: right; margin: 50px 10px 0 0; font: 16px arial, helvetica, sans-serif bold; font-style: italic; color: #b4c25c;}

/*LEFTNAV SECTION*/
#leftnav-section {margin: 0 -2px 0 0; border-bottom: 2px dotted #a2b538; width: 164px; float: right; *margin-right: 0;}
#leftnav-section li { width: 195px; margin-left: -40px; *margin-left: 0;}
#leftnav-section li span {display: none;}
#leftnav-section li a {width: 195px; 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: -6px; float: left;}
#topnav-section li a {padding: 5px 16px 5px 15px; background: #fafceb; color: #88924a; font: 12pt 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: 700px;}
#section-intro {float: right; width: 700px; padding-right: 50px; margin-top: 80px; }
#section-title {color: #88924a; font: 18pt century gothic, anandale mono, geneva, arial, sans-serif; border-bottom: 1px solid #000; margin-right: 200px;}
#section-photo {float: right; margin: 0 0 0 10px; border: 1px solid #333; position: relative; top: -90px; z-index: 100;}
#contact-photo {float: right; margin: -90px 0 0 10px;}
#consider-list {background: #f7fae0; margin: -3px 10px 0 0; border: 1px solid #a9b946; padding: 20px; padding-right: 160px; font-size: 11pt; display: block; color:#525734;}
#bodysitemap #consider-list, #bodyresources #consider-list {display: none;}
#consider-list li {margin-left: 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;}
#section-text {width: 350px; color: #525734; font: 10pt arial, helvetica, sans-serif; text-align: justify; margin: 10px 0 0 25px; float: left;}

#bodygreener #section-text, #bodyabout #section-text, #bodycontact #section-text, #bodyfaq #section-text, #bodyadditional #section-text, #bodysitemap #section-text, #bodyresources #section-text {width: 700px;}
#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: 370px; height: auto; margin: 10px 30px 20px 0; *margin-right: 10px; background: #e9d7a5; float: right; 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: 45%; float: left !important; margin-left: 30px !important; text-align: left;}
.col div {border: 1px dotted #525930; margin-bottom: 10px;}
#bodycontact #google-adsense, #bodysitemap #google-adsense, #bodyresources #google-adsense {display: none;}

/*Site Map and Resources*/
#bodysitemap #section-intro, #bodyresources #section-intro {margin-top: 20px;}
#bodysitemap #section-title, #bodyresources #section-title {margin-right: 0;}
#bodysitemap h2 {display: inline; margin: 0 20px 0 20px;}
#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: 560px; }
#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: 770px; 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; }
#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; float: right; width: 400px; font-size: 9pt; padding-right: 10px; margin-top: 5px !important; width: 250px;}
#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: 15pt; padding-right: 30px; line-height: 130%; font-style: italic; }

/*THIS MONTH*/
#month-subtitle {font: 24pt century gothic, anandale mono, geneva, helvetica, sans-serif normal; color: #627444; padding-right: 280px; margin-top: -20px; text-align: right;}
#this-month #section-text {width: 700px;}
#this-month {float: right; margin-right: 70px; *margin-right: 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; float: right; margin-top: 220px; min-height: 700px; }
#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: 95%; margin: 0; color: #fff;} 
#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; #}