body { margin: 0; padding: 0;
background-image:url(http://www.bonobo.org/adopt-a-bonobo/images/bgrid.gif); height: 100%; width: 100%; font: normal 0.8em Tahoma, Verdana, Geneva, "Lucida Grande", Arial, Helvetica, sans-serif; }


a {color: #ffa700; text-decoration:none;}
a:hover {text-decoration:underline;}

#container {
	width: 900px;
	margin: 0 auto 0 auto;
	position: absolute;
	font-family: Tahoma, Verdana, Geneva, "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 12px;
	top: 0px;
	left:50%;
	margin-left:-450px;
}

#top {
	width: 900px;
	height: 236px;
	padding-top:10px;
	padding-bottom: 20px;
	background: #ffa700 url(top.jpg) center center no-repeat;
	position: relative;
	
}

#picturepush
{
	width:100%;
	height:35px
	
}
#quick {
	width:590px;
	float:right;
}
#content {
	width: 900px;
	height:1500px;
	background: #fff url(background-flower.jpg) left bottom no-repeat;
	left: 0px;
	top: 0px;
	z-index:1;
}

#left {
	margin: 0px 20px 0 0;
	clear: both;
	position: absolute;
	left: 0px;
	top: 290px;
	width: 215px;
	z-index:1;
}

#right {
	clear: both;
	position: absolute;
	left: 434px;
	top: 284px;
	width: 215px;
	z-index:1;
}
#left img { margin-bottom: 20px }

#center {
	width: 665px;
	margin-top: 30px;
	position: absolute;
	left: 235px;
	top: 259px;
 }
 
#greenboxxx
{
	position: absolute;
	left:50%;
	margin-left:-450px;
	top: 1425px;
	background-color:#88a671;
	filter:alpha(opacity=35);-moz-opacity:.35;opacity:.35;
	width:900px;
	

}

#greenboxxx2
{
	position: absolute;
	left:50%;
	margin-left:-450px;
	top: 1425px;
	width:900px;
	

}
#center .title1 { width: 475px; height: 45px; background: url(title1.jpg) no-repeat; margin: 0 0 10px 0px; clear: both; }
#center .text_intro { color: #003300; font-size: 14px; font-weight: bold; margin: 0 0 10px 75px;  clear: both; }
#center .text_intro p  { font-weight:normal; display: inline; }
#center .title2 {width: 510px; height: 30px; background: url(title2.jpg); margin: 0 0 10px 75px; clear: both;}
#center .text_intro2 {  margin: 0 0 10px 75px;  clear: both; }

#center .box {clear: both; float: left; margin: 20px 0 20px 0; overflow:hidden; width:440px}
#center .space_button { width: 75px; height: 100px; float:left; clear: both;}
#center .text  {
	float:left;
	width:349px;
	padding-right: 5px;
	overflow: visible;
	clear: none;
}
#center h2 { margin: 0 0 10px 75px;  clear: both; color: #336600; font-size: 13px; margin: 0; }
#center ul {  list-style-image: url(dot.jpg); padding: 0 0 0 15px;}


h2 { margin: 0 0 10px 75px;  clear: both; color: #336600; font-size: 13px; margin: 0; }
ul {  list-style-image: url(dot.jpg); padding: 0 0 0 15px;}

#center .box5 {border-color:#286644 ;  border-style: dotted; border-width: 1px; clear: both; margin: 20px 0 20px 0; width: 550px; float:left; }
#center .box5 h2 { width: 550px;  }
#center .box5 ul li {width: 550px;    }
#center .box5 p {width: 550px; }
#center2 {filter:alpha(opacity=65);-moz-opacity:.65;opacity:.65; background-color:#88a671;}


#center .photo5 { width: 182px; height: 131px; float: right;  background: url(photo5.jpg) top 
no-repeat; }
#center .photo6 { width: 182px; height: 193px;  float: right; background: url(photo6.jpg) top no-repeat; }
#center .photo7 { width: 149px; height: 257px;  float: right; background: url(photo7.jpg)  top no-repeat; }
#center .photo8 { width: 226px; height: 266px;  float: right; background: url(photo8.jpg)  top no-repeat; }

$

#bottom { width: 900px; height: 30px; background: #ff9900; clear: both; vertical-align: text-top; color: #fff }