I'll give you a little background before I ask you guys my question!

I have a Header, a rectangle of 800x100 and directly below that I have Spry Collabsible panels stacked on top of each other with my menu items 'Home' 'About us' etc.

My question is... does anyone know of a way I could vertically center everything on the page, so that when the panels are closed it is nicely in the centre and when you open one, the header moves up to allow room for the content and the whole thing stays vertically centered on the page.

I'm guessing this will need some kind of fancy javascript to make possible.

Thanks in advance for any advice you can give!