<style> /* Стиль всплывающего меню */
.splLink {width: 200px; height: 20px; border: 1px solid #FFD141; text-align: center; font-family: Gothic century; font-size: 16px; padding-top: 10px; padding-bottom: 20px;
    border-radius:20px;
    -webkit-border-radius:20px;
    -khtml-border-radius:20px;
    -moz-border-radius:20px;
    -o-border-radius:20px;
}
.splCont {height: auto; width: 350px; background: #F7FFBE; padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #FFD141; font-size: 12px; font-family: Lucida Sans Unicode; text-align: center;}

 /* Тень, Прозрачка и Скругление углов во Всплывающем меню */
.splCont { 
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
}
.splCont:first-letter {
    font-family: "Times New Roman", Times, serif; /* Гарнитура шрифта первой буквы */
    font-size: 200% !important; /* Размер шрифта первого символа */
    color: red; /* Красный цвет текста */
   } /* Конец Стиля всплывающего меню */
</style>

<center><table border="0" width="1200" height="800" cellspacing="0">

<tr height="70"><td colspan="3">

<table style="width: 1200px; height: 40px;" border="0">
<tr align="center">

<td width="33%"><DIV><div class=splLink><b>Новости в КСК</b></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент 1

</DIV></DIV></td>

<td width="34%"><DIV><div class=splLink><b>Администрация и модерация</b></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент 2

</DIV></DIV></td>

<td width="33%"><DIV><div class=splLink><b>Заслуги КСК</b></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент 3

</DIV></DIV></td>

</tr>
</table>

</td></tr>


<tr height="700">
<td width="200"><div style="width: 100%; height: 700px; overflow: auto;">
<br/><br/><strong>Погода</strong><br/><br/>

Текст погоды

<br/><br/><strong>Время</strong><br/><br/>

Текст времени

</div></td>
<td width="800">

<img src="ссылка на картинку">

</td>
<td width="200"><div style="width: 100%; height: 700px; overflow: auto;">
<br/><br/><strong>Новости и важная информация</strong>

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


<tr height="30">
<td colspan="3" style="border: #FFD141 1px solid; border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px;"><marquee>

бегущая строка баннеров

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

<!--Спойлер - контейнер-->
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>