I broke my footer!

On this thread - http://forum.bytesforall.com/showthr...ghlight=footer - Juggledad gave great help and I had the footer I wanted with teal links in row 1 and gray text for all of row 2 of the footer at http://www.Flow-Dynamix.com.

Somehow today I have lost what I had! Problems include:
• Discs to the far left
• Wrong color text for row 1 and most of row 2
• Background isn't white

Any idea what's amiss? I'm using 3.4.6.

Here's the footer. It's possible I botched something when I tried to add a row to it:
<ul>
<li id="footer-row1">
<a href="http://www.flow-dynamix.com">HOME</a> &nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp; &nbsp;&nbsp;<a href="http://www.flow-dynamix.com/free-kit">FREE KIT</a> &nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbs p; <a href="http://www.flow-dynamix.com/About">ABOUT</a> &nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbs p; <a href="http://www.flow-dynamix.com/contact">CONTACT</a>
</li>
<br><br>
<li id="footer-row2">
&copy; %current-year% Flow Dynamix&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;www.flow-dynamix.com&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.flow-dynamix.com/privacy"><font color=#777777><u>Privacy Policy</u></a></li></ul>

Here's the CSS:
#footer ul {list-style-type: none !important;}
#footer-row2 a {text-decoration:underline;}
div.widget ul li a:link,
div.widget ul li a:visited,
div.widget ul li a:active,
div.widget ul li a:hover {
border-left: 0 !important;
padding-left: 0 !important;
}
div.widget ul {
/* for other styles, try "disc" and "square" instead of "circle" */
color: #00A79D;
list-style-type: disc !important;
padding-left: 0;
margin-left: 0;
}
div.widget ul li {
/* 1.35 or more required for Safari or bullets too wide on the left */
margin-left: 1.35em;

/* overwrite existing display:block Firefox */
display: list-item;
}

Best,
Caryn