How do I properly center the footer div on the bottom of this html file?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Pierson Creek Kennels</title>
<style type="text/css">
<!--
.style1 {
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #454747;
}
.style2 {
font-size: 12px;
color: #454747;
font-family: Arial, Helvetica, sans-serif;
color: #454747;
}
.style3 {
font-size: 15px;
color: #454747;
font-family: "Times New Roman", Times, serif;
font-weight: bold;
}
.spacer {
font-size: 10px;
color: #454747;
font-family: Arial, Helvetica, sans-serif;
padding-right: 30px;
padding-left: 30px;
}
a:link {
color: #454747;
text-decoration: none;
}
.footer {
background-image: url(images/petCareServices.gif);
background-repeat: no-repeat;
background-position: right;
height: 58px;
padding-top: 15px;
width: 950px;
align: center;
}
a:visited {
text-decoration: none;
color: #454747;
}
a:hover {
text-decoration: underline;
color: #727474;
}
a:active {
text-decoration: none;
}
body {
background-color: #FFFFFF;
}
-->
</style>
</head>
<body><p align="center" class="style1">
</p>
<p align="center" class="style1"><img src="images/Pierson-Creek-Kennels_logo.gif" alt="Pierson Creek Kennels" width="622" height="67" />
<br />
Recommended by area veterinarians.</p>
<div align="center"><br>
</div>
<p align="center" class="style3">YOU CALL US A KENNEL; YOUR DOG THINKS WE'RE A SPA.</p>
<div align="center"><br>
</div>
<p align="center"><img src="images/Pierson-Creek-Kennels_Dogs.jpg" /></p><p align="center" ><span class="spacer"><a href="about.html">ABOUT</a></span><span class="spacer">HISTORY</span><span class="spacer">SERVICES</span><span class="spacer">WHAT TO BRING</span><span class="spacer">DOG’S DAY</span><span class="spacer">HOURS & LOCATION</span><span class="spacer">CONTACT</span></p><p align="center"><div align="center" class="footer">
<div align="center" class="style2">Toll Free: 888-875-8379 / 609 397 5783 / Fax: 609-397-5771 / 1484 State Hwy 179, Lambertville, New Jersey 08530 <br />
Contact us for reservations and rates. ********</div>
</div>
<div align="center">
</p>
</div>
</body>
</html>