Center Align Footer content

I am trying to center align my footer content and having trouble

Site: https://www.edenwaybirthcenter.com

This is what my footer code looks like now:

#footer {
background: #e7c5c1;
width: 960px;
height: 40px;
margin: 20px auto 20px;
padding: 0px;
text-align: center;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px 5px 5px 5px;
}
#footer p {
color: #666666;
font-size: 11px;
font-family: Georgia, “Times New Roman”, Times, serif;
line-height: 40px;
text-align: center;
margin: 0px;
padding: 0px 0px 0px 0px;
}
#footer a, #footer a:visited {
color: #666666;
text-decoration: underline;
}
#footer a:hover {
color: #333333;
text-decoration: none;
}
#footer .footerleft {
float: left;
display: block;
margin: 0px 0px 0px 15px;
padding: 0px;
}
#footer .footerright {
float: right;
display: block;
margin: 6px 10px 0px 0px;
padding: 0px;
}