For space between the top of the page and my bordered table, I added my invisible gif right below my body tag.

I used these colors to define the different tables.

Body bgcolor is the dark green.

Outer table is lime green. Made the width of the table 85% of the page size. Then centered the table. The cellpadding=20 gave me the size of the lime green border. I added a table border of gold around the outside with a width of border="2". If you don't want this border you would use border="0"

First inner table same settings at the outer table except changed the bgcolor to dark green and changed the width to 100%.

Second inner table same settings at the first inner table except changed the bgcolor to black

Experiment with all the settings, widths, cellpadding, cellspacing, border size, bgcolors, bordercolors, etc. Use background images.
Note this area will grow to accommodate your data.