A Long Shot – Need Serious Help With Footers.

Help! I broke my footers and I can’t fix them!

Seriously, I have no idea how to style the footers. They were not registered for sidebars. Once I did that, my styling broke. I have two sets of styles going on; the original, which contains the right sizes, and the #footer-sidebar style. I have no idea how to clean this up because I know very little about code.

Additionally, although the list-style is none, I’m still getting bullet points. Would somebody be kind enough to take a look and make some suggestions? Would be much appreciated.

Thanks,

Melissa

http://www.theinnocentabroad.com

/* Footer */

#footer-sidebar {
display:block;
height: 270px;
}

#footer-sidebar1 {
float: left;
width: 340px;
margin-left:5px;
margin-right:5px;
}

#footer-sidebar2 {
float: left;
width: 340px;
margin-right:5px;
}

#footer-sidebar3 {
float: left;
width: 340px;
}

#footer a{
margin: 0 auto;
width: 869px;
height: 270px;
color: #ffffff;
font: bold 12px “Century Gothic”, Century Gothic;
}

#footer a {
color: #ffffff;
text-decoration: underline;
}

#footer a:hover {
text-decoration: none;
}

/* Footer – Footerbar */

#footer #footerbar {
width: 869px;
height: 180px;
padding-top: 17px;
}

#footer #footerbar h3 {
font: bold 14px “Century Gothic”, Century Gothic;
color: #ffffff;
padding: 0 0 25px 15px;
}

#footer #footerbar ul {
margin: 0;
padding: 0 0 0 15px;
list-style-type: none;
}

#footer #footerbar ul li {
font: bold 12px/26px “Century Gothic”, Century Gothic;
color: #ffffff;
padding-left: 8px;
background: url(“images/footer_menu.gif”) no-repeat;
}

#footer #footerbar ul li a {
color: #ffffff;
text-decoration: none;
}

#footer #footerbar ul li a:hover {
text-decoration: underline;
}

/* Footer – Footerbar – Boxes */

#footer #footerbar #footerbar-left {
width: 249px;
padding: 0 17px 0 10px;
float: left;
font: bold 12px/26px “Century Gothic”, Century Gothic;
color: #ffffff;
padding-left: 8px;
background: url(“images/footer_menu.gif”) no-repeat;
}

#footer #footerbar #footerbar-center {
width: 273px;
padding: 0 14px 0 11px;
float: left;
font: bold 12px/26px “Century Gothic”, Century Gothic;
color: #ffffff;
padding-left: 8px;
background: url(“images/footer_menu.gif”) no-repeat;
}

#footer #footerbar #footerbar-right {
width: 264px;
padding: 0 14px 0 16px;
float: left;
font: bold 12px/26px “Century Gothic”, Century Gothic;
color: #ffffff;
padding-left: 8px;
background: url(“images/footer_menu.gif”) no-repeat;
}

/* Footer – Copyright */

#footer #copyright {
width: 869px;
text-align: center;
line-height: 20px;
font: bold 12px/26px “Century Gothic”, Century Gothic;
color: #ffffff;
}