* {
		margin: 0;
		padding: 0;		
}
body {
		text-align: center;
}
#page {
		margin: 0 auto;
		width: 800px;
		font-size:1em;
		color:#333;
		text-align: left;
		font-family: "Myriad Web Pro", sans-serif;		
		
}
#header {
		background:url(NEWHappyHopperHeader800.jpg);
		width: 800px;
		height: 242px;
}

#header a{
		text-decoration: none;
		color: #6f8561;
}
#header a:hover {
		color: #938a49;
}
#header ul {
		float: left;
		padding-top: 215px;
		padding-left: 20px;		
}
#header ul li {
		display: inline;
		
}
.heading-col {
	    color: #938a49;
}
.shopCol {
	    color: #F00;		
}
.shopCol:hover {
	    color:#F66;
}
#content {
		float: right;
		width: 645px;
		padding: 0px 15px 10px 10px;
		margin: 0px 0px 0px 0px;
}
#content a {
		color: #6f8561;
}
#content ul li {
		list-style-image: url("paw.gif");
		margin-left: 20px;
}
#content h1 {
		border-bottom: 1px solid #a7b68f;
		text-align:center;
		padding: 6px;
		margin: 0px 40px 0px 40px;
		font-size: 1.2em;
		color: #6f8561;

}
#content h2 {
		font-size: 1.1em;
		color: #938a49;

}
#content h3 {
	    font-size: 1em;
		color: #6f8561;

}
#content p {
		word-spacing: 1px;
}
#content-info {
		padding: 5px 20px 5px 20px;
		margin-bottom: 50px;
}
#content-info h1 {
		border-bottom: 1px solid #6f8561;
		text-align:center;
		padding: 5px 0px 5px 0px;
		margin: 5px 200px 15px 200px;
		font-size: 1.2em;
		color: #6f8561;

		text-align: center;	 
}
#content-contact {
		padding: 5px 50px 5px 50px;
		margin-bottom: 10px;
}
#content-contact h1 {
		border-bottom: 1px solid #6f8561;
		padding: 5px 60px 5px 60px;
		margin: 5px 100px 15px 100px;
		font-size: 1.2em;
		color: #6f8561;

		text-align: center;	 
}

#content-gallery {
	    float:right;
		width: 648px;
	    padding:2px;
		margin:8px 0px 10px 0px;
}

#gallery-menu {
		float: left;
		width: 118px;
		background-color:#FFF;
		padding: 10px 10px 10px 5px;
		margin: 2px 3px 2px 0px;
}
#gallery-menu ul li {
		list-style-type:none;
}
.galText1 {
	    width:640px;
		padding:0px;
		margin:0px;
}
#jjad {
		float:left;
		width: 140px;
		text-align:center;
		padding:5px 0px 0px 0px;
}
.galPic1 { 
        float:left;
		width: 240px;
		padding: 2px;
		margin: 10px 30px 0px 40px;
		border:#660 double thick;
}
.galPic2 { 
        float:right;
		width:240px;
		padding: 2px;
		margin: 80px 40px 0px 10px;
		border:#660 double thick;
}
.galPic3 { 
        float:right;
		width:320px;
		padding: 2px;
		margin: 40px 100px 0px 0px;
		border:#660 double thick;
}
.galPic4 { 
        float:left;
		width:310px;
		padding: 2px;
		margin: 50px 0px 0px 0px;
		border:#660 double thick;
}
.galPic5 { 
        float:left;
		width:300px;
		padding: 2px;
		margin: 60px 20px 0px 0px;
		border:#660 double thick;
}
.galPic6 { 
        float:right;
		width:240px;
		padding: 2px;
		margin: -240px 10px 0px 20px;
		border:#660 double thick;
}
.galPic7 { 
        float:left;
		width:230px;
		padding: 2px;
		margin: 30px 0px 0px 30px;
		border:#660 double thick;
}
.galPic8 { 
        float:left;
		width:300px;
		padding: 2px;
		margin: -60px 0px 0px 0px;
		border:#660 double thick;
}
.galPic9 { 
        float:left;
		clear:both;
		width:280px;
		padding: 2px;
		margin: 40px 0px 0px 0px;
		border:#660 double thick;
}
.galPic10 { 
        float:right;
		width:300px;
		padding: 2px;
		margin: 30px 0px 0px 0px;
		border:#660 double thick;
}
.galPic12 { 
        float:left;
		width:400px;
		padding: 2px;
		margin: 40px 0px 0px 60px;
		border:#660 double thick;
}
.galPic11 { 
        float:right;
		width:220px;
		padding: 2px;
		margin: 30px 0px 0px 0px;
		border:#660 double thick;
}
#content-badfood {padding:5px;
}
#content-badfood h1 {
	    border-bottom: 1px solid #6f8561;
		padding: 5px 20px 5px 20px;
		margin: 5px 100px 15px 100px;
		font-size: 1.2em;
		color: #6f8561;

		text-align: center;
}
#content-badfood h2 {
	    font-size: 1.1em;
		color: #938a49;

}
#content-facts {
	    float:right;
		width:600px;
	    padding:0px 10px 10px 30px;
		margin:0px 10px 10px 0px;
}
#content-facts h1 {
	    border-bottom: 1px solid #a7b68f;
		text-align:center;
		padding: 6px;
		margin: 0px 0px 0px 0px;
		font-size: 1.2em;
		color: #6f8561;
}
#contentB {
	    float:right;
		font-size: 1.1em;
		text-align:center;
		width: 116px;
		padding:2px;
		margin: 30px 6px 1px 1px;
		background-color:#bfd1bb;
		border: #000 solid 1px;
}
#content-health2 {
	    float:right;
		width:780px;
		padding:5px;
		margin:5px;
}
#content-health2 a {
	    color: #6f8561;
}
#content-health2 h2 {
		font-size: 1.1em;
		color: #938a49;

}
#content-health2 h3 {
	    font-size: 1em;
		color: #6f8561;

}
#menu {
		float: left;
		width: 118px;

		padding: 10px 5px 10px 5px;
		margin: 2px 2px 2px 0px;

}
#menu ul li {
		list-style-type:none;
}
 
#content-safefood {
		padding: 5px 50px 5px 50px;
		margin-bottom: 10px;
}
#content-safefood h1 {
		border-bottom: 1px solid #666666;
		padding: 5px 60px 5px 60px;
		margin: 5px 100px 15px 100px;
		font-size: 1.5em;
		color: #754c24;

		text-align: center;	 
}
#safelist-left {
	    clear:left;
		float: left;
		width: 330px;
		padding:0px 10px;
		margin: 0px 20px 10px 50px;
}
#safelist-right {
		float: left;
		width: 280px;
		padding:0px 20px;
		margin: 0px 20px 10px 30px;
}
#backbutton {
		clear: both;
		text-align: center;	
}
a img{
		border: none;
	    cursor: hand;
}
.highlighter {
	    background-color:#bfd1bb;
}
.homepic {
		float: left;
		padding: 0px 0px 10px 0px;
		margin: -10px 10px 1px 0px;
}
.homeShopAd {
	    float: left;
		padding: 30px 0px 0px 0px;
		margin: 0px 0px 0px 0px;		
}
.homeAdTable {
	    float: right;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;			
}
.newbunnypic {
		float: right;
		padding: 1px;
		margin: 10px 10px 1px 2px;
}
.housingpic {
		float: right;
		padding: 1px;
		margin: 0px 20px 1px 2px;
}
.housingshoplink {
		float: right;
		padding: 1px;
		margin: -30px -10px 1px 0px;
}
.feedingpic {
		float: left;
		padding: 1px;
		margin: 1px 4px 1px -134px;
}
.feedingshoplink1 {
		float: right;
		padding: 1px;
		margin: 0px 4px 1px 4px;
}
.feedingshoplink2 {
		float: right;
		padding: 1px;
		margin: -30px 0px 1px 0px;
}
.healthpic {
		float: right;
		padding: 1px;
		margin: -20px 40px 1px 2px;
}
.bunnylangpic {
		float: right;
		padding: 1px;
		margin: 55px 0px 1px 2px;
}
.litterpic {
		float: right;
		padding: 1px;
		margin: 1px 1px 1px 1px;
}
.playpic {
		float: left;
		padding: 0px;
		margin: 0px 10px 0px 0px;
}
.playshoplink {
		float: right;
		padding: 0px;
		margin: 10px 0px 0px 10px;
		border:#663 thin dotted;		
}
.handlingpic {
		float: right;
		padding: 1px;
		margin: 1px 10px 1px 1px;
}
.handlinga {
		float: left;
		padding: 6px 8px 1px 1px;
		margin: 1px 1px 1px 1px;
}
.handlingb {
		float: right;
		padding: 1px 1px 6px 6px;
		margin: -4px 15px 1px 1px;
}
.handlingc {
		float: left;
		padding: 1px 10px 50px 1px;
		margin: 1px 1px 1px 1px;
}
.handlingmenuadd {
	    float: left;
		padding: 1px 1px 1px 1px;
		margin: 10px 1px 1px 1px;
		border:#663 thin dotted;
}
.rescuepic {
		float: right;
		padding: 1px;
		margin: -20px 1px 1px 1px;
}
.rescuepic2 {
		float: left;
		padding: 1px 1px 1px 1px;
		margin: 20px 10px 10px -130px;
}
#footer {
		clear: both;
		background-image:url(pictures/happyhopperFOOT.jpg);
		height: 150px;
		width: 800px;
}
#footer ul {
	    float:left;
		padding-top: 130px;
		padding-right: 20px;		
}
#footer ul li {
		display: inline;
		border-right: 2px solid #ffffff;
		margin-left: 5px;
		padding-right: 5px;
		
}
#footer a {
		text-decoration: none;
		color:#363;
}
.footer-text {
		text-align: right;
		color:#363;
		padding-top: 130px;
}
.clear {
		clear: both;
}