Inline list won't change color

<ul id="footer-menu">

<style>

.nav1 li {
display:inline;
padding: .2em .6em;
color: #fff;
}

</style>

<div class="nav1">

<span style="color: #FFFFFF; font-size: 10pt;">

<ul>

<li><a href="index.html" target="_self">Home</a></li>

<li><a href="bio.html">Bio</a></li>

<li><a href="services.html" title="Caleb Granat's Fitness Training Services" target="_self">Services</a></li>

<li><a href="testimonials.html" title="Caleb Granat's Client Testimonials" target="_self">Testimonials</a></li>

<li><a href="products.html" title="Products" target="_self">Products</a></li>

<li><a href="media.html" title="Media" target="_self">Media</a></li>

<li><a href="gallery.html" title="Caleb Granat's Gallery Of Photos, Videos And Features" target="_self">Gallery</a></li>

<li><a href="blog.html" title="Caleb Granat's Blog" target="_self">Blog</a></li>

<li><a href="faqs.html" title="Caleb Granat's Training Questions" target="_self">FAQs</a></li>

<li><a href="contact.php" title="Contact Caleb Granat" target="_self">Contact</a></li>

<li><a href="terms-of-use.html" title="Terms Of Use" target="_self">Terms Of Use</a></li>

<li><a href="privacy-policy.html" title="Privacy Policy" target="_self">Privacy Policy</a></li>        

<li><a href="sitemap.html" title="Site Map" target="_self">Site Map</a></li>   

</span>
</ul>
</div>

Thank you for your help! that fixed my issue!