New to CSS/div... stuck adding ad block
===

After years editing my site in very basic HTML (no CSS) I've decided it's time to join the real world & attempt some proper code.  I'm just managing to get my head around CSS by I've realised that laying my site out using tables, as I have in the past, isn't the best way around it.  Problem is I've hit a brick wall trying to get my head around the div tags.

What I am trying to replicate are the ad blocks as with this old-style page: http://pageantupdate.info/missusa2012/statepageantcalendar.htm

At the moment I'm stuck with this situation: 
http://pageantupdate.info/missusa2012/statepageantcalendar.htm

What I need to figure out is how to float/move the horizontal ad box so it sits flush with the main text area, at the top right.  I've attempted to move the code above that for the header box etc but the float:right moves it all the way to the right of the page, not just the box.  

I'm guessing the issue is that I'm still using tables for the other stuff!

Any help with fixing this would be greatly appreciated.
