There are many tables nested inside as it showd in the following three images.
Please give an idea so that I can see the circled images fully in the third image..
ps: if you want any html code of o a part, I can share it here on request..
Now
1
alt text http://img148.imageshack.us/img148/5750/21619773.jpg
2
alt text http://img408.imageshack.us/img408/2884/30078896.jpg
The Desired Html Page:

The Final Scene:

Having trouble understanding your question… if you’re looking to enlarge a table, it might be as simple as setting the width. However, you’ll get more of what I think you’re looking for if you’re usings divs and/or floats instead of tables… tables tend to make your layout very rigid and un-fluid.
If you’re looking to move content to different areas on the page after the expand, this can be done in javascript by manipulating the DOM… I can’t be more specific without understanding what you’re trying to do.
Can you post a picture of what you want it to look like afterwards? The circles and arrows aren’t giving me a clear understanding.