<style>
#menu {
margin-bottom: -20px;
margin-top: 0px;}

#menu span {
padding: 2px 15px 2px 15px;
margin: 0px 24px;
width: 100px;}

#menu .tabactive {
color: #ff0000;}

#submenu {
padding: 3px;
width: 350px;}

.submenutext {
display: none;
text-align: center;
font-size: 12px;
height: 300px;}

#menu span, .submenutext {
border: 1px solid #000;
border-radius:6px;
    -webkit-border-radius:6px;
    -khtml-border-radius:6px;
    -moz-border-radius:6px;
    -o-border-radius:6px;
</style>

<center><table style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
 <tbody>
  <tr height="300">
   <td id="MenuTxT" align="center" valign="top" width="50%">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;"><div style="width: 99%; height: 298px; overflow: auto;"><br/>

Контент приветствия

</div></div>

     <div id="sm2" class="submenutext"><div style="width: 99%; height: 298px; overflow: auto;"><br/>

Контент админ-состава

</div></div>

     <div id="sm3" class="submenutext"><div style="width: 99%; height: 298px; overflow: auto;"><br/>

Контент новостей

</div></div>

     <div id="sm4" class="submenutext"><div style="width: 99%; height: 298px; overflow: auto;"><br/>

Контент погоды

</div></div>

     <div id="sm5" class="submenutext"><div style="width: 99%; height: 298px; overflow: auto;"><br/>

Контент партнеров

</div></div>
   </td>

<td width="50%"><img src="http://savepic.net/2421108.jpg"></td>

</tr>
  <tr height="40">
   <td align="center" colspan="2">
    <div id="menu"> <b>
<span alt=#sm1 "style="cursor: pointer;">Добро пожаловать</span>
<span alt=#sm2 "style="cursor: pointer;">Админ-состав</span>
<span alt=#sm3 "style="cursor: pointer;">Новости</span>
<span alt=#sm4 "style="cursor: pointer;">Погода</span>
<span alt=#sm5 "style="cursor: pointer;">Партнеры</span>
           </b>
    </div>
   </td>
  </tr>
 </tbody>
</table></center>

<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

<table style="width: 720px; text-align: center;" border="0" cellpadding="0" cellspacing="0">
<tr><td align="center" valign="top" style="width: 60%;">

<img src="заголовок картинкой">

<div style="width: 100%; height: 150px;">

текст текст текст текст

</div>

<strong>партнеры</strong>

<div style="width: 100%; height: 50px;">
<table style="width: 100%; height: 100%;" cellspacing="0" cellpadding="0">
<tr><td style="width: 50%;"><marquee width="100%" height="50">

left

</marquee></td><td style="width: 50%;"><marquee direction="down" width="100%" height="50">

right

</marquee></td></tr>
</table>

</div></td>
<td align="center" valign="top" style="width: 40%;">
<style>
.merln {width: 200px; height: 90px;}
.merln a{display: block; color:#000; background-color: #A48556; text-align: center; width:200px; padding: 2px 0 2px 0; margin-bottom: 2px; text-decoration: none; border-left: 3px solid #7F3300;}
.merln a:hover{cursor: crosshair; background-color: #7C4F31; text-decoration: underline; border-left-color:#A48556;}
</style>
<strong>навигация</strong>
<div class=merln align="center">
<a href="ссылка на тему">тема 1</a>
<a href="ссылка на тему">тема 1</a>
<a href="ссылка на тему">тема 1</a>
<a href="ссылка на тему">тема 1</a>
<a href="ссылка на тему">тема 1</a>
</div>
<strong>администраторы и модераторы</strong>
<div style="width: 100%; height: 106px;">

<img style="margin-top: 2px;" src="ссылка"> 
<img style="margin-top: 2px;" src="ссылка"> 
<img style="margin-top: 2px;" src="ссылка">
<br/>
<img src="ссылка"> 
<img src="ссылка"> 
<img src="ссылка">

</div>
</td></tr></table>