After fixing one issue with the footer div, I seem to have created another problem :)
The footer is currently broken on this page:
You can see that the footer extends across the entire page.
Now, compare it to this page:
On this page, the footer spans the whole width and has larger text.
Below is the CSS styling for the footer that is supposedly used on both pages. However, this might be causing the issue here :)
/* styles for footer */
.footer
{
padding: 0.5em 0;
margin: 0 auto;
margin-bottom: 20px;
text-align: center;
vertical-align:center;
background: #fff;
color: #462c1f;
border: 10px solid #fff;
}
.footer a, .footer span {
color: #462c1f;
font-size:85%;
}
.footer a {
color: #7E9940;
font-size:85%;
}
.footer a:hover {
text-decoration: underline;
color: #3f6b30;
}