<style>
#menu {
margin: 0 50px -15px 0;}

#menu span {
padding: 10px 0 5px 0;
margin: 5px;
width: auto;
height: 40px;
display: block;
font-family: 'times new roman'; 
font-size: 18px; 
font-weight: bold;}

#menu .tabactive {
border: 2px solid #e6e6fa;
border-bottom: none;
color: #c4a84a;}

#submenu {
padding: 0px;
width: 750px;
border: 2px solid #0c0f11;}

.submenutext {
display: none;
text-align: center;
height: 450px;}

#submenu h3 {font-family: 'times new roman'; font-size: 24px; margin: 10px;}
</style>

<center><table style="width: 100%; color: #0094ff;" border="0" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td align="right">
    <div id="menu">
<table style="width: 60%;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="width: 15%;" align="center">
<span alt="#sm1" style="cursor: pointer;"> <img src="http://s2.uploads.ru/vghHz.png"></a></span>
</td>
<td style="width: 15%;" align="center">
<span alt="#sm2" style="cursor: pointer;"><img src="http://s3.uploads.ru/qNu1m.png"></span>
</td>
<td style="width: 15%;" align="center">
<span alt="#sm3" style="cursor: pointer;"><img src="http://s3.uploads.ru/owsP7.png"></span>
</td>
<td style="width: 15%;" align="center">
<span alt="#sm4" style="cursor: pointer;"><img src="http://s3.uploads.ru/N2bTK.png"></span>
</td>
</tr>
</table>
</div>
   </td>
  </tr>
  <tr>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">

<table style="width: 100%; height: 100%;">
<tr style="height: 50%;">
<td style="width: 60%;" align="center" valign="top">
<script type="text/javascript"> var myLogos = new Array
('http://s1.uploads.ru/i/FDAU7.jpg',
'http://s1.uploads.ru/i/FDAU7.jpg',
'http://s3.uploads.ru/Y3h6c.png',
'http://s2.uploads.ru/Byalj.jpg',
'http://s2.uploads.ru/TemKj.png',
'http://s1.uploads.ru/i/y6003.jpg');
var Idx = Math.floor(Math.random() * myLogos.length);
document.write('<img src="'+myLogos[Idx]+'">');
</script>

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

</div>

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

<table style="width: 100%; height: 100%;">
<tr style="height: 60%;">
<td align="center" valign="top">

<h3>Администрация форума:</h3>
<br/><br/>
<a href="http://mir.shamanking.su/profile.php?id=2"><b>Администратор - Главный Администратор</b></a> <br/>
<br/><br/>
<a href="http://mir.shamanking.su/profile.php?id=3"><b>Хризантема - Главный Администратор</b></a><br/>
<br/><br/>
<a href="http://mir.shamanking.su/profile.php?id=6"><b>Dark - Главный Администратор</b></a>
<br/><br/>
<a href="http://mir.shamanking.su/profile.php?id=47"><b>Gerda - Модератор</b></a><br/>
<br/><br/>



</td>
</tr>
<tr style="height: 40%;">
<td align="center" valign="top">

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

</div>

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

<table style="width: 100%; height: 100%;">
<tr style="height: 50%;">
<td style="width: 30%;" align="center" valign="top">

<h3>Ролевая игра "MIR-SHAMANOV"</h3>
<br/><br/>
<a href=http://mir.shamanking.su/viewtopic.php?id=709"><b>Сюжет игры</b></a> <br/>
<br/><br/>
<a href="http://mir.shamanking.su/viewtopic.php?id=454"><b>Список персонажей</b></a><br/>
<br/><br/>
<a href="http://mir.shamanking.su/viewforum.php?id=6"><b>Анкеты</b></a>
<br/><br/>
<a href="http://mir.shamanking.su/viewforum.php?id=7"><b>Технический раздел</b></a>


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

</div>

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

<table style="width: 100%; height: 100%;">
<tr>
<td style="width: 40%;" align="center">





<h3>Конкурсы</h3>

<a href="http://mir.shamanking.su/viewtopic.php?id=661"><b>"Легенды и мифы"</b></a>
<br/><br/>
<a href="http://mir.shamanking.su/viewtopic.php?id=672"><b> "Осень"</b></a>


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

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