/* CSS Document */
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px 0px 20px 0px; background-color: #39860a; background-image:url(../images/background.jpg); background-repeat:repeat-x; }

#topbar { padding-top: 10px; width: 754px; text-align:center; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCCCCC; padding-bottom:10px; }
#top-ecolinks { padding: 0px 20px 0 0; width: 754px; text-align:right; }

#top-ecolinks .links { font-size: 12px; padding:0px 10px 5px 10px; }
#top-ecolinks .links a { color:#006633; text-decoration:underline; }
#top-ecolinks .links a:hover { color:#000033; text-decoration:none; }

#top-ecolinks .links a h1 { color:#006633 }
#top-ecolinks .links a:hover h1 { font-size: color:#006633 }

#layout { margin-right: auto; margin-left: auto; background-color: #FFFFFF; width: 754px; border-bottom-width: 0; border-bottom-style: solid; border-bottom-color: #f2c318; }

#logo-hp { margin: 20px 0px 0px 0px; float:left; clear:none; }
#logo-hp #links { font-size: 16px; text-align:right; margin: 20px 10px 0px 0px; line-height:25px; width:361px; }
#logo-hp #links a { color:#165c07; font-weight:bold; text-decoration:none; background-image: url(../images/greenleaves.gif); background-repeat: no-repeat; background-position: left; padding-left:32px; padding-top:10px; }
#logo-hp #links a:hover { color:#000000; margin: 0px 10px 0px 0px; }

#ecophoto-hp { margin: 55px 3px 3px 0px; float:right; clear:right; width:365px; }

#main { width:754px; }
#main #sec { padding: 40px 10px 10px 10px; }
#main #sec .links { font-size: 14px; padding:0px 10px 5px 10px; text-align:justify; }
#main #sec .links a { color:#006633; text-decoration:underline; }
#main #sec .links a:hover { color:#000033; text-decoration:none; }

#main #leftcolumn { margin: 55px 0px 10px 10px; width:350px; float:left; clear:left; border-right-width: 1px; border-right-style: dotted; border-right-color: #CCCCCC; padding-right:10px; }
#main #rightcolumn { margin: 25px 10px 0px 0px; width:365px; float:right; clear:right; }

#main #leftcolumn #bags { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCCCCC; padding-bottom:10px; text-align:center; }
#main #leftcolumn #bags .text { font-size: 10px; line-height:18px; clear:both; }
#main #leftcolumn #bags .centertext { font-size: 10px; }
#main #leftcolumn #bags .text a { color:#165c07; font-weight:bold; text-decoration:none; background-image: url(../images/greenleaves.gif); background-repeat: no-repeat; background-position: left; padding-left:32px; }
#main #leftcolumn #bags .text a:hover { color:#000000; margin: 0px 10px 0px 0px; }



#main #rightcolumn #content { margin: 30px 10px 10px 0px; padding: 0 0 0 5px; }
#main #rightcolumn #content .content { text-align:justify; font-size:14px; }

#main #rightcolumn #content #headline {text-align:center; margin-bottom:10px; background-color:#e2e2e2; padding: 0px 0px 10px 0px; }
#main #rightcolumn #content #headline h1 { font-size: 16px; margin-top:0px; padding-top:5px; }


.redlinks { color:#ff2400; }
a.redlinks { color:#ff2400; }
a.redlinks:hover { color:#343433; }

a.more { color: #f57f20; font-weight:bold; text-decoration:none; }
a.more:hover { color: #ef4623; }

/* HP Footer */
#footer { font-family: Arial, Helvetica, sans-serif; background-color: #ffffff; width: 754px; height: 130px; color: #000000; text-align: left; padding:0px 0px 15px 0px; border-top-width: 2px; border-top-style: solid; border-top-color: #3d5bac; margin-top:10px; }
#footer .eco { font-size: 12px; font-weight: bold; font-variant: small-caps; padding:10px 0px 5px 10px; }
#footer .links { font-size: 12px; padding:0px 10px 5px 10px; }
#footer .links a { color:#006633; text-decoration:underline; }
#footer .links a:hover { color:#000033; text-decoration:none; }