<style>	
#menu span {
padding: 7px 15px 7px; 
margin-right: 5px;
margin: 10px 0;
width: 180px;
text-decoration: none;
}
#menu .tabactive {
color: #2662DF;
background: transparent;
}

#submenu {
padding: 5px;
height: 600px;
text-align: center;
font-size: 12px;
width: 800px;
}

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

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

<center><table style="width: 800px;">
 <tbody>
  <tr>
   <td>
    <div id="menu"> <b>
<span alt=#sm1 "style="cursor: pointer;"><img src="http://i2.imageban.ru/out/2011/07/14/f79129107d0d34f37a8bd8b86084fd64.png"></span>
<span alt=#sm2 "style="cursor: pointer;"><img src="http://i2.imageban.ru/out/2011/07/14/8d57a169ff137a9abd34cd2385d5f32c.png"></span>
<span alt=#sm3 "style="cursor: pointer;"><img src="http://i4.imageban.ru/out/2011/07/14/361033dde51b4cf522e9dd2690a7e3e2.png"></span>
<span alt=#sm4 "style="cursor: pointer;"><img src="http://i2.imageban.ru/out/2011/07/14/dd37d3449fbe4f329550183d3b5ad13e.png"></span>
           </b>
    </div>
   </td>
  </tr>
  <tr>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<br/><br/>
<center>
<table width="95%" cellspacing="5" cellpadding="3" height=580px style="margin-left:-38px;border: 2px white dashed;">
<tr>
<td height="250" align="center">
<div style="overflow-y: scroll; height: 230px; width: 330px;">
<br><a href="http://leuchtenderpfad.mybb.ru/viewtopic.php?id=19">Объявления форума</a>
<br><b>Форум открыт!</b>
<br>
<br>Добро пожаловать на ролевую <i>KHR: Leuchtender Pfad</i>!
<br>Не проходим мимо, региструемся. Надеемся, Вам понравится у нас :) 
<br>Хотя большую часть форума Вы увидите только после принятия анкеты ;)
<br>Обращаем Ваше внимание главным образом на то, что <b><i>неканоны в игру не принимаются</i></b>.
<br>
<br><b>Ахтунг!</b> Дизайнер категорически предупреждает о некорреткном отображении дизайна форума в ИЕ. Рекомендуется браузер Опера, <s>Мозиллу не юзали )</s> и с Мозиллы гуд )
<br>
<br><b>Стартовала первая <a href="http://leuchtenderpfad.mybb.ru/viewtopic.php?id=8#p11">Акция</a></b>
<br> Пользуемся, пока можно : D
<br>
<br><b>Гостям:</b>
<br>Обратите внимание на галереи, открытые всем гостям :) Авторы записей будут вам очень благодарны за отзывы :)
</div>
</td>
<td rowspan="2" colspan="3">
<div style="overflow-y: scroll; height: 400px; width: 330px;" align="center">
<br><b>Открыт <a href="http://leuchtenderpfad.mybb.ru/viewtopic.php?id=20#p31">Первый Квест</a>!</b> Ув. игроки, все приступаем к игре. 
Темы созданы, кому нужны подквесты - обращаемся <a href="http://leuchtenderpfad.mybb.ru/viewtopic.php?id=110#p3160">сюда</a>. По всем вопросам вы знаете к кому обращаться :) 
<br>
<br>А что, собственно, сейчас происходит в этом тихом таком на вид месте? В уединенном местечке, на возвышенности, внезапно столкнулись два гиганта мира сего - Джессо Бьякуран и Рокудо Мукуро. Первый совершенно случайно натолкнулся на последнего, желая осмотреться..И во что выльется эта встреча двух людей, не знакомых, но прекрасно знающих друг друга? Учитывая, что каждый возжелает получить своего...
<br>
<br>А внизу жилой комплекс уже был акакован бойцами элитного отряда убийц "Вария". Несколько этих поистине опасных людей уже приватизировали себе один домик и, кажется, уже готовы "прыгать от счастья", ибо жить им придется втроем. Особенно недоволен, наверное, Бельфегор, которому придется не по душе делить пусть и один этаж, но и одну ванную с Франом...И что делать Скуало с этими двумя?
<br>
<br>И кстати, пока еще идет набор игроков для первого квеста, можно подурачится или посерьезничать, ну, кому как нравится, в общем - флешбек :)
</div>
</td>
</tr>
<tr>
<td height="120" align="center">
<div style="overflow-y: scroll; height: 150px; width: 330px">
<br><b>02.02.2011 | 10:00 -  13:00</b>
<br>Не слишком ранее, но довольно-таки морозное утро. Ветра, к счастью, почти нет, зато погода по-настоящему зимняя, ибо мелкими хлопьми валит пушистый снежок, выбеляя 
и без того занесенные снегом окрестности. На солнце около -18 С, стоит одеться потеплее, особенно если решится забраться в горы - там куда холоднее...
</div>
</td>
</tr>
<tr align="center">
<td align="center" style="height: 109px">
<br><!-- /http://rotation.mybb.ru/ KOLUBEL --><div style="WIDTH: 88px; height:41px" ><center><script type="text/javascript" src="http://vendettarotatio.ucoz.ru/rtr/2"></script><a href="http://kolubel.mybb.ru/" target=_blank><img src=http://upforme.ru/uploads/000c/8b/02/103450-1.gif border="0" alt="Ротация баннеров"></a></center></div>  <br /> <!-- /http://rotation.mybb.ru/ KOLUBEL -->
</td>
<td align="center" style="height: 109px">
<br><!-- http://bleachzknr.mybb.ru/ ZKNR rotation -->  <div style="WIDTH: 88px; height:41px" ><center><script type="text/javascript" src="http://bleachzknrrot.ucoz.ru/rtr/1"></script><a href="http://bleachzknr.mybb.ru/" target=_blank><img src=http://upforme.ru/uploads/000e/34/19/105-1.png border="0" alt="Ротация баннеров"></a></center></div>  <br /> <!-- http://bleachzknr.mybb.ru/ ZKNR rotation -->
<td align="center" style="height: 109px">
<br><!-- ra-reklama.ru BANNER ROTATION -->
<script type="text/javascript" src="http://ra-reklama.ucoz.ru/rtr/1"></script><br><a href="http://ra-reklama.ru/" target="_blank"><img src="http://s60.radikal.ru/i169/1006/f2/c9b532733839.jpg"></a>
<!-- ra-reklama.ru BANNER ROTATION -->
</td>
</tr>
</table>
</center>
</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>

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