Footer overlaps content

Hello,

I'm trying to move my footer down lower on my website, and I'm having issues figuring it out. When I set a top margin, my footer goes to the right place, but it's on top my other content, and so I can't click on links on some pages because they're covered. I then tried to move it back using z-index, and that does nothing. I've tried using absolute, relative, and static positions with my footer, but then it looks like crap, and it won't go back to how it needs to look. I've also tried adding blank modules above it, but then there's a (what I'm assuming is a) background color that I can't make disappear. I can't seem to find anything that will work. Any ideas/suggestions?

Here's the link: church.maburke.net

Nevermind. I figured it out. For some reason, whenever I would change the layout.css file, the changes worked just fine. When I attempted to add it to my template.css file and add !important to it, it didn't work the same. I'm probably just missing something. But I got it figured out. Thanks!