Hello All,
I apologize if I have posted this is the wrong place. Please let me know if I should post somewhere else.
I've recently taken over an electronic newsletter and I have no idea what I'm doing. My biggest problems are:
1. Why is there so much space above and below the headers of each section in the body?
2. Is it possible to add 10px of padding to either side of the navy blue box under the "Congratulations" section?
3. When I open this is Safari the right side bar goes outside of the border as does the header and the Facebook link. This doesn't happen in Firefox. It does need to be correct in all browsers since it goes out to a lot of people.
Thanks in advance for any help.
The code is too long so I will post it in the comments.
Thanks again.

Edit: The code is still too long. Now I'm trying to figure out how to get the file to you. Yep, I'm new at this. Thanks for your patience.

My best advice that will clear up a lot of questions is to download firebug or use web inspector on Chrome. You can right click and inspect each element's styles. This is essential to understanding what's going on here.

It looks like you have a table making up most of your design. This is generally frowned upon for many reasons. Sticking with a semantic (naming things what they do) div structure is a better route.

HTML5 is more semantic but right now I'd worry about the basics.

<div class="namehere"> all your content </div> (classes used more than once)
<div id="namehere" more content </div> (id only used once per page)

This is a half ass "lesson" but it should at least help point out what you should be doing.