/* GLOBAL */
* { padding: 0; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; outline: none; }
img { border: none; }

/* BODY */
body { width: 800px; margin: 0 auto; background-color: #639a31; font-size: small; color: #333; }

/* CONTAINER */
#container { float: left; width: 820px; background: url(../images/backgrounds/ContainerGreen.gif) 0 0 repeat-y; }

/* LOGO */
h1 { float: left; width: 225px; height: 150px; background: url(../images/logos/TreeTrust.gif) 28px 70px no-repeat; text-indent: -9999px; }
h1 a { float: left; width: 225px; height: 150px; }

/* MAIN */
#main { float: right; width: 565px; padding-right: 10px; }

/* LINE */
div.line { float: left; clear: both; width: 100%; height: 1px; margin: 1px 0; line-height: 0; background: url(../images/backgrounds/DottedLine.gif) 0 0 repeat-x; }
div.tilde { float: left; width: 100%; height: 30px; background: url(../images/backgrounds/Tilde.gif) 50% 50% no-repeat; }
#content div.line { float: none; width: 493px; margin-bottom: 15px; }
#content div.line-float { float: left; width: 493px; margin: 1px 0 15px 0; height: 1px; line-height: 0; background: url(../images/backgrounds/DottedLine.gif) 0 0 repeat-x;}
#content div.line-home { float: left; width: 493px; margin: 1px 0 15px 0; height: 1px; line-height: 0; background: url(../images/backgrounds/DottedLine.gif) 0 0 repeat-x;}

/* UTILITIES */
#utilities { float: left; width: 563px; padding: 10px 0 5px; background: #f5fae4 url(../images/backgrounds/Utilities.gif) 0 0 repeat-y; }
#utilities p { float: right; padding-right: 28px; font-size: 80%; color: #5f8c34; }
#utilities p a { text-decoration: none; color: #5f8c34; }
#utilities p a:hover { text-decoration: underline; }
#utilities a.donate { padding: 2px 0 2px 20px; background: url(../images/icons/go.gif) 0 60% no-repeat; }

/* BANNER */
#banner { float: left; width: 563px; height: 142px; margin-bottom: 1px; }
#banner img { float: left; }

/* NAVBAR */
#navbar { float: left; width: 548px; background: #734300 url(../images/backgrounds/Navbar.gif) repeat-x; ; clip:   rect(   ); padding-left: 15px}
#navbar ul { float: left; list-style: none; margin-left: 16px; border-right: 1px solid #6d3f00; border-left: 1px solid #915400;}
* html #navbar ul { margin-left: 8px; }
#navbar li { float: left; font-size: 85%; }
#navbar li a { display: block; padding: 7px 13px; border-left: 1px solid #6d3f00; border-right: 1px solid #915400; text-decoration: none; color: #fff; }
#navbar li a:hover, #navbar li.active a { border-left: 1px solid #608127; border-right: 1px solid #86b337; background: #6f922f url(../images/backgrounds/NavbarActive.gif) 0 0 repeat-x; }

/* CONTENT */
#content { float: left; padding: 20px 36px 10px 36px; width: 493px; }
#content h2 { display: block; width: 493px; height: 30px; margin-bottom: 10px; background-position: 50% 0; background-repeat: no-repeat; text-indent: -9999px; }
#content h3 { margin-bottom: 4px; margin-top: 12px; color: #874e00; font-family: Helvetica, sans-serif; font-weight: normal; font-size: 20px;; }
#content h4 { margin: 28px 0 4px 0; color: #568628; font-weight: bold; font-size: 12px; }
#content h4 a { text-decoration: none; }
#content p, #content ul, #content ol, #content label { margin-bottom: 1.5em; line-height: 120%; }
#content ul { padding-left: 30px; }
#content ol { padding-left: 24px; }
#content li { margin-bottom: .5em; }
#content img { padding: 5px; border: 1px solid #71a63e; margin-bottom: 10px; background: #fff; }
#content p img, #content li img, #content h4 img, #content h3 img { float: right; padding: 5px; border: 1px solid #71a63e; margin: 0 0 10px 10px; background: #fff; }
#content p img.left { float: left; margin: 0 10px 10px 0; }
#content p img.no-border { padding: 2px; border: 0;}
#content img.no-border { padding: 2px; border: 0;}
#content a { color: #568628; }
#content a:hover { color: #38581a; text-decoration: underline; }
#content dd { margin-bottom: 10px; }
#content dt { font-size: 11px; margin-top: 15px; margin-bottom: 2px; }
#content input.text { width: 250px; }
#content input.button { margin-bottom: 20px; }
#content option { padding-right: 10px; }
#content table img {border: 0; margin-bottom: 0px; }
#content td {font-size: 11px; color: #734300}
#content td a:hover img { background-color: #874e00;}


/* CONTENT > TITLES */

h2#about-us { background-image:  url("../images/titles/AboutUs.gif"); }
h2#our-programs { background-image: url(../images/titles/OurPrograms.gif); }
h2#transforming-lives { background-image:  url("../images/titles/TransformingLives.gif"); }
h2#welcome-to-tree-trust { background-image: url(../images/titles/WelcomeToTreeTrust.gif); }
h2#contributing { background-image:  url("../images/titles/contributing.gif"); }
h2#youth-development { background-image:  url("../images/titles/YouthDevelopment.gif"); }
h2#youth-build { background-image:  url("../images/titles/YouthBuild.gif"); }
h2#youth-conservation { background-image:  url("../images/titles/YouthConservation.gif"); }
h2#young-adult { background-image:  url("../images/titles/YoungAdult.gif"); }
h2#learning-with-trees { background-image:  url("../images/titles/LearningWithTrees.gif"); }
h2#learning-with-trees-news { background-image:  url("../images/titles/LearningWithTreesNews.gif"); }
h2#landscape-services { background-image:  url("../images/titles/LandscapeServices.gif"); }
h2#community-support-program { background-image:  url("../images/titles/CommunitySupportProgram.gif"); }
h2#community-forestry { background-image:  url("../images/titles/CommunityForestry.gif"); }
h2#get-involved { background-image:  url("../images/titles/GetInvolved.gif"); }
h2#donate { background-image:  url("../images/titles/Donate.gif"); }
h2#volunteer { background-image:  url("../images/titles/Volunteer.gif"); }
h2#work { background-image:  url("../images/titles/Work.gif"); }
h2#Partner { background-image:  url("../images/titles/Partner.gif"); }
h2#news-and-stories { background-image:  url("../images/titles/NewsAndStories.gif"); }
h2#emerald-ash-borer { background-image:  url("../images/titles/EmeraldAshBorer.gif"); }
h2#project-inquiries { background-image:  url("../images/titles/ProjectInquiries.gif"); }
h2#green-futures { background-image:  url("../images/titles/GreenFutures.gif"); }
h2#minneapolis-trees { background-image: url("../images/titles/Minneapolis.gif"); }
h2#ramps { background-image: url("../images/titles/Ramps.gif"); }
h2#slp { background-image: url("../images/titles/SLP.gif"); }
h2#slp-reforest { background-image: url("../images/titles/SaintLouisParkReforestProject.gif"); }

/* CONTENT > HOMEPAGE */
#content #summary { float: left; width: 493px; }
#content #photo-news-section h3 { margin-top: 0; }
#content #photo-news-section h4 { margin-top: -5px; padding: 0;  }
#content #photo-news-section p { font-size: 11px; line-height: 16px; }
#content #photo-news-section p.link { margin-bottom: 0; }
#content #photo-news-section img {border: 0}
#content #photo { float: left; width: 246px; }
#content #news { float: right; width: 247px; font-size: 11px; }
.logo {margin: 0; padding: 0; }

#content #boxes { float: none; width: 493px;  }
#content #boxes a { padding: 0 0px; }
#content #boxes img { float: none; padding: 0; border: 0; margin: 5px; }

#content #boxes-text p {font-size: 11px; }

#content #highlight-a { float: left; width: 100 px; }
#content #highlight-b { float: none; width: 100 px: }
#content #highlight-c { float: right; width: 100 px: }


/* CONTENT > GALLERY */
#content div.gallery { padding-bottom: 15px; }
#content ul.gallery { list-style: none; padding: 0; }
#content ul.gallery li { width: 237px; text-align: center; }
#content ul.gallery li.left { float: left; }
#content ul.gallery li.right { float: right; }

/* CONTENT > FOOTER */
#content p.footer { float: left; width: 493px; text-align: right; font-size: 11px; margin-top: 5px; margin-bottom: 0; background: url(../images/logos/TreeTrustSmall.gif) 50% 50% no-repeat; }
* html #content p.footer { margin-top: -5px; }
#content p.footer img { float: left; border: none; padding: 0; margin: 0; }
#content p.footer strong { color: #568628; }

/* ICONS */
#content p.price { font-size: 11px; margin-top: -10px; text-transform: uppercase; margin-bottom: 20px; color: #2d688d;}
#content p.link { font-size: 11px; margin-top: -10px; }
#content p.acrobat { font-size: 11px; margin-top: -10px; }
#content p.go { font-size: 11px; margin-top: -10px; }
#content p.return { text-align: center; font-size: 12px; }
#content p.login { float: left; width: 100%; text-align: center; font-size: 11px; margin-top: -10px; }
#content p.link a { padding: 2px 0 2px 24px; background: url(../images/icons/document.gif) 0 60% no-repeat; }
#content p.acrobat a { padding: 2px 0 2px 24px; background: url(../images/icons/acrobat.gif) 0 60% no-repeat; }
#content p.go a { padding: 0 0 2px 22px; background: url(../images/icons/go.gif) 0 60% no-repeat; }
#content p.return a { padding: 0 0 2px 22px; background: url(../images/icons/return.gif) 0 60% no-repeat; }
#content p.login a { padding: 0 0 2px 22px; background: url(../images/icons/go.gif) 0 60% no-repeat; }
#content p.word { font-size: 11px; margin-top: -10px; }
#content p.word a {padding: 2px 0 2px 24px; background: url(../images/icons/word.gif) 0 60% no-repeat; }

/* SIDEBAR */
#sidebar { float: left; width: 230px; padding-left: 15px; }
#sidebar p, #sidebar ul, #sidebar ol { margin-bottom: 1em; }
#sidebar #photos { float: left; width: 100%; margin-top: 42px; text-align: center; }

#sidebar a.donate { display: block; margin-top: 10px;  }


/* SUBNAV */
#subnav { float: left; width: 100%; margin-top: 22px; margin-bottom: -25px; }
#subnav ul { float: left; list-style: none; width: 100%; border-top: 1px solid #d5ddba; border-bottom: 1px solid #f6ffd7; }
#subnav li { float: left; font-size: 85%; width: 100%; border-top: 1px solid #f6ffd7; border-bottom: 1px solid #d5ddba; }
#subnav li a { display:block; padding: 8px 20px 8px 40px; line-height: 95%; color: #568628; text-decoration: none; 
	background: url(../images/icons/LeafGreen.gif) 20px 60% no-repeat; }
* html #subnav li a { width: 170px; }
#subnav li a:hover { background-color: #e2f0c2; }
#subnav li.active a { font-weight: bold; color: #874e00; background-image: url(../images/icons/LeafBrown.gif); }

/* FOOTER */
#footer { float: left; width: 795px; height: 50px; padding-right: 20px; background: url(../images/backgrounds/Footer.gif) 0 100% no-repeat; }
#footer p { font-size: 10px; color: #fff; margin-top: 20px; text-align: right; }
#footer a { color: #fff; text-decoration: underline; }
#footer a:hover { text-decoration: underline; }

/* CONTENT */
#contentRD { float: left; padding: 20px 36px 10px 36px; width: 493px; }
#contentRD h2 { margin-bottom: 10px; }
#contentRD h3 { margin-bottom: 4px; margin-top: 12px; color: #874e00; font-family: Helvetica, sans-serif; font-weight: normal; font-size: 20px;; }
#contentRD h4 { margin: 28px 0 4px 0; color: #568628; font-weight: bold; font-size: 12px; }
#contentRD h4 a { text-decoration: none; }
#contentRD p, #contentRD ul, #contentRD ol, #contentRD label { margin-bottom: 1.5em; line-height: 120%; }
#contentRD ul { padding-left: 30px; }
#contentRD ol { padding-left: 24px; }
#contentRD li { margin-bottom: .5em; }
#contentRD img { padding: 5px; border: 1px solid #71a63e; margin-bottom: 10px; background: #fff; }
#contentRD p img, #contentRD li img, #contentRD h4 img, #contentRD h3 img { float: right; padding: 5px; border: 1px solid #71a63e; margin: 0 0 10px 10px; background: #fff; }
#contentRD p img.left { float: left; margin: 0 10px 10px 0; }
#contentRD p img.no-border { padding: 2px; border: 0;}
#contentRD img.no-border { padding: 2px; border: 0;}
#contentRD a { color: #568628; }
#contentRD a:hover { color: #38581a; text-decoration: underline; }
#contentRD dd { margin-bottom: 10px; }
#contentRD dt { font-size: 11px; margin-top: 15px; margin-bottom: 2px; }
#contentRD input.text { width: 250px; }
#contentRD input.button { margin-bottom: 20px; }
#contentRD option { padding-right: 10px; }
#contentRD table img {border: 0; margin-bottom: 0px; }
#contentRD td {font-size: 11px; color: #734300}
#contentRD td a:hover img { background-color: #874e00;}

/* CONTENTRD > FOOTER */
#contentRD p.footer { float: left; width: 493px; text-align: right; font-size: 11px; margin-top: 5px; margin-bottom: 0; background: url(../images/logos/TreeTrustSmall.gif) 50% 50% no-repeat; }
* html #contentRD p.footer { margin-top: -5px; }
#contentRD p.footer img { float: left; border: none; padding: 0; margin: 0; }
#contentRD p.footer strong { color: #568628; }

/* ICONS */
#contentRD p.price { font-size: 11px; margin-top: -10px; text-transform: uppercase; margin-bottom: 20px; color: #2d688d;}
#contentRD p.link { font-size: 11px; margin-top: -10px; }
#contentRD p.acrobat { font-size: 11px; margin-top: -10px; }
#contentRD p.go { font-size: 11px; margin-top: -10px; }
#contentRD p.return { text-align: center; font-size: 12px; }
#contentRD p.login { float: left; width: 100%; text-align: center; font-size: 11px; margin-top: -10px; }
#contentRD p.link a { padding: 2px 0 2px 24px; background: url(../images/icons/document.gif) 0 60% no-repeat; }
#contentRD p.acrobat a { padding: 2px 0 2px 24px; background: url(../images/icons/acrobat.gif) 0 60% no-repeat; }
#contentRD p.go a { padding: 0 0 2px 22px; background: url(../images/icons/go.gif) 0 60% no-repeat; }
#contentRD p.return a { padding: 0 0 2px 22px; background: url(../images/icons/return.gif) 0 60% no-repeat; }
#contentRD p.login a { padding: 0 0 2px 22px; background: url(../images/icons/go.gif) 0 60% no-repeat; }
#contentRD p.word { font-size: 11px; margin-top: -10px; }
#contentRD p.word a {padding: 2px 0 2px 24px; background: url(../images/icons/word.gif) 0 60% no-repeat; }

/* LINE */
#contentRD div.line { float: none; width: 493px; margin-bottom: 15px; }
#contentRD div.line-float { float: left; width: 493px; margin: 1px 0 15px 0; height: 1px; line-height: 0; background: url(../images/backgrounds/DottedLine.gif) 0 0 repeat-x;}
#contentRD div.line-home { float: left; width: 493px; margin: 1px 0 15px 0; height: 1px; line-height: 0; background: url(../images/backgrounds/DottedLine.gif) 0 0 repeat-x;}