Re-structuring Twentyten Footer

Hi

I want to alter the footer on the WordPress Twentyten theme (child theme) as the standard footer has four widget areas/sidebars all of which are on the same line but I want to change it as follows:

Widget Area One: a row of text links for Terms of Use, Privacy Policy and Sitemap

Widget Area Two: to appear on the line below Widget Area One with just some plain text

Widget Area Three: to appear on the line below Widget Area Two with a row of images

Widget Area Four: Not required

I’ve already begun to make changes as I know I need to edit sidebar-footer.php so I have added the BR tag to the end of each footer

<?php if ( is_active_sidebar( 'first-footer-widget-area' ) ) : ?>
				<div id="first" class="widget-area">
					<ul class="xoxo">
						<?php dynamic_sidebar( 'first-footer-widget-area' ); ?>
					</ul>
				</div><!-- #first .widget-area -->
				<br/>

This put all my footers on new lines as wanted but each line starts further indented than the previous so I went into the CSS and added

#first{
width:100%;
text-align:center;
}
#second{
width:100%;
text-align:center;
}
#third{
width:100%;
text-align:center;
}
#fourth{
width:100%;
text-align:center;
}

But not sure if that is want I was meant to do? Can anybody let me know if this is correct and if not what I should to to achieve my requirements above?

Thanks