I am still having the problem. It looks the same way it did before. Here is a screenshot of it. Just to make sure I did it correctly, I posted my CSS below.

Code:
#footer {clear:both;margin:0;background-color:#3E4147;margin-top:0px;padding-top:10px;-moz-border-radius-bottomleft: 15px;-moz-border-radius-bottomright: 15px;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;}
#footer a:hover{color:#EAC117;}
#navSuppWrapper {margin: 10px auto 0;padding: 0;background:none;font-weight: bold;} 	
#navSuppWrapper a{color:#fffede;font-weight:normal;font-size:1.2em;text-align:center;}
dl {margin: 0 0 3px 0;padding:0;clear:both;height:160px;width:100%;}/*Adjust the height and width of the menu*/
dt {margin-bottom:.3em;font-weight:bold;}
dd {margin:0;padding:0;float:left;width:33.2%;}/*Column width of the menu - currently set for 4 columns*/
dd ul {margin:0;padding:0;list-style: none;}
dd li {margin:0;padding:0;}
dd li a {margin:0;display:block;}
/*dd li a:hover{background:#dfba69;color:#444;}*/
.menuTitle {margin:0;padding-bottom:.8em;text-align:center;font-size:1.2em;color:#EAC117;}
.first, .second, .third {border-right:1px solid #fffedf;}
#siteinfoLegal {padding: .5em 0 0;font-size: 0.9em;text-align:left;width:100%;line-height:normal;clear:both;color:#FFFFFF;margin-left:20px;float:left;margin-top:-30px;}
#siteinfoLegal a {padding: 0 0.5em 0 0.5em;color: #FFFFFF;white-space: nowrap;}
#siteinfoLegal a:hover {color: #FFFFFF;}
.blog-image {margin-right:10px;}
.facebook-image {margin-right:10px;}
#social-media {float:right;margin-right:15px;margin-top:-30px;}
#bannerSix {margin-top:0px;margin-bottom:30px;}
#footer #siteinfoLegal {width: 80%;}
#navSuppWrapper ul {height:13em;}