Help a novice get a better grade... please!

I have a project that is slightly over my head so after working on it for a day I don't feel too bad about asking for help. Most of what I need to do is complete but I can't figure out why I can't get my col flush with my header or how to get 25px of padding on col1 without pushing col2 underneath col1. The other part I need to do is to make my collapse button extend col1 overtop of col2 but I know that's javascript. Take a look and see if you can give a novice a hand. I put everything in-line so you can see what's going on.

<!doctype html>

Page works with HTML tables but I can't translate it to CSS


My page is a typical header, content, right column (consisting of 2 div's ontop of each other) and a footer.
I am having endless trouble with the old 100% height/width issues!
Out of frustration I created what I wanted to achieve using old fashioned HTML tables and it works perfectly.

I'd appreciate it if anyone could help me translate this into a fluid CSS page!

Of particular note is:
The content area must be fluid, filling 100% of the available space
The right-hand column is of fixed width (200px)
The right-hand column is made up of 2 div's above each other.

Syndicate content