html, body, img, h1, h2, h3, h4, h5 {margin: 0; padding: 0;}

body {
	background: url(/images/bgd.gif) left top repeat;
	text-align: center;
	font-family: times, sans-sarif;
	font-size: 15px;
	color:#000000;
	float: left;
       }


h1 { font-size: 25px; color: #631010; margin: 5px auto 10px auto; padding: 0; text-align: center; }
h2 { font-size: 140%; }
h3 { font-size: 130%; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }


ul li, ol li { font-size: 100%; }
ul li ul li a { font-size: 100%; }	                 
	                 
a:link {color:#804000;}
a:hover {color:#804000;}
a:visited {color:#804000;}
a:visited:hover {color:#804000;}

.imgcap { float: right; text-align: right; font-size: 11px; width: 235px; margin: 0 0 10px 10px; padding: 0; }

.bottomquote { font-size: 90%; text-align: center; border-top: 1px solid #631010; margin: 20px 0 10px 0; padding: 10px; }

.box {
	text-align: left;
	border: 1px solid #631010;
	font-family: arial;
	color: #631010;
	background: #D6B59C;
	padding: 4px;
	font-size: 12px;
	margin: 20px 0px 20px 0px;
}

.bottombox {
	text-align: left;
	border: 1px solid #631010;
	font-family: arial;
	color: #631010;
	background: #D6B59C;
	padding: 2px;
	font-size: 12px;
	margin: 10px 20px 10px 20px;
}


#wrap { width:730px; margin: 10px auto 0 auto; padding: 0; }

#cap { font-family: arial; font-size: 10px; }

#dis { font-size: 11px; font-family: arial; text-align: center; text-decoration: underline; }

#left { float: left; width: 150px; text-align: center; margin: 0; padding: 0; }

#right { float: right; width: 570px; margin: 0; padding: 0; text-align: left; background: #CCB0A5; }

#rightwide {
	float: left;
	width: 700px;
	margin: 20;
	padding: 20;
	text-align: center;
	background: #CCB0A5;
	position: relative;
	top: 20px;
}

#footer { clear: both; text-align: center; font-size: 12px; margin:0 0 50px 0; padding: 20px 0 0 0; }

#footer span { font-size: 11px; }

#inner {margin: 0 auto 0 auto; width: 530px; padding: 5px; }

#nav { margin:0; padding:0; text-align: center; }
#nav ul {margin: 0; padding:0;}
#nav li {margin: 3px 0 4px 0; padding:0; list-style:none;}
#nav a { margin: 0; padding:0; display: block; width:150px; height:25px; text-decoration: none;}
#nav span { display: none; }

#home { background: url(/images/home.gif) top no-repeat;}
#home:hover {background: url(/images/home_on.gif) top no-repeat;}

#adopt {background: url(/images/adopt.gif) top no-repeat;}
#adopt:hover {background: url(/images/adopt_on.gif) top no-repeat;}

#info {background: url(/images/info.gif) top no-repeat;}
#info:hover {background: url(/images/info_on.gif) top no-repeat;}

#books {background: url(/images/books.gif) top no-repeat;}
#books:hover {background: url(/images/books_on.gif) top no-repeat;}

#merchandise {background: url(/images/merchandise.gif) top no-repeat;}
#merchandise:hover {background: url(/images/merchandise_on.gif) top no-repeat;}

#about {background: url(/images/aboutus.gif) top no-repeat;}
#about:hover {background: url(/images/aboutus_on.gif) top no-repeat;}

#africa {background: url(/images/africantours.gif) top no-repeat;}
#africa:hover {background: url(/images/africantours_on.gif) top no-repeat;}

#order {background: url(/images/orders.gif) top no-repeat;}
#order:hover {background: url(/images/orders_on.gif) top no-repeat;}

#newsletter {background: url(/images/newsletter.gif) top no-repeat;}
#newsletter:hover {background: url(/images/newsletter_on.gif) top no-repeat;}

#donations {background: url(/images/donations.gif) top no-repeat;}
#donations:hover {background: url(/images/donations_on.gif) top no-repeat;}

#wishlist {background: url(/images/wish.gif) top no-repeat;}
#wishlist:hover {background: url(/images/wish_on.gif) top no-repeat;}

#faqs {background: url(/images/faqs.gif) top no-repeat;}
#faqs:hover {background: url(/images/faqs_on.gif) top no-repeat;}

.pic { float: right; margin-left: 5px; }
.pic150r { float: right; margin-left: 5px; width: 160px; }
.pic200r { float: right; margin-left: 5px; width: 210px; }
.pic250r { float: right; margin-left: 5px; width: 260px; }
.pic150 { float: left; margin-left: 5px; width: 160px; }
.pic200 { float: left; margin-left: 5px; width: 210px; }
.pic250 { float: left; margin-left: 5px; width: 260px; }

.pic span { font-family: arial; font-size: 11px; }
.pic150r span { font-family: arial; font-size: 11px; }
.pic200r span { font-family: arial; font-size: 11px;  }
.pic250r span { font-family: arial; font-size: 11px;  }
.pic150 span { font-family: arial; font-size: 11px;  }
.pic200 span { font-family: arial; font-size: 11px;  }
.pic250 span { font-family: arial; font-size: 11px;  }
