#pun-index .tcl h3 { 
padding:8px 8px 4px 9px;
}
.punbb div.icon { 
margin-left: 0px!important;
margin-top: 9px!important;
margin-bottom: -8px!important;
margin-top: 3px;
}
#pun-index td.tcl {
 padding:0;
}
#pun-index td.tcl .intd{
  min-height:109px!important;
}

	<table width="956px" cellspacing="0" cellpadding="0">
<tr>
<td style="width: 504px; align:right; valign: top;">
<script language="JavaScript">
<!--
var a=Math.round(Math.random()*12)
image = new Array();
image[0]="http://uploads.ru/i/l/q/F/lqFxv.png"
image[1]="http://uploads.ru/i/4/E/j/4EjpC.png"
image[2]="http://uploads.ru/i/f/2/l/f2loa.png"
image[3]="http://uploads.ru/i/6/i/X/6iXyN.png"
image[4]="http://uploads.ru/i/c/r/Q/crQYa.png"
image[5]="http://uploads.ru/i/s/O/N/sONBI.png"
image[6]="http://uploads.ru/i/W/v/u/WvuDN.png"
image[7]="http://uploads.ru/i/V/5/c/V5cLR.png"
image[8]="http://uploads.ru/i/n/o/l/nolAU.png"
image[9]="http://uploads.ru/i/X/I/G/XIGr5.png"
image[10]="http://uploads.ru/i/x/h/3/xh37J.png"
image[11]="http://uploads.ru/i/C/M/Z/CMZkY.png"
image[12]="http://uploads.ru/i/4/n/W/4nWo2.png"
document.write ("<img src="+image[a]+">");
//-->
</script>
</td>

<td style="vertical-align: top; width: 242px;" >
<div id="ttt2">
<span style="font-size:13px; font-style: oblique; font-weight: bold;">Знаете ли вы, что ...<br><br></span>
<script> 
var texts = new Array(); 

texts[0]="Продолжительность дня в Санкт-Петербурге меняется от 5 часов 51 минуты 22 декабря до 18 часов 50 минут 22 июня"; 
texts[1]="Самая теплая часть города - Невский проспект"; 
texts[2]="Высота волн в Финском заливе во время наводнения достигает 5м, а скорость движения 50 км в час. За несколько часов волна проходит всю акваторию залива"; 
texts[3]="В городе 4 &quot;цветных&quot; моста. Все они были возведены на Мойке. Это Желтый (Певческий - у Дворцовой площади, Зеленый (Полицейский, Народный) -  на Невском проспекте, Красный - по Гороховой улице, Синий - на Исаакиевской площади. Синий, кроме того самый, широкий мост города"; 
texts[4]="Ленинград (Санкт-Петербург) - город герой. Почетное звание присуждено городу 1 мая 1945 года"; 
texts[5]="Театр музыкальной комедии  продолжал работать в течение всей 900-дневной блокады Ленинграда"; 
texts[6]="Блокада Ленинграда продолжалась с 8 сентября 1941 года по 27 января 1944 - 827 дней беспримерного мужества"; 
texts[7]="На сегодняшний день в функционирует только одна шестая часть фонтанов Санкт-Петербурга";  

function show(){ 
var el=document.getElementById("text"); 
el.innerHTML=texts[Math.floor(Math.random()*texts.length)]; 
} 

</script> 

<br><span style="font-size:13px; font-style: oblique; font-weight: bold;">Мы в социальных сетях<br></span><br>
<center><a href="http://vk.com/plspb" target="_blank" title="Мы в контакте"><img src="http://uploads.ru/i/V/8/X/V8XUs.jpg" alt="Наша группа"></a><a href="http://mex.su/XKgku" target="_blank" title="Мы на фейсбуке"><img src="http://uploads.ru/i/S/B/O/SBOda.jpg"></a>
<a href="http://twitter.com/" title="Твитнуть"><img src="http://uploads.ru/i/S/U/E/SUE6m.jpg"></a><a href="http://www.odnoklassniki.ru/" title="Класс!"><img src="http://uploads.ru/i/k/x/m/kxmzv.jpg"></a><a href="http://spb_planet.livejournal.com/" title="Наш блог в ЖЖ"><img src="http://uploads.ru/i/m/2/O/m2OTj.jpg"></a><a href="" title="Мы в моем мире"><img src="http://uploads.ru/i/w/k/a/wkabO.jpg"></a></center>
 </div>

</td>

<td style="width: 204px; vertical-align: top;">

<div class="ind1"><a href="http://speterburg.rusff.ru/viewtopic.php?id=6">Правила</a> </div>
<div class="ind1"><a href="http://speterburg.rusff.ru/viewtopic.php?id=75">ЧаВо</a> </div>
<div class="ind1"><a href="http://speterburg.rusff.ru/viewtopic.php?id=3">Навигатор</a> </div>
<div class="ind1"><a href="http://speterburg.rusff.ru/viewforum.php?id=23">Открытая студия</a></div>
<div class="ind1"><a href="http://speterburg.rusff.ru/viewforum.php?id=27">Партнерство</a> </div>

</td>
</tr>
<tr><td colspan="3" height="28px" align="center">

<div id="menu">
<span alt="#sm1" style="cursor: pointer;">Новости</span>
<span alt="#sm2" style="cursor: pointer;">Навигатор по разделам</span>
<span alt="#sm3" style="cursor: pointer;">Конкурсы</span>
    </div>

</td></tr>
<tr><td colspan="3" id="MenuTxT"  align="center" vertical-align="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><!--submenu-->
   </td></tr></table><br><br>

<center><table width="850px" cellspacing="2" cellpadding="0">
<tr><td><div id="inblokc">

</div></td>

<td><div id="inblokc2">


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