I do have it working, somewhat but not perfect.
I did move the "main" center div down below the right and left divs.
Then used the auto margins....then to get the "main" div to overlap the "topper" div
I added a negative top margin to "main" div.
Seems to work in modern browsers so far.
However when the browser window shrinks to small from side to side the "left" and "right" divs start to overlap the "main" div
I am researching a way to make the "outter" div stretch to out 100% but then only shrink to say 900 pixels.