html,body{margin:0;padding:0}

html {min-height: 101%;}

body{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	background-image:url(../images/design/redwoods-bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#acaf9b;
	font-size:76%;
	color:#333;
	margin:0;
	/*min-width:800px;*/
}

/* page structure */
div#page{
		
		width:998px;	
		margin:0 auto;
		background-image:url(../images/design/page-bg_03.png);
		background-repeat:repeat-y;
		background-position:center;
		height:100%;
		min-height:800px;
	
		}
	

div#wrapper{
	width:980px;
	margin:auto;border: 1px solid black;
	 
	 
}
div#content{margin:20px 0 0 0; float:left;  width:530px; }
div#leftcol{width:180px;float:left;	 }
div#right{width:230px; margin:0 0 0 750px; 	}
div#footer{clear:left;width:100%;}
/* end structure*/

/*link styles*/
a{color:#063; }

/*page header*/
div#header{	
		background-color:#36c; 
		background-image:url(../images/design/gradient_01.gif);
		background-repeat:repeat-y;
		color:#fff;
		width:981px;
		margin:0 auto;
		height:146px;
		font-family:Arial, Helvetica, sans-serif;
		
}
		
div#banner{
	margin:auto; 
	height:146px;
	background-image:url(../images/design/earth_01.jpg);
	background-repeat:no-repeat;
	}
div#banner img{margin:10px 0 0 0; float:right;}		
div#banner h1{
	font-size:2.2em;
	padding-top:4px;
	margin:0 0 5px 200px;
	white-space:nowrap;
	
}

p.address{margin:0 0 0 200px; font-size:1.2em;}

div#logo{ margin:0; float:right;}
div#logo p{margin:0; text-align:center;}
div#logo a{color:#fff; font-weight:bold; font-size:.9em;}

div#earth{ margin:0; float:left;}
/*end header*/


/*content typography*/
div#content a{color:#063;}
div#content ul, ol{
	margin-right:5em;
}
div#content p{margin:5px 0 5px 20px; line-height:120%}
div#content h1{color:#333; font-size:1.8em; font-weight:bold; margin:0 5em 0 20px;}
div#content h2{color:#333; font-size:1.5em; font-weight:bold; margin:.5em 5em 0 20px;}
div#content h3{color:#333; font-size:1.4em; font-weight:bold; margin:.5em 5em 0 20px;}
div#content h4{color:##333; font-size:1.3em; font-weight:bold; margin:.5em 5em .5em 20px;}
div#content h5{margin:0 5em .5em 0; font-size:1.2em;}
div#content h6{margin:1.8em 0 .5em 0; font-size: 1em;}
div#content table{margin-left:1em;}

div#content ul{
	list-style-type: disc;

margin, padding:0;		margin-bottom: 0.5em;
}
div#content ul li{
	margin-top: 0.5em;
	margin-right: 0;
	margin-left: 2em;
}

/* news iframe*/
div#news{padding:6px;}
div#news a{color:#063; }
div#news ul, ol{
	margin-right:5em;
}
div#news p{margin:5px 0 5px 0; line-height:120%}
#news{background-color:#fff; margin:-30px 0 0 0;}
div#news h1{color:#333; font-size:1.6em; font-weight:bold; margin:0;}
div#news h2{color:#333; font-size:1.3em; font-weight:bold; margin:.5em 0 0 0;}
div#news h3{color:#333; font-size:1.2em; font-weight:bold; margin:30px 0 0 0;}

div#newst h4{color:##333; font-size:1.1em; font-weight:bold; margin:.5em 0 .5em 0;}
/*misc styles*/

div#bullet ul{list-style-type:circle; margin, padding:0;}
div#bullet ul li{margin:.5em 0 0 2em; list-style-type:circle;}

.yellow{color:#fc0; font-weight:bold;}
.small{font-size:.9em;}
.urhere3 {color:#666;}

/*left col typogrophy*/
div#leftcol a{text-decoration:none;}
div#leftcol p{ margin: .3em 0 .3em 1.3em; font-size:.95em; font-weight:bold; text-indent:-.6em;}
div#leftcol h3{margin: .5em 0 0 .5em; font-size:1.2em; font-weight:bold;}

#leftcol img{margin:30px 0 0 40px;text-align:center; float:left;}
#menulogo a{color: #36c; text-decoration:none; }
#menulogo a.hover{text-decoration:underline;}

/*right col typogrophy*/
div#rightbox{ padding:4px; border: 1px dotted #36c;  font-size:1em; margin: 2em 0 0 0; text-align:center;}
div#rightbox h2{font-size:1.1em; color:#333; margin:.5em 0 0 0; text-align:left;}
div#rightbox h3{font-size:1em; color:#333; margin:.5em 0 0 0; text-align:left;}
div#rightbox p{ text-align:left; margin: 0 2px 4px 2px;}
div.quote{/* width:19em*/}
div.quote p{font-style:italic; padding:1.5em 0 0 0; color:#2852a6; font-weight:bold; padding:10px 10px 10px 20px; text-indent:-7px; }
p.attribution{ padding:padding:10px 10px 10px 20px; color:#2852a6; font-weight:bold;  width:19em}
#right img{}

/*footer*/
div#footer{ margin:0; text-align:center; font-size:.9em;}
div#footer p{padding:3em 0 2em 0; margin:0;}

/* LEFT MENU NAVIGATION */


#nav, #nav ul { /* all lists */
		padding: 0;
		margin:0;
		list-style: none;
		float : left;
		width : 180px;
	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		width: 180px;
	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 180px;
		margin-top : -1.35em;
		z-index:10;
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
		
	}
	
	#nav li a {
		width: 180px;
		w\idth : 170px;
		display : block;
		color : black;
		font-weight : bold;
		text-decoration : none;
		padding :.5em;
		border: 1px solid #36c;
		color: #36c;
 		background-color:#f7f2dd;
	}
	
	#nav li a:hover {
		background-color:#36c;
		color:#fff;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
	


#page #wrapper #content #checklist ul{margin:0 0 0 10px;}

#page #wrapper #content ##donatelist2 ul{margin:0 0 2px 10px;}

#page #wrapper #content #checklist li{
list-style-image:url(../images/listbutton1.gif);
	margin:0;
		padding:0;
	}
#page #wrapper #content #donatelist2 li {
	list-style-position: inside;
	list-style-type: square;
	padding: 0;
	margin:0;
}

#page #wrapper #content #donatelist2 {margin:0 0 0 16px;}
#page  #wrapper  #content  #donatelist3 li {
	list-style-position: inside;
	list-style-type:circle;
	list-style-image:url(../images/listbutton2.gif);
}

#box{border: 1px solid #333; padding:0 10px 0 10px; width:80%; margin-top:16px;}