<style>
#pun-title table { 
border: medium none currentColor;
height: 550px;
width: 100%;
 }
#menu {
/* margin-top: -105px;*/
position:absolute;
margin-left: 690px;

width: 150px;
height: 60px;
background-repeat : no-repeat;}

#menu span {
text-align:left;
display: block;
color: #000000;
margin: 7px 0; 
padding: 11px;
}
#submenu, #menu span {
    border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
background: transparent; /*#ffffff; url("http://upforme.ru/uploads/0002/e9/b8/491-4.png");*/
border: 1px double blue;/*white;*/
/* background: #a99d3c; */
}

#menu .tabactive {
color: #000000;
background: #777777;
}

#submenu {
margin-top: -120px;
margin-left:110px;
padding: 3px;
height: 200px;
text-align: center;
font-size: 12px;
width: 300px; /* 540 */
background: transparent; /*#ffffff; url("http://upforme.ru/uploads/0002/e9/b8/491-4.png");*/
 border: 1px double blue; /*white;*/
/* background: #a99d3c; */
}

.submenutext {
display: none; 
height: 40px;
}
</style>

<center style="margin-top: -15px;"><table style="width: 300px; border=1;position: absolute; top: 375px;">
 <tbody>
  <tr>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<br/><br/>
меню №1
</div>
     <div id="sm2" class="submenutext"><br /><br />
меню №2
</div>
     <div id="sm3" class="submenutext"><br /><br />
меню №3
</div>
     <div id="sm4" class="submenutext"><br /><br />
меню №4
</div>
     <div id="sm5" class="submenutext"><br /><br />
меню №5
</div>
   </td></tr></tbody></table></center>

<center><table style="width: 300px; margin-left:50px;border=1; position: absolute; top: 150px;">
 <tbody>
   <td valign=top>
    <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>

<div style="position:absolute; top: 8px; right: 125px; width:280px;">

<style><!--
div.splLink {width: 130px; height: 20px;}
.spll {width: 130px;;position: absolute; padding: 4px;border: 1px solid #9bb4be; background: #edf2f4; text-align: center; font-family: Comic Sans Ms; font-size: 15px; }
.spll div.splCont {float:right;margin-right:-1px;right:0!important;height: 56px; width: 310px; background: #edf2f4; padding: 5px; z-index: 1000; margin-top: 7px; border: 1px solid #9BB4BE; font-size: 12px; font-family: Microsoft Sans Serif; text-align: justify;}
--></style>

<script src="http://resources.ascont.ru/js/jquery-1.4.4.min.js" type="text/javascript"></script>

<script type="text/javascript">// <![CDATA[
 
$(document).ready(function(){
	$('.splLink').parent().hover(function(){
$(this).children('div.splCont').toggle('normal');
	},
	function(){
$(this).children('div.splCont').toggle('normal');
	});
});
// ]]></script>
<center> 
<table style="width: 152px; height: 23px;" border="0">
<tbody>
<tr>
<td>
<div style="text-align: right;" class="spll">
<div style="text-align: center;width:100%" class="splLink"><span style="color: #800000;">Цитата недели</span></div>
<div style="DISPLAY: none; position: absolute;" class="splCont">Конечно, труд,  употребляемый  для ведения счетов, нисколько не увеличивает наших доходов; но он яснее убеждает   нас в необходимости удвоить усилия,чтобы увеличить их..   (Ж.Б. Сэй)</div>
</div>
</td>
</tr>
</tbody>
</table>
</center> 
</div>