For the left text box:
<div id="space" style="height:300px!important;"></div>

for the center text box(with image):
<div id="spotlight" class="space" style="height:300px!important;">
<p style="text-align: left;"><img src="http://api.ning.com:80/files/O9aVBPNqgCZTnRhFdnAI7*ENyj3udVUBiyUAqoZ0D7V6BzcrU6d0YsqOi57W*o6YkoUbn8yTOlby38J0B2TpFQNjXVOE8Zl9/welcomebannerhero.jpg?width=721" alt=""  /></p>
</div>

Manage-Advance CSS,

.space {height:300px;} /*Height of the Hero Area */
.module_text .xg_module_body {overflow:visible;}
#spotlight {margin-left:-245px;width:741px;} 
#spotlight img, #spotlight embed, #spotlight object {padding:0;margin:0;max-width:741px;}

Analytics:

#spotlight img, #spotlight embed, #spotlight object {padding:0;margin:0;max-width:741px;}

i hope i did this right,

thanks for all you help Jen,

Mike.