* {
	margin: 0px;
	padding: 0px;
}
body {
	background: url(images/bkgd.gif) repeat;
	font: 0.75em/1.7em Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
#shadow {
	background-image: url(images/shadow.gif);
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 10px;
	padding-right: 10px;
	background-repeat: repeat-y;
	overflow: hidden;
}
img.block {
	display: block;
}
/* Logo & Tagline */
#header {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
h1, h2 {
	font-size: 20px;
	}
.replace{
      position:relative;
      margin:0px; padding:0px;
      /* hide overflow:hidden from IE5/Mac */
      /* \*/
      overflow: hidden;
      /* */
}
.replace span{
      display:block;
      position:absolute;
      top:0px;
      left:0px;
      z-index:1; /*for Opera 5 and 6*/ } 
#logoh1, #logoh1 span{
      height:187px;
      width:960px;
      background-image: url(images/logo.jpg);
}
#tagh2, #tagh2 span{
	width:960px;
	height:50px;
	background-image: url(images/tagline.jpg);
}
/*navigation*/
ul#nav {
	width:200px;
	float: left;
	padding-top: 30px;
	padding-left: 20px;  
	background: url(images/nav_bkgd.gif) repeat-x;     
}

ul#nav li {
        list-style-type: none;
        float: left;
}

ul#nav li a {
        height: 40px;
		float: left;
}

ul#nav li a:hover {
        background-position: 0px -40px;
}
ul#nav li a.nav2 {
        height: 67px;
		float: left;
}

ul#nav li a.nav2:hover {
        background-position: 0px -67px;
}

li.home a {
        width: 180px;
        background-image: url(images/home_button.gif);
        background-repeat: no-repeat;
}
li.about a {
        width: 180px;
        background-image: url(images/about_button.gif);
        background-repeat: no-repeat;
}
li.conserving a {
        width: 180px;
        background-image: url(images/conserving_button.gif);
        background-repeat: no-repeat;
}
li.what a {
        width: 180px;
        background-image: url(images/what_button.gif);
        background-repeat: no-repeat;
		margin-top: 15px;
}
li.get a {
        width: 180px;
        background-image: url(images/get_button.gif);
        background-repeat: no-repeat;
}
li.contact a {
        width: 180px;
        background-image: url(images/contact_button.gif);
        background-repeat: no-repeat;
}
li.join a.nav2 {
        width: 185px;
        background-image: url(images/join_button.jpg);
        background-repeat: no-repeat;
		margin-top: 20px;
}
li.donate a.nav2 {
        width: 185px;
        background-image: url(images/donate_button.jpg);
        background-repeat: no-repeat;
}
li.home a span, li.about a span, li.conserving a span, li.what a span, li.get a span, li.contact a span, li.join a.nav2 span, li.donate a.nav2 span {
	display: none;
}
/*content*/
h3 {
	font-size: 150%;
	font-weight: bold;
	color: #A96313;
	padding-bottom: 10px;
	padding-top: 15px;
}

p {
	padding-bottom: 20px;
}
#content a {
	color: #434E26;
}
#content {
	float: left;
	background-image: url(images/tree_photos_bkgd.jpg);
	background-repeat: repeat-x;
	background-position: bottom right;
	width: 680px;
	padding: 20px 0px 300px 40px;
}
#content-nophoto a {
	color: #434E26;
}
#content-nophoto {
	float: left;
	width: 680px;
	padding: 20px 0px 20px 40px;
}
#content img.right, #content-nophoto img.right {
	float: right;
	padding-left: 20px;
}
#content img.left, #content-nophoto img.left {
	float: left;
	padding-right: 20px;
}
/*footer*/
#footer {
	background: url(images/footer_bkgd.gif) repeat;
	width: 940px;
	float: left;
	padding: 10px;	
	line-height: 16px;
}
#footer p {
	color: #8C9478;
	font-size: 90%;
}
p.left{
	float: left;
	padding-top: 15px;
	padding-left: 10px;
}
p.right {
	float: left;
	padding-top: 10px;
	padding-left: 170px;
	display: inline;
}