html { min-height: 100%; margin-bottom: 1px; }

body {
	font-family:"Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana;
	padding: 0;
	margin: 0; 
	text-align: center;
}

table td {vertical-align: top}
#container { width: 936px; margin: auto; text-align: left; background: #00853e  repeat-y}

img {border: none}

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

.nav a:link, .nav a:visited, .nav a:hover, .nav a:active {height: 44px; display: block; background-image: url(images/primaNav.jpg); background-repeat: no-repeat; text-indent: -5000px; float: left}

a#navLeft:link, a#navLeft:visited, a#navLeft:hover, a#navLeft:active {width: 44px; background-position: 0 0}
a#navLeft:hover {background-position: 0 -44px}

a#navInnovation:link, a#navInnovation:visited, a#navInnovation:hover, a#navInnovation:active {width: 230px; background-position: -44px 0}
a#navInnovation:hover {background-position: -44px -44px}

a#navInnovationActive:link, a#navInnovationActive:visited, a#navInnovationActive:hover, a#navInnovationActive:active {width: 230px; background-position: -44px -44px}

a#navTruths:link, a#navTruths:visited, a#navTruths:hover, a#navTruths:active {width: 190px; background-position: -274px 0}
a#navTruths:hover {background-position: -274px -44px}

a#navTruthsActive:link, a#navTruthsActive:visited, a#navTruthsActive:hover, a#navTruthsActive:active {width: 190px; background-position: -274px -44px}

a#navGoodness:link, a#navGoodness:visited, a#navGoodness:hover, a#navGoodness:active {width: 216px; background-position: -464px 0}
a#navGoodness:hover {background-position: -464px -44px}

a#navGoodnessActive:link, a#navGoodnessActive:visited, a#navGoodnessActive:hover, a#navGoodnessActive:active {width: 216px; background-position: -464px -44px}

a#navConnection:link, a#navConnection:visited, a#navConnection:hover, a#navConnection:active {width: 218px; background-position: -680px 0}
a#navConnection:hover {background-position: -680px -44px}

a#navConnectionActive:link, a#navConnectionActive:visited, a#navConnectionActive:hover, a#navConnectionActive:active {width: 218px; background-position: -680px -44px}

a#navRight:link, a#navRight:visited, a#navRight:hover, a#navRight:active {width: 38px; background-position: 100% 0}
a#navRight:hover {background-position: 100% -44px}

.truthBox {width: 448px; height: 356px; background: url(/images/truth-box.png) no-repeat}
.truthBoxInner {padding: 40px 50px 0 40px; text-align: center}
.truthLabel {color: #8abc35}

.truthBox h2 {margin: 0; padding: 24px 0 0; color: #02762f; font-size: 24px}
.truthBox h3 {margin: 0; padding: 0; color: #8abc35; font-size: 24px}
.truthBox h3 span {white-space: nowrap}

.truthBottom {border-top: 1px solid #c1e0db; margin: 12px 0 0 0; padding: 12px 0 0 0; color: #d02e45}
.truthBottom a {color: #d02e45; text-decoration: none}

.truthFloat {float: left; height: 100px; width: 150px}
#subNavConnection {background: url(/images/subnavConnection.jpg) no-repeat; width: 250px; height: 430px}
#subNavConnectionInner {padding: 0px 0 0 0}
#subNavConnectionInner a {display: block; text-indent: -5000px;}

a#subOurCommunity:link, a#subOurCommunity:visited, a#subOurCommunity:hover, a#subOurCommunity:active {height: 175px; background: url(/images/subnavConnection.jpg) no-repeat 0 0}

a#subOurCommunity:hover {background: url(/images/subnavConnection.jpg) no-repeat 0 -430px;}

a#subExpand:link, a#subExpand:visited, a#subExpand:hover, a#subExpand:active {height: 175px; background: url(/images/subnavConnection.jpg) no-repeat 0 -1000px; margin: -35px 0 0 0}

.content {clear: both; margin: 0 12px 0 50px; line-height: 2em; font-size: 12px; color:#eee; font-weight:normal; line-height:1.5em; padding: 0 0 24px 0}
.content p {margin: 0 0 12px 0}
.content h3 {margin: 0; color: #EBE93F}
.content a {color: #ffffcc}

.content {min-height: 430px; height: auto}
/* for Internet Explorer */
/*\*/
* html .content {
height: 400px;
}
/**/


/* .contentFixed {height: 345px; overflow: auto} */

#footer {clear: both; width: 950px; margin: auto; border-top: 1px solid #333; color: #777; font-size: 11px; text-align: left; padding: 0 0 0 10px;}
#photoShow {width: 350px; height: 200px; overflow: hidden; float: right; margin: 0 0 12px 12px}
#photoShow img {width: 350px; height: 200px}

#bottom {display: none}
#bottom2 {height: 50px; background: url(/images/top1.jpg) no-repeat top left; clear: both; padding: 0 24px}
#bottom2 a {font-size: 12px; color: #1c64b0; text-decoration: none; float: right; display: block; margin: 18px 6px 0 6px; padding: 1px 1px 1px 12px; border-left: 1px solid #1c64b0; text-align: center}

#top {height: 50px;  background: url(/images/top2.jpg) no-repeat top left; text-align: right; text-transform: lowercase}
#top a:link, #top a:visited, #top a:hover, #top a:active {color: #1c64b0; text-decoration: none; padding: 0 10px 0; border-left: 1px solid #1c64b0; }
#topInner {padding: 15px 0 0 0}
#topInner a {display: none}
#topInner a.homeLink {display: block}
#top a:hover {text-decoration: underline}

.divider {border-bottom: 1px solid #4aac3c; margin: 0 0 12px; width: 370px; clear: both}
.blogDate {font-size: 11px; text-transform: uppercase; display: block;}
.blog {font-size: 90%}
.blog h3 {color: #ffffcc}
.share {margin: 6px 0 12px; font-size: 110%; line-height: 2em; vertical-align: middle}
.share table td {vertical-align: middle; padding-right: 4px}
.share a {text-decoration: none; border-bottom: 1px dotted #ffffcc; display: block}
img#navArea {width: 250px; height: 430px}

.navCell {width: 130px}
.navContainer {padding: 12px 0 0 40px;}
/* background: url(/images/prima-side.png) top left no-repeat */
.navArea {}
.navArea a {text-indent: -5000px; display: block; width: 138px; margin: 0 0 3px 0}

.navContainer {min-height: 286px; height: auto}
/* for Internet Explorer */
/*\*/
* html .navContainer {
height: 286px;
}
/**/

/* SIMPLE GOODNESS */
a.navSimpleGoodness:link, a.navSimpleGoodness:visited, a.navSimpleGoodness:hover, a.navSimpleGoodness:active {height: 42px; background: url(/images/simple-goodness-nav.png) no-repeat top left}

a.navSimpleGoodness:hover {background: url(/images/simple-goodness-nav.png) no-repeat top right}

a.navSimpleGoodnessActive {height: 42px; background: url(/images/simple-goodness-nav.png) no-repeat top right}

a.navGreatTaste:link, a.navGreatTaste:visited, a.navGreatTaste:hover, a.navGreatTaste:active {height: 38px; background: url(/images/simple-goodness-nav.png) no-repeat 0 -42px}  

a.navGreatTaste:hover {background: url(/images/simple-goodness-nav.png) no-repeat 100% -42px}

a.navGreatTasteActive {height: 38px; background: url(/images/simple-goodness-nav.png) no-repeat 100% -42px}

a.navTasteTest:link, a.navTasteTest:visited, a.navTasteTest:hover, a.navTasteTest:active {height: 42px; background: url(/images/simple-goodness-nav.png) no-repeat 0 -80px}  

a.navTasteTest:hover {background: url(/images/simple-goodness-nav.png) no-repeat 100% -80px}

a.navTasteTestActive {height: 42px; background: url(/images/simple-goodness-nav.png) no-repeat 100% -80px}

a.navNutritionalInformation:link, a.navNutritionalInformation:visited, a.navNutritionalInformation:hover, a.navNutritionalInformation:active {height: 50px; background: url(/images/simple-goodness-nav.png) no-repeat 0 -122px}  

a.navNutritionalInformation:hover {background: url(/images/simple-goodness-nav.png) no-repeat 100% -122px}

a.navNutritionalInformationActive {height: 50px; background: url(/images/simple-goodness-nav.png) no-repeat 100% -122px}

/* NATURAL INNOVATION */

a.navNaturalInnovation:link, a.navNaturalInnovation:visited, a.navNaturalInnovation:hover, a.navNaturalInnovation:active {height: 42px; background: url(/images/natural-innovation-nav.png) no-repeat top left}

a.navNaturalInnovation:hover {background: url(/images/natural-innovation-nav.png) no-repeat top right}

a.navNaturalInnovationActive {height: 42px; background: url(/images/natural-innovation-nav.png) no-repeat top right}

a.navMadeFromPlants:link, a.navMadeFromPlants:visited, a.navMadeFromPlants:hover, a.navMadeFromPlants:active {height: 48px; background: url(/images/natural-innovation-nav.png) no-repeat 0 -42px}

a.navMadeFromPlants:hover {background: url(/images/natural-innovation-nav.png) no-repeat 100% -42px}

a.navMadeFromPlantsActive {height: 48px; background: url(/images/natural-innovation-nav.png) no-repeat 100% -42px}

a.navBetterForTheEnvironment:link, a.navBetterForTheEnvironment:visited, a.navBetterForTheEnvironment:hover, a.navBetterForTheEnvironment:active {height: 48px; background: url(/images/natural-innovation-nav.png) no-repeat 0 -90px}

a.navBetterForTheEnvironment:hover {background: url(/images/natural-innovation-nav.png) no-repeat 100% -90px}

a.navBetterForTheEnvironmentActive {height: 48px; background: url(/images/natural-innovation-nav.png) no-repeat 100% -90px}

a.navAllAboutComposting:link, a.navAllAboutComposting:visited, a.navAllAboutComposting:hover, a.navAllAboutComposting:active {height: 48px; background: url(/images/natural-innovation-nav.png) no-repeat 0 -138px}

a.navAllAboutComposting:hover {background: url(/images/natural-innovation-nav.png) no-repeat 100% -138px}

a.navAllAboutCompostingActive {height: 48px; background: url(/images/natural-innovation-nav.png) no-repeat 100% -138px}

a.navConsiderDoingYourPart:link, a.navConsiderDoingYourPart:visited, a.navConsiderDoingYourPart:hover, a.navConsiderDoingYourPart:active {height: 48px; background: url(/images/natural-innovation-nav.png) no-repeat 0 -186px}

a.navConsiderDoingYourPart:hover {background: url(/images/natural-innovation-nav.png) no-repeat 100% -186px}

a.navConsiderDoingYourPartActive {height: 48px; background: url(/images/natural-innovation-nav.png) no-repeat 100% -186px}


table.contentTable {background: url(/images/content_splash_250.png) no-repeat bottom left; clear: both}
/* height: 467px */

a.navYourConnection:link, a.navYourConnection:visited, a.navYourConnection:hover, a.navYourConnection:active {height: 42px; background: url(/images/your-connection-nav.png) no-repeat top left}

a.navYourConnection:hover {background: url(/images/your-connection-nav.png) no-repeat top right}

a.navYourConnectionActive {height: 42px; background: url(/images/your-connection-nav.png) no-repeat top right}

a.navOurCommunity:link, a.navOurCommunity:visited, a.navOurCommunity:hover, a.navOurCommunity:active {height: 30px; background: url(/images/your-connection-nav.png) no-repeat 0 100%}

a.navOurCommunity:hover {background: url(/images/your-connection-nav.png) no-repeat 100% 100%}

a.navOurCommunityActive {height: 30px; background: url(/images/your-connection-nav.png) no-repeat 100% 100%}

a.navSocialNetworking:link, a.navSocialNetworking:visited, a.navSocialNetworking:hover, a.navSocialNetworking:active {height: 48px; background: url(/images/your-connection-nav.png) no-repeat 0 -90px}

a.navSocialNetworking:hover {background: url(/images/your-connection-nav.png) no-repeat 100% -90px}

a.navSocialNetworkingActive {height: 48px; background: url(/images/your-connection-nav.png) no-repeat 100% -90px}

a.navExpandTheCircle:link, a.navExpandTheCircle:visited, a.navExpandTheCircle:hover, a.navExpandTheCircle:active {height: 48px; background: url(/images/your-connection-nav.png) no-repeat 0 -138px}

a.navExpandTheCircle:hover {background: url(/images/your-connection-nav.png) no-repeat 100% -138px}

a.navExpandTheCircleActive {height: 48px; background: url(/images/your-connection-nav.png) no-repeat 100% -138px}

a.navShareYourPrimaStory:link, a.navShareYourPrimaStory:visited, a.navShareYourPrimaStory:hover, a.navShareYourPrimaStory:active {height: 48px; background: url(/images/your-connection-nav.png) no-repeat 0 -186px}

a.navShareYourPrimaStory:hover {background: url(/images/your-connection-nav.png) no-repeat 100% -186px}

a.navShareYourPrimaStoryActive {height: 48px; background: url(/images/your-connection-nav.png) no-repeat 100% -186px}

a.navShareWithFriends:link, a.navShareWithFriends:visited, a.navShareWithFriends:hover, a.navShareWithFriends:active {height: 41px; background: url(/images/share-with-friends-280x41.png) no-repeat 0 0}

a.navShareWithFriends:hover {background: url(/images/share-with-friends-280x41.png) no-repeat -142px 0}

a.navShareWithFriendsActive {height: 48px; background: url(/images/share-with-friends-280x41.png) no-repeat -142px 0}

a.navSendUsYourStory:link, a.navSendUsYourStory:visited, a.navSendUsYourStory:hover, a.navSendUsYourStory:active {height: 41px; background: url(/images/send-us-your-story-280x41.png) no-repeat 0 0}

a.navSendUsYourStory:hover {background: url(/images/send-us-your-story-280x41.png) no-repeat -142px 0}

a.navSendUsYourStoryActive {height: 48px; background: url(/images/send-us-your-story-280x41.png) no-repeat -142px 0}

a.navFindAndEnjoy:link, a.navFindAndEnjoy:visited, a.navFindAndEnjoy:hover, a.navFindAndEnjoy:active {height: 42px; background: url(/images/find-and-enjoy-280x41.png) no-repeat 0 0}

a.navFindAndEnjoy:hover {background: url(/images/find-and-enjoy-280x41.png) no-repeat -142px 0}

a.navFindAndEnjoyActive {height: 42px; background: url(/images/find-and-enjoy-280x41.png) no-repeat -142px 0}

a.navSpecs:link, a.navSpecs:visited, a.navSpecs:hover, a.navSpecs:active {height: 26px; background: url(/images/specs-280x26.png) no-repeat 0 0}

a.navSpecs:hover {background: url(/images/specs-280x26.png) no-repeat -142px 0}

a.navSpecsActive {height: 26px; background: url(/images/specs-280x26.png) no-repeat -142px 0}




a.navBecomeDisciple:link, a.navBecomeDisciple:visited, a.navBecomeDisciple:hover, a.navBecomeDisciple:active {height: 48px; background: url(/images/your-connection-nav.png) no-repeat 0 -234px}

a.navBecomeDisciple:hover {background: url(/images/your-connection-nav.png) no-repeat 100% -234px}

a.navBecomeDiscipleActive {height: 48px; background: url(/images/your-connection-nav.png) no-repeat 100% -234px}

a.navJustForYou:link, a.navJustForYou:visited, a.navJustForYou:hover, a.navJustForYou:active {height: 30px; background: url(/images/your-connection-nav.png) no-repeat 0 -282px}

a.navJustForYou:hover {background: url(/images/your-connection-nav.png) no-repeat 100% -282px}

a.navJustForYouActive {height: 30px; background: url(/images/your-connection-nav.png) no-repeat 100% -282px}

a.navCareers:link, a.navCareers:visited, a.navCareers:hover, a.navCareers:active {height: 30px; background: url(/images/extra-links-nav.png) no-repeat 0 0 }

a.navCareers:hover {background: url(/images/extra-links-nav.png) no-repeat 100% 0}

a.navCareersActive {height: 30px; background: url(/images/extra-links-nav.png) no-repeat 100% 0}

a.navLogin:link, a.navLogin:visited, a.navLogin:hover, a.navLogin:active {height: 30px; background: url(/images/extra-links-nav.png) no-repeat 0 -30px}

a.navLogin:hover {background: url(/images/extra-links-nav.png) no-repeat 100% -30px}

a.navLoginActive {height: 30px; background: url(/images/extra-links-nav.png) no-repeat 100% -30px}

a.navPartners:link, a.navPartners:visited, a.navPartners:hover, a.navPartners:active {height: 30px; background: url(/images/extra-links-nav.png) no-repeat 0 -60px}

a.navPartners:hover {background: url(/images/extra-links-nav.png) no-repeat 100% -60px}

a.navPartnersActive {height: 30px; background: url(/images/extra-links-nav.png) no-repeat 100% -60px}

a.navBuzz:link, a.navBuzz:visited, a.navBuzz:hover, a.navBuzz:active {height: 28px; background: url(/images/extra-links-nav.png) no-repeat 0 -90px}

a.navBuzz:hover {background: url(/images/extra-links-nav.png) no-repeat 100% -90px}

a.navBuzzActive {height: 28px; background: url(/images/extra-links-nav.png) no-repeat 100% -90px}

a.navInterested:link, a.navInterested:visited, a.navInterested:hover, a.navInterested:active {height: 42px; background: url(/images/extra-links-nav.png) no-repeat 0 -119px}

a.navInterested:hover {background: url(/images/extra-links-nav.png) no-repeat 100% -119px}

a.navInterestedActive {height: 42px; background: url(/images/extra-links-nav.png) no-repeat 100% -119px}
.extended {float: right; margin: 0 0 12px 12px}

a.navContact:link, a.navContact:visited, a.navContact:hover, a.navContact:active {height: 27px; background: url(/images/extra-links-nav.png) no-repeat 0 -165px}

a.navContact:hover {background: url(/images/extra-links-nav.png) no-repeat 100% -165px}

a.navContactActive {height: 27px; background: url(/images/extra-links-nav.png) no-repeat 100% -165px}

a.navFaq:link, a.navFaq:visited, a.navFaq:hover, a.navFaq:active {height: 26px; background: url(/images/extra-links-nav.png) no-repeat 0 -195px}

a.navFaq:hover {background: url(/images/extra-links-nav.png) no-repeat 100% -195px}

a.navFaqActive {height: 26px; background: url(/images/extra-links-nav.png) no-repeat 100% -195px}

.extended {float: right; margin: 0 0 12px 12px}

.intro {font-weight: bold; font-size: 14px}

.question {font-weight: bold; margin: 12px 50px 0 12px; text-indent: -18px; cursor: pointer}
.question span {text-decoration: underline;}

.answer {margin: 6px 24px 24px 18px; display: none}

.coolBox {width: 250px; float: right; margin: 0 18px 12px; background: url(/images/vert-middle2.gif) repeat-y; clear: right}

.commentRow {width: 525px; margin: 0 0 18px 24px}
.commentRowAlt {width: 525px; margin: 0 0 18px 24px}
.comment {border-bottom: 2px solid #A9D471; padding: 0 5px 2px; color: #333}
.postedBy {color: #A9D471; padding: 2px 5px 0}

.truthNav {text-align: center; color: #fff; font-size: 13px; line-height: 1.8em; width: 150px}
.truthNav a {color: #fff; white-space: nowrap}
.verticalDivider {color: yellow}