<style>
/* Стиль меню объявления */

#menu span {
padding: 7px 15px 7px; 
margin-right: 5px;
margin: 10px 0;
width: 130px;
text-decoration: none;
}
#menu .tabactive {
color: #918151;
background:#F9F1DD;
}

#submenu {
min-height: 300px;
text-align: left;
font-size: 12px;
width: 926px!important;
}

.submenutext {
text-align: center;
/*position:absolute;*/
width:100%;
width: 922px!important;
margin:0 2px;
display: none; 
height: 300px;

}

span.menuButton {
 cursor:pointer;
 cursor:hand; 
}
</style>

<center>
<table style="width: 100%; ">
 <tbody>
  <tr>
   <td align="center" height="30">
    <div id="menu"> <b>
<span alt=#sm1 class="menuButton">Об Игре</span>
<span alt=#sm2 class="menuButton">Новости</span>
<span alt=#sm3 class="menuButton">Реклама</span>
</b>
    </div>
   </td>
  </tr>
  <tr align="left">
   <td id="MenuTxT"  valign="top" >
    <div id="submenu" width="100%">
<table width=100%><tr>
<td id="sm1" class="submenutext">
<!-- Меню об игре -->
<table width="922" cellspacing="0" cellpadding="0" border="1">
<tr>
	<td width="33%" align="center" height="30">Администраторы</td>
	<td width="34%" align="center" height="30">Лучшие игроки недели</td>
	<td width="33%" align="center" height="30">Модераторы</td>
</tr>
<tr>
	<td width="33%" align="center" style="padding-top: 7px;">
<div style="width: 220px; height: 220px;">
<!-- Картинки админов -->
<img src="Адрес картинки" alt="" border="0" style="margin: 0 5px 5px 0; width: 100px; height: 100px;">
<img src="Адрес картинки" alt="" border="0" style="margin: 0 0 5px 0; width: 100px; height: 100px;"><br>
<img src="Адрес картинки" alt="" border="0" style="margin: 0 5px 5px 5px; width: 100px; height: 100px;">
<img src="Адрес картинки" alt="" border="0" style="margin: 0 5px 5px 0; width: 100px; height: 100px;">
</div>
	</td>
	<td width="34%" align="center">
<!-- картинка лучшего игрока -->
<img src="Адрес картинки" alt="" border="0" style="width: 200px; height: 200px;">
	</td>
	<td width="33%" align="center" style="padding-top: 7px;">
<div style="width: 220px; height: 220px;">
<!-- картинки модераторов -->
<img src="Адрес картинки" alt="" border="0" style="margin: 0 5px 5px 0; width: 100px; height: 100px;">
<img src="Адрес картинки" alt="" border="0" style="margin: 0 0 5px 0; width: 100px; height: 100px;"><br>
<img src="Адрес картинки" alt="" border="0" style="margin: 0 5px 5px 5px; width: 100px; height: 100px;">
<img src="Адрес картинки" alt="" border="0" style="margin: 0 5px 5px 0; width: 100px; height: 100px;">
</div>
	</td>
</tr>
<tr>
	<td>&nbsp;</td>
	<td width="34%" align="center" valign="top" >
<div align="center" style="height: 30px;">Об игре</div>
<div style="width: 96%; height: 140px; overflow: scroll; overflow-x: hidden; padding: 2px; margin-bottom: 4px;">
текст текст об игре
</div>
	</td>
	<td>&nbsp;</td>
</tr>
</table>
<!-- Конец Меню об игре -->
</td>
     <td id="sm2" class="submenutext">
<!-- Меню новости -->
<table width="922" cellspacing="0" cellpadding="0" border="1">
<tr>
	<td width="33%" align="center" height="30">От Администрации</td>
	<td width="34%" align="center" height="30">Новости</td>
	<td width="33%" align="center" height="30">Замечания</td>
</tr>
<tr>
	<td width="33%" align="center" valign="top" style="padding: 10px 0;">
	<div style="width: 96%; height: 300px; overflow: scroll; overflow-x: hidden; padding: 3px;">
новости от администрации
	</div>
	</td>
	<td width="34%" align="center" valign="top" style="padding: 10px 0;">
	<div style="width: 96%; height: 300px; overflow: scroll; overflow-x: hidden; padding: 3px;">
новости текст текст
	</div>
	</td>
	<td width="33%" align="center" valign="top" style="padding: 10px 0;">
	<div style="width: 96%; height: 300px; overflow: scroll; overflow-x: hidden; padding: 3px;">
замечания текст текст
	</div>
	</td>
</tr>
</table>
<!-- Конец Меню новостей -->
</td>
     <td id="sm3" class="submenutext">
<!-- Меню Реклама -->
<table width="922" cellspacing="0" cellpadding="0" border="1">
<tr>
	<td rowspan="2" width="30%" align="center">мой текст</td>
	<td width="70%" align="center" height="30">Правила рекламы</td>
</tr>
<tr>
	<td width="70%" align="center" valign="top" height="190">сами правила рекламы</td>
</tr>
<tr>
	<td rowspan="2" width="30%" align="center">мой текст</td>
	<td width="70%" align="center" height="30">Партнеры</td>
</tr>
<tr>
	<td width="70%" align="center" height="190">
<marquee behavior="scroll" direction="left" width="96%" height="50" loop="0" scrollamount="3" scrolldelay="2" onMouseOver="this.stop()" onMouseOut="this.start()">
	Бегущая строка с баннерами партнеров
	</marquee>
	
	</td>
</tr>
</table>
<!-- Конец меню реклама -->
</td>
    
</tr></table>
</div>
   </td>
</tr>
 </tbody>
</table></center>



<script type="text/javascript">
$(document).ready(function() {
$("td.submenutext").hide();
$("td.submenutext:first").show();
$(".menuButton").click(function() {
    $(".menuButton").removeClass("tabactive");
    $(this).addClass("tabactive");
    var activeDiv = $(this).attr("alt");

    $("td.submenutext *").hide(1600)
    $("td.submenutext").hide(2200)
    $("td."+activeDiv).show(2200)
    $("td."+activeDiv+" *").show(600)
    return false; });
});
</script>