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

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

.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: 615px;">
 <tbody>
  <tr>
   <td>
    <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>
           </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/>
<TABLE WIDTH="100%" BORDER=0 CELLSPACING=4 CELLPADDING=4>
<TR>
<TD><img src='http://s019.radikal.ru/i631/1306/ee/15a5e29682ea.png ' /></TD>
<TD><img src='http://s020.radikal.ru/i713/1306/d9/e5591e93a2c6.png ' /></TD>
</TR>
<TR>
<TD><div style="height: 271px; overflow: auto"> Внимание! Наш форум открылся! Ждем новых регистраций… Бла бла бла
<br>
<marquee>
<a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=17516' target='_blank'>	
<script type="text/javascript">
Md=document;Mnv=navigator;
Mrn=Math.random();Mn=(Mnv.appName.substring(0,2)=="Mi")?0:1;Mp=0;Mz="p="+Mp+"&";
Ms=screen;Mz+="wh="+Ms.width+'x'+Ms.height;My="<img src='http://palantir.in/count.php?id=17516&today_hosts=1&total_hosts=1&cid=2006red.png";My+="&cntc=none&rand="+Mrn+"&"+Mz+"&referer="+escape(Md.referrer)+'&pg='+escape(window.location.href);My+="'  alt='Palantir' title='Каталог фэнтези сайтов Палантир' border='0' width='88px' height='31px'>";Md.write(My);</script>
<noscript><img src="http://palantir.in/count.php?id=17516&today_hosts=1&total_hosts=1&cid=2006red.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript>
</a>
<a href='http://wizardtop.ru/in.php?id=2462' target='_blank' title='Волшебный рейтинг игровых сайтов'><img src='http://wizardtop.ru/b/9.gif' border='0' width='88' height='31' alt='Волшебный рейтинг игровых сайтов'></a>
<!-- Top.Roleplay.Ru -->
<script type="text/javascript" language="javascript">
var topRPGc="<img src='http://top.roleplay.ru/cgi-bin/iv.cgi?a=ins&id=20897&rnd=" + Math.random();
topRPGc += "&r="+escape(document.referrer)+"' width='1' height='1' border='0'><a href='http://top.roleplay.ru/20897' title='Рейтинг Ролевых Ресурсов - RPG TOP' target='top_'>"+
"<img src='http://img.rpgtop.su/top8015_7.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='80' height='15'></a> ";
document.write(topRPGc);
</script>
<noscript>
<img src='http://top.roleplay.ru/cgi-bin/iv.cgi?a=ins&id=20897' width='1' height='1' border='0'><a href='http://top.roleplay.ru/20897' target='_top'><img src='http://img.rpgtop.su/top8015_7.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='80' height='15'></a>
</noscript>
<!-- /Top.Roleplay.Ru -->
</marquee>
<div></TD>
<TD><a style="font-size:8pt;" href="http://backwater.mybb.ru/viewtopic.php?id=43#p326 " rel="nofollow" class="eTag eTagGr8">Акция №1 "Семейные узы"</a></TD>
</TR>
</TABLE>
</div>
     <div id="sm2" class="submenutext"><br /><br />

<TABLE WIDTH="100%" BORDER=0 CELLSPACING=4 CELLPADDING=4>
<TR>
<TD><img src='http://s47.radikal.ru/i117/1306/79/2051f60304ad.png ' /></TD>
<TD><img src='http://s003.radikal.ru/i204/1306/d4/8bf5cad0c172.png ' /></TD>
</TR>
<TR>
<TD>События: трали вали…</TD>
<TD><b>Дата</b><br>… <br><b>Время</b><br>16.00 – 18.00 <br> <b>Погода</b><br>Спадает жара, солнце близится к закату.</TD>
</TR>
</TABLE>

</div>
     <div id="sm3" class="submenutext"><br /><br />
<!-- Облако тегов -->
<div id="yoblako" align="center"><noindex>
<a style="font-size:8pt;" href="http://backwater.mybb.ru/viewtopic.php?id=5 " rel="nofollow" class="eTag eTagGr8">Личное Дело</a>
<a style="font-size:8pt;" href="http://backwater.mybb.ru/viewtopic.php?id=10 " rel="nofollow" class="eTag eTagGr8">Правила</a>
<a style="font-size:8pt;" href="http://backwater.mybb.ru/viewtopic.php?id=12 " rel="nofollow" class="eTag eTagGr8">Сюжет</a>
<a style="font-size:8pt;" http://backwater.mybb.ru/viewtopic.php?id=11 " rel="nofollow" class="eTag eTagGr8">Персонажи</a>
<a style="font-size:8pt;" href="http://backwater.mybb.ru/viewtopic.php?id=43#p326 " rel="nofollow" class="eTag eTagGr8">Требуется!</a>
</noindex></div>
<!-- Конец облака тегов -->
</div>
     <div id="sm4" class="submenutext"><br /><br />
<TABLE WIDTH="100%" BORDER=0 CELLSPACING=4 CELLPADDING=4>
<TR>
<TD><img src='http://s52.radikal.ru/i137/1306/1d/5d73bec0b9b2.png ' /></TD>
<TD><img src='http://s020.radikal.ru/i714/1306/d5/b9304ad314c8.png ' /></TD>
</TR>
<TR>
<TD>Шериф<br>Доктор Майк <br><br></TD>
<TD>Набор открыт!</TD>
</TR>
</TABLE>

</div>

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