<style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {margin-top: -130px; margin-bottom: -30px;}
</style>

<style>

#menu {
margin-bottom: 0px;
margin-top: 0px;
margin-left: -16px;
height: 60px;}

#menu span {
padding: 0px;
margin: 0px -10px 0 -10px;}

#submenu {
padding: 30px 0 0 0;
width: 840px;
height: 350px;
background: transparent url(http://uploads.ru/i/E/F/m/EFm8D.png) top center no-repeat;}

.submenutext {
padding: 25px 30px 25px 30px;
display: none;
text-align: center;
height: 250px;
width: 740px;}
</style>

<center><table style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
 <tbody>
  <tr height="60">
   <td align="left" valign="top">
    <div id="menu">
<span alt="#sm1" style="cursor: pointer;"><img src="http://uploads.ru/i/u/B/s/uBsoD.png"></span>
<span alt="#sm2" style="cursor: pointer;"><img src="http://uploads.ru/i/9/h/d/9hdNo.png"></span>
<span alt="#sm3" style="cursor: pointer;"><img src="http://uploads.ru/i/b/3/v/b3vfI.png"></span>
<span alt="#sm4" style="cursor: pointer;"><img src="http://uploads.ru/i/O/R/h/ORhco.png"></span>
    </div>
   </td>
  </tr>
  <tr height="300">
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;"><br/>

Контент кнопки новостей

</div>

     <div id="sm2" class="submenutext"><br/>

Контент кнопки админов

</div>

     <div id="sm3" class="submenutext"><br/>

Контент кнопки навигации

</div>

     <div id="sm4" class="submenutext"><br/>

Контент кнопки рекламы

</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>

<style>
#f-morgana a{color:#ff0000;}
</style>

<table style="width: 100%; height: 280px;" cellpadding="0" cellspacing="0" border="0">

<tr>
<td align="center" valign="top">

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

<a href="ссылка на тему"><img src="ссылка на картинку"></a>

<br/>

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

<br/><br/>

<a href="ссылка на тему">текст куда-то</a>

</td>
<td style="width: 11px;" align="center"><img src="http://uploads.ru/i/b/k/c/bkc2K.png"></td>
<td style="width: 550px;" align="center" valign="top">
<div>
<table style="width: 100%;">
  <tr>
      <td style="width: 33%;" align="center">

<a href="ссылка на тему"><img src="ссылка на картинку"></a>

      </td>
      <td style="width: 33%;" align="center">

<a href="ссылка на тему"><img src="ссылка на картинку"></a>

      </td> 
      <td style="width: 33%;" align="center">

<a href="ссылка на тему"><img src="ссылка на картинку"></a>

      </td></tr>
      <tr><td align="center">

<a href="ссылка на тему"><img src="ссылка на картинку"></a>

      </td><td align="center">

<a href="ссылка на тему"><img src="ссылка на картинку"></a> 

      </td><td align="center">

<a href="ссылка на тему"><img src="ссылка на картинку"></a>

      </td>
  </tr>
</table>
</div>
<br/>
<div style="text-align: left;" align="left">

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

</div>
<br/><img src="http://uploads.ru/i/h/v/I/hvIXw.png"><br/>

<div id="f-morgana">

<a href="ссылка на тему">название 1</a>
<a href="ссылка на тему">название 2</a>
<a href="ссылка на тему">название 3</a>
<a href="ссылка на тему">название 4</a>
<a href="ссылка на тему">название 5</a>
<a href="ссылка на тему">название 6</a>
<br/>
<a href="ссылка на тему">название 1-1</a>
<a href="ссылка на тему">название 2-1</a>
<a href="ссылка на тему">название 3-1</a>
<a href="ссылка на тему">название 4-1</a>
<a href="ссылка на тему">название 5-1</a>
<a href="ссылка на тему">название 6-1</a>

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