<style>
.kotA {width: 160px;}
.kotA a{display: block; background-color: #79411F; text-align: center; width:150px; padding: 2px 0 2px 0; margin-top: 1px; text-decoration: none; border: 1px dashed #7C5640;}
.kotA a:hover{background-color: transparent; text-decoration: underline; border: none;}
</style>

<table style="width: 100%;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="width: 60%;" align="center" colspan="2">

<img src="картинка">

</td>
<td style="width: 40%;" align="center"><div style="width: 100%; height: 250px; overflow-y: auto; direction: rtl;">

Текст новостей

</div></td>
</tr>

<tr>
<td style="width: 33%;" align="center" valign="top">

администрация

</td>
<td style="width: 33%;" align="center" valign="top">

навигация

<div class="kotA">
<a href="ссылка на тему">название 1</a>
<a href="ссылка на тему">название 2</a>
<a href="ссылка на тему">название 3</a>
<a href="ссылка на тему">название 4</a>
<a href="ссылка на тему">название 5</a>
<a href="ссылка на тему">название 6</a>
<a href="ссылка на тему">название 7</a>
<a href="ссылка на тему">название 8</a>
<a href="ссылка на тему">название 9</a>
</div>
</td>
<td style="width: 33%;" align="center"><div style="width: 100%; height: 200px; overflow-y: auto; direction: rtl;">

Текст погоды

</div></td>
</tr>

</table>

<table style="width: 100%;" cellpadding="0" cellspacing="0" border="0">
<tr><td style="width: 50%; height: 200px;" align="center" valign="top">

<style>
#menu {
margin-bottom: 0px;
margin-top: 0px;}

#menu span {
padding: 3px 13px 3px 13px;
margin: 0px -1px;
width: 100px;
font-weight: bold;}

#menu .tabactive {
font-weight: normal;
border-bottom: 1px dashed;}

#submenu {
padding: 0px;
width: 365px;}

.submenutext {
display: none;
text-align: left;
padding: 5px;
width: 355px;
height: 170px;}
</style>

<center><table style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
 <tbody>
  <tr height="22">
   <td align="center">
    <div id="menu">
<span alt="#sm1" style="cursor: pointer;">Добро пожаловать</span>
<span alt="#sm2" style="cursor: pointer;">Общая информация</span>
<span alt="#sm3" style="cursor: pointer;">Новости</span>
    </div>
   </td>
  </tr>
  <tr>
   <td id="MenuTxT" align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">

Контент приветствия

</div>

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

Контент инфы

</div>

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

Контент новостей

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


</td><td style="width: 50%;" align="center" valign="top">

<style>

.accordion{
	width:365px;
	overflow:hidden;
	list-style:none;
	margin-bottom:10px;
	background: transparent;}

.accordion li{
	float:right;
	width: 20%;
	overflow: hidden;
	height:200px;
	-moz-transition:all 0.4s ease-out;
	-webkit-transition:all 0.4s ease-out;
	-o-transition:all 0.4s ease-out;
	transition:all 0.4s ease-out;

	-moz-transition-delay:0.25s;
	-webkit-transition-delay:0.25s;
	-o-transition-delay:0.25s;
	transition-delay:0.25s;}

.accordion div{padding:10px;}

.accordion:hover li{width:7%;}

.accordion li:hover{width:72%;}

.slide-01, .slide-02, .slide-03, .slide-04, .slide-05 {background-color: transparent;}
</style>

<ul class="accordion"> 
<li class="slide-01"> 
<div>

<p><b>Особенности игры</b>
<br/><br/>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id lobortis massa. Nunc viverra velit leo, sit amet elementum mi. Fusce posuere nunc a mi tempus malesuada. Curabitur facilisis rhoncus eros eget placerat. Aliquam semper mauris sit amet justo tempor nec lacinia magna molestie. Etiam placerat congue dolor vitae adipiscing. Aliquam ac erat lorem, ut iaculis justo. Etiam mattis dignissim gravida. Aliquam nec justo ante, non semper mi. Nulla consectetur interdum massa, vel porta enim vulputate sed.

</p>
</div>
</li><li class="slide-02">
<div>

<p><b>Сводка игровых событий</b>
<br/><br/>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id lobortis massa. Nunc viverra velit leo, sit amet elementum mi. Fusce posuere nunc a mi tempus malesuada. Curabitur facilisis rhoncus eros eget placerat. Aliquam semper mauris sit amet justo tempor nec lacinia magna molestie. Etiam placerat congue dolor vitae adipiscing. Aliquam ac erat lorem, ut iaculis justo. Etiam mattis dignissim gravida. Aliquam nec justo ante, non semper mi. Nulla consectetur interdum massa, vel porta enim vulputate sed.

</p>
</div>
</li><li class="slide-03">
<div> 
	              
<p><b>Основной сюжет</b>
<br/><br/>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id lobortis massa. Nunc viverra velit leo, sit amet elementum mi. Fusce posuere nunc a mi tempus malesuada. Curabitur facilisis rhoncus eros eget placerat. Aliquam semper mauris sit amet justo tempor nec lacinia magna molestie. Etiam placerat congue dolor vitae adipiscing. Aliquam ac erat lorem, ut iaculis justo. Etiam mattis dignissim gravida. Aliquam nec justo ante, non semper mi. Nulla consectetur interdum massa, vel porta enim vulputate sed.

</p>
</div>
</li><li class="slide-04">
<div>

<p><b>Акции и квесты</b>
<br/><br/>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id lobortis massa. Nunc viverra velit leo, sit amet elementum mi. Fusce posuere nunc a mi tempus malesuada. Curabitur facilisis rhoncus eros eget placerat. Aliquam semper mauris sit amet justo tempor nec lacinia magna molestie. Etiam placerat congue dolor vitae adipiscing. Aliquam ac erat lorem, ut iaculis justo. Etiam mattis dignissim gravida. Aliquam nec justo ante, non semper mi. Nulla consectetur interdum massa, vel porta enim vulputate sed.

</p>
</div>
</li><li class="slide-05">
<div>

<p><b>Список занятых ролей</b>
<br/><br/>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id lobortis massa. Nunc viverra velit leo, sit amet elementum mi. Fusce posuere nunc a mi tempus malesuada. Curabitur facilisis rhoncus eros eget placerat. Aliquam semper mauris sit amet justo tempor nec lacinia magna molestie. Etiam placerat congue dolor vitae adipiscing. Aliquam ac erat lorem, ut iaculis justo. Etiam mattis dignissim gravida. Aliquam nec justo ante, non semper mi. Nulla consectetur interdum massa, vel porta enim vulputate sed.

</p>
</div>
</li></ul>

</td></tr>
<tr><td align="center" valign="top">
<table style="width: 100%;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="width: 50%; height: 50%;" align="center" valign="top">

<b>Администраторы:</b><br/><br/>

список

</td>
<td style="width: 50%;" align="center" valign="top">

<b>Игротех:</b><br/><br/>

список

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

<br/><b>Модераторы:</b><br/><br/>

список

</td>
<td align="center" valign="top">

<br/><b>Пиарщики:</b><br/><br/>

список

</td>
</tr>
</table>
</td><td align="center">

<b>Партнеры:</b>
<br/><br/>

<div style="width: 96%; height: 100px; overflow-y: auto;">

код баннера код баннера код баннера

</div>

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

<style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}

#menu span {
padding: 7px 15px 7px; 
margin-right: 5px;
margin: 10px 0;
width: 100px;
text-decoration: none;}

#submenu {
padding: 0px;
height: 250px;
text-align: left;
font-size: 12px;
width: 764px;
background-color: #F4ECDD;
border: 4px solid #000;}

.submenutext {
text-align: center;
background:#F9F1DD;
width:auto;
margin:0 2px;
max-width: 100%;
display: none;}

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

<center><table style="width: 100%;">
 <tbody>
  <tr>
   <td align="center">
    <div id="menu">
<span alt="#sm1" class="menuButton"><img src="http://uploads.ru/i/B/E/N/BENfT.png"></span>
<span alt="#sm2" class="menuButton"><img src="http://uploads.ru/i/c/k/a/ckaBW.png"></span>
<span alt="#sm3" class="menuButton"><img src="http://uploads.ru/i/D/4/d/D4dpq.png"></span>
    </div>
   </td>
  </tr>
<tr align="left">
   <td id="MenuTxT" valign="top" style="height: 250px;">
     <div id="submenu" width="100%">
<table width=100%><tr>
<td id="sm1" class="submenutext">
<div style="width: 100%; height: 245px; overflow-y: auto;">
<table style="width: 100%; height: 100%;"><tr><td style="width: 33%;" align="center">

левая 1

</td><td style="width: 33%;" align="center">

центральная 1

</td><td style="width: 33%;" align="center">

правая 1

</td></tr></table>
</div>
</td>
<td id="sm2" class="submenutext">
<div style="width: 100%; height: 245px; overflow-y: auto;">
<table style="width: 100%; height: 100%;"><tr><td style="width: 33%;" align="center">

левая 2

</td><td style="width: 33%;" align="center">

центральная 2

</td><td style="width: 33%;" align="center">

правая 2

</td></tr></table>
</div>
</td>
<td id="sm3" class="submenutext">
<div style="width: 100%; height: 245px; overflow-y: auto;">
<table style="width: 100%; height: 100%;"><tr><td style="width: 50%;" align="center">

левая 3

</td><td style="width: 50%;" align="center">

правая 3

</td></tr></table>
</div>
</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>

<center><table style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td width="220" align="center">
    <div id="menu">
<span alt="#sm1" style="cursor: pointer;"><img src="http://s53.radikal.ru/i140/1202/52/bb6d86532fb6.png"></span>
<span alt="#sm2" style="cursor: pointer;"><img src="http://s018.radikal.ru/i522/1202/ea/22321a8bbdd8.png"></span>
<span alt="#sm3" style="cursor: pointer;"><img src="http://s017.radikal.ru/i406/1202/55/794de35531bc.png"></span>
<span alt="#sm4" style="cursor: pointer;"><img src="http://s017.radikal.ru/i427/1202/23/cf5020498933.png"></span>
<span alt="#sm5" style="cursor: pointer;"><img src="http://s018.radikal.ru/i502/1202/d3/9d12771eb772.png"></span>
<span alt="#sm6" style="cursor: pointer;"><img src="http://s48.radikal.ru/i121/1202/5d/a6ed8745e63e.png"></span>
<span alt="#sm7" style="cursor: pointer;"><img src="http://i031.radikal.ru/1202/a4/88cb50e78b4c.png"></span>
    </div>
   </td>
   <td id="MenuTxT"  align="center">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<!-- Контент первой кнопки -->
<table style="width:100%;" border="0" cellpadding="2" cellspacing="0"><td width="62%" valign="top" align="left">
<div><i><u><b><size=20>Добро пожаловать,  дорогой гость! </size > </b> </i></u></div>
<div>Просим долго не задерживаться на этой должности. Скорее регистрируйся. Нам нужны  Пётр Ромашин, Руслан Султанов, Роман Аристов,  дедушка Тихонова, Софья Котова и другие. </div>
<div>Полный список ролей: </div>
<div>•<a style="font-size:12pt;" href="http://investigator.mybb.ru/viewtopic.php?id=454" rel="nofollow" class="eTag eTagGr8">|Список|</a></div>
<div>Полезные ссылки:</div>
<div>•<a style="font-size:12pt;" href="http://investigator.mybb.ru/viewtopic.php?id=508" rel="nofollow" class="eTag eTagGr8">|Образец анкеты|</a></</div>
<div>•<a style="font-size:12pt;" href="http://investigator.mybb.ru/viewtopic.php?id=153" rel="nofollow" class="eTag eTagGr8">|равила (обязательны для прочтения)|</a></</div>
<div>•<a style="font-size:12pt;" href="http://investigator.mybb.ru/viewtopic.php?id=545" rel="nofollow" class="eTag eTagGr8">|Сетевой этикет|</a></div>
<div>•<a style="font-size:12pt;" href="http://investigator.mybb.ru/viewforum.php?id=39" rel="nofollow" class="eTag eTagGr8">|Тех. Раздел форума «Чаво»|</a></div>
Все вопросы, пожелания, предложения и жалобы можете оставить в нашей  <a style="font-size:12pt;" href=" http://investigator.mybb.ru/viewforum.php?id=50" rel="nofollow" class="eTag eTagGr8">гостевой</a>.
</td>
<td widht="100%"><img style="margin-bottom: -4px;" src=" http://s018.radikal.ru/i520/1202/76/2245851336e0.jpg"></td></table>
<!-- End -->
</div>
     <div id="sm2" class="submenutext">
<!-- Контент второй кнопки -->
<table style="width:100%;" border="0" cellpadding="2" cellspacing="0"><td width="50%" valign="top" align="left">

<div><u><b>Сериал "СЛЕД"</b></u></div>
<div>Идеальных преступлений не бывает. После каждого остаются следы. Иногда эти следы бросаются в глаза. Иногда их можно найти только с помощью специальных приборов. Созданная в качестве эксперимента Федеральная Экспертная Служба не только обкатывает новую технику, обучает молодых специалистов, повышает квалификацию опытных сотрудников. ФЭС оказывают уникальную помощь в раскрытии реальных преступлений... </div>
</td>
<td widht="50%"><img style="margin-bottom: -3px;" src=" http://s018.radikal.ru/i519/1202/7e/9497b7eafb1b.jpg"></td></table>
<!-- End -->
</div>
     <div id="sm3" class="submenutext">
<!-- Контент третьей кнопки -->
<style>#ruzaki {margin: 10px;}</style>
<table style="width:100%; padding-top: 50px;" border="0" cellpadding="0" cellspacing="10"><td width="50%" align="center" style="border: 1px solid;">
<p align="center"><img id="5" src="http://s018.radikal.ru/i500/1201/fd/4b14b36ecc53.png"></p>
<br/>
<img id="101" src="http://s018.radikal.ru/i503/1201/ce/fc6dae301c98.png">
<img id="130" src="http://s018.radikal.ru/i512/1201/3a/57485b52a563.png">
<img id="202" src="http://s009.radikal.ru/i309/1201/63/1d40a23a9caf.png">
<br/>
<img id="134" src="http://i009.radikal.ru/1201/8f/548fbbf048c9.png">
<img id="60" src="http://s018.radikal.ru/i511/1201/ca/a874c1dcd470.png">
<img id="54" src="http://s018.radikal.ru/i502/1201/d6/b18c4b192938.png">


</td>
<td widht="50%" style="border: 1px solid;">


<img id="17" src="http://s55.radikal.ru/i150/1201/55/491ca2a59f80.png">
<br/>
<img id="199" src="http://s018.radikal.ru/i517/1201/5b/08c7822b5798.png">


</td></table>
<!-- End -->
</div>
     <div id="sm4" class="submenutext">
<!-- Контент четвертой кнопки -->
<table style="width:100%; height: 100%;" border="1" cellpadding="0" cellspacing="10"><tr height="50%"><td width="50%" align="left" valign="top">
<div align="center"> Сотрудники расследуют новое дело - <a href="http://investigator.mybb.ru/viewtopic.php?id=606"> «Танцы со смертью» </a> Уважаемые игроки, просьба пройти в офис ФЭС для продолжения дела. Ознакомиться с ним можете, пройдя по ссылке выше в этом же окне.</div>

</td><td widht="50%" colspan="2">
<!-- Ссылки облака тегов -->

<div id="yoblako" align="center">
<noindex>
<a style="font-size:12pt;" href="http://investigator.mybb.ru/viewforum.php?id=20" rel="nofollow" class="eTag eTagGr8">|Офис ФЭС|</a> 
<a style="font-size:12pt;" href="http://investigator.mybb.ru/viewforum.php?id=24" rel="nofollow" class="eTag eTagGr8">|Квартиры|</a> 
<a style="font-size:12pt;" href="http://investigator.mybb.ru/viewforum.php?id=32" rel="nofollow" class="eTag eTagGr8">|Город|</a> 
<a style="font-size:12pt;" href="http://investigator.mybb.ru/viewforum.php?id=21" rel="nofollow" class="eTag eTagGr8">|Места преступлений|</a> 
<a style="font-size:12pt;" href="http://investigator.mybb.ru/viewforum.php?id=33" rel="nofollow" class="eTag eTagGr8">|Места ВНЕ города|</a> 
<a style="font-size:12pt;" href="http://investigator.mybb.ru/viewforum.php?id=45" rel="nofollow" class="eTag eTagGr8">|Телефоны|</a>
</noindex>
</div>

<!-- End Ссылок облака тегов -->
</td></tr><tr height="50%" align="center"><td>
<script type="text/javascript" src="http://sled-fes.chatovod.ru/widget/mini.js?width=200px&popup=1"></script>

</td><td width="25%">
<div align="center"> В игре: 
 17-18 - утро/день;
19-20 - вечер/ночь -   35 день игры, 19 января, четверг.  </div>
</td><td width="25%">
<div align="center">Погода:
<div> -15°</div>
<div> ветер С, 
4-5 м/с</div>
 <div><img src=" http://i064.radikal.ru/1202/bd/0d4aaf0f6095.jpg "> </div></div>
</td></tr></table>
<!-- End -->
</div>
     <div id="sm5" class="submenutext">
<!-- Контент пятой кнопки -->
<table style="width:100%; height: 100%;" border="1" cellpadding="0" cellspacing="15"><tr><td width="50%" align="left" valign="top" rowspan="2">
<div>Что же такое флэшбэки? </div>
<div>В кинематографии означает отклонение от повествования в прошлое; сюжетная линия прерывается, и зритель наблюдает действия, которые происходили ранее. Чаще всего обратный кадр объясняет поступки и действия героев повествования, раскрывает их мысли, идеи. Довольно часто для оформления обратного используют тонирование кадра под сепию. Также используется в телефильме или радиопередаче. В литературоведении аналогом обратного кадра считается ретроспектива. </div>
</td><td widht="50%" height="30%">
Важные и полезные ссылочки:
<div><a style="font-size:12pt;" href=" http://investigator.mybb.ru/viewtopic.php?id=525 " rel="nofollow" class="eTag eTagGr8">| Заказ флэшбэка| </a></div>
<div><a style="font-size:12pt;" href=" http://investigator.mybb.ru/viewtopic.php?id=524 " rel="nofollow" class="eTag eTagGr8"> |Поиск: «Ищу партнёра для флэша»|</a></div>
</td></tr>
<tr><td height="70%" valign="top" align="left">
Ну, просим таких товарищей отписаться:
<div> <b>• Огненный Лис</b> - <i><a style="font-size:12pt;" href="http://investigator.mybb.ru/viewtopic.php?id=607" rel="nofollow" class="eTag eTagGr8"> Litium</a></i></div>
<div><b>• Огненный Лис</b> - <i><a style="font-size:12pt;" href=" http://investigator.mybb.ru/viewtopic.php?id=615" rel="nofollow" class="eTag eTagGr8"> Как все начиналось или ЛиСы</a></i></div>
<div><b>• Круглов Николай</b> - <i><a style="font-size:12pt;" href=" http://investigator.mybb.ru/viewtopic.php?id=637" rel="nofollow" class="eTag eTagGr8"> Видишь какая луна</a></i></div>
<div><b>• Светлана Белозёрова</b> - <i><a style="font-size:12pt;" href=" http://investigator.mybb.ru/viewtopic.php?id=628" rel="nofollow" class="eTag eTagGr8"> Сёстры до замужества</a></i></div>

</td></tr></table>
<!-- End -->
</div>
     <div id="sm6" class="submenutext">
<!-- Контент шестой кнопки -->
<table style="width:100%; padding-top: 20px;" border="0" cellpadding="0" cellspacing="5"><tr><td width="60%" valign="top" align="left">
<div>Уважаемый пиарщик! </div>
<div>Реклама взаимная! Мне проверить не трудно. Правила рекламы вы можете прочитать  <a style="font-size:12pt;" href="http://investigator.mybb.ru/viewtopic.php?id=655" rel="nofollow" class="eTag eTagGr8">тут</a>. Повторяю, левых аккаунтов не создавать. Для этого есть специальный ник:</div>
<div>Логин: <b>Реклама</b></div>
</div>Пароль:<b>111111</b></div>
<div>Для ленивых есть кнопка для быстрого входа. </div>
<div>*картинка кликбательна* для вашего же удобства.</div>
<div>С уважением, <a style="font-size:12pt;" href="http://investigator.mybb.ru/profile.php?id=54" rel="nofollow" class="eTag eTagGr8">[Кира]</a>.</div>


</td><td widht="40%">

<a target="_blank" href=" http://investigator.mybb.ru/viewtopic.php?id=296 "><img src=" http://s018.radikal.ru/i517/1201/a5/0a8cf909116c.jpg " ></a>


</td></tr></table>
<!-- End -->
</div>
     <div id="sm7" class="submenutext">
<!-- Контент седьмой кнопки -->
<table style="width:100%; height: 100%;" border="1" cellpadding="0" cellspacing="5"><tr height="20%"><td align="left" colspan="2">
<div align="center"><marquee><a href="http://www.oddiss.ru/" target=_blank><img src="http://i050.radikal.ru/0909/92/f1a7de5e4e1d.gif" border=0 alt="Официальные сайт группы ОддисС" height=60 width=468></a></marquee></div>
</td><tr valign="top" align="left" height="80%"><td widht="60%">
<div><a href="http://gluhar.russ-forum.ru/"><img src="http://s47.radikal.ru/i117/1106/34/f821eaef40ca.jpg"  title="Глухарь и Возвращение Мухтара." </a> </div>
<div>*ролевая временно закрыта*</div>	
<div><a href="http://gluhar02.liverolka.ru/"><img src="http://s60.radikal.ru/i167/1010/da/6c50c6734a5d.gif"  title=""Ролевая игра по сериалу "Глухарь" и "ОВД Пятницкий""Глухарь. Криминальные битвы столицы." </a></div>
</td><td widht="40%">
<div>Друзья на  других ресурсах:</div>
<div><a style="font-size:12pt;" href="http://vk.com/s_l_e_d" rel="nofollow" class="eTag eTagGr8">★ ★ ★ ▪=С_Л_Е_Д=▪ ★ ★ ★</a></div>
<div><a style="font-size:12pt;" href="http://vk.com/forum_of_serial_sled" rel="nofollow" class="eTag eTagGr8">Ролевая игра «След»</a></div>
<div><a style="font-size:12pt;" href="http://vk.com/fanstory_of_sled" rel="nofollow" class="eTag eTagGr8">Рассказы, посвящённые т/с «След»</a></div>
<div><a style="font-size:12pt;" href="http://sleda-fes.ucoz.ru/" rel="nofollow" class="eTag eTagGr8">Форум поклонников сериала «След»</a></div>
<div>_________________________</div>
<div>Если вы хотите стать нашим другом или партнёром, необходимо пройти кое-какие препятствия. </div>
<div>1. Прочитать небольшие и простые правила.</div>
<div><a style="font-size:12pt;" href="http://investigator.mybb.ru/viewtopic.php?id=656" rel="nofollow" class="eTag eTagGr8">|Правила|</a></div>
<div>2.Написать простенькую анкету.</div>
<div><a style="font-size:12pt;" href="http://investigator.mybb.ru/viewtopic.php?id=657" rel="nofollow" class="eTag eTagGr8">|Анкета|</a></div>
<div>С уважением, <a style="font-size:12pt;" href="http://investigator.mybb.ru/profile.php?id=54" rel="nofollow" class="eTag eTagGr8">[Кира]</a>.</div>

</td></tr></table>
<!-- End -->
</div>
</div>
</td></tr></tbody></table></center>

<style type="text/css">
.punbb table Div.icon {float: left; display: block; width:110px; height: 110px; border-style: none; background-repeat: no-repeat; position: relative; margin-right: 10px;}
</style>

<style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 0em}
</style>

<table style="width: 100%;" cellpadding="0" cellspacing="0" border="0">
<tr><td>
<style>
.splLink {width: 200px; height: 40px; border: 0px solid #FFD700; text-align: center; font-weight: bold;}
.splCont {height: auto; width: 300px; background: #B0DD92; padding: 5px; z-index: 1; margin-top: 5px; border: 2px solid #D5CBB9; text-align: center;}
</style>
<center><table style="width: 96%">
<tr><td><DIV><div class=splLink>Главная</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>


Контент главной кнопки


</DIV></DIV></td>
<td><DIV><div class=splLink>Навигатор</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
<FORM>
<SELECT size=1 name='navigation'>
  <OPTION value='http://kotak.0pk.ru/viewtopic.php?id=65' selected>Как стать Членом Клуба</OPTION>
  <OPTION value='http://kotak.0pk.ru/viewforum.php?id=33'>Доска почёта</OPTION>
  <OPTION value='http://kotak.0pk.ru/viewforum.php?id=25'>Подскажите, кто я</OPTION>
  <OPTION value='http://kotak.0pk.ru/viewforum.php?id=26'>Знакомство</OPTION>
  <OPTION value='http://kotak.0pk.ru/viewtopic.php?id=61'>Навигатор по темам</OPTION>
</SELECT>
<INPUT class=but onclick="location.href = this.form.navigation.options[this.form.navigation.selectedIndex].value" type=button value="Мяу" name=button>
</FORM>
</DIV></DIV></td>
<td><DIV><div class=splLink>Администрация</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
<table style="width: 100%;"><tr><td style="width: 50%;" align="center" valign="top">

Гл. администратор<br/>

<a href=" http://kotak.0pk.ru/profile.php?id=2"><img src="http://s018.radikal.ru/i514/1202/f2/74d91bd35e35t.jpg"></a>

</td><td style="width: 50%;" align="center" valign="top">

Гл. модератор<br/>

<a href="http://kotak.0pk.ru/viewtopic.php?id=88"><img src="http://s017.radikal.ru/i411/1202/a3/188d2ada79ddt.jpg"></a>

</td></tr><tr><td align="center" valign="top">

Администратор<br/>

<a href="http://kotak.0pk.ru/profile.php?id=4"><img src="http://s017.radikal.ru/i403/1202/a9/1dc7248e80f1t.jpg"></a>

</td><td align="center" valign="top">

Модератор<br/>

<a href="http://kotak.0pk.ru/viewtopic.php?id=88"><img src="http://s57.radikal.ru/i156/1202/78/4277f7d97abdt.jpg"></a>

</td></tr></table>
</DIV></DIV></td>
</tr>
</table></center>
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>
</td></tr>
<tr><td align="center" valign="top">
<img src="http://s017.radikal.ru/i422/1202/4e/7d0f6e0a9eb0.jpg">
</td></tr>
<tr><td align="center" valign="top">

<b>Объявления:</b><br/><br/>


текст текст текст


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

<table style="width: 100%;" cellpadding="0" cellspacing="0" border="0">
<tr><td>
<style>
#menu {
margin-bottom: 0px;
margin-top: 0px;}

#menu span {
padding: 5px 25px 5px 25px;
margin: 0px 25px;
width: 100px;}

#menu .tabactive {
color: green;}

#submenu {
padding: 0px;
width: 680px;
max-height: 400px;}

.submenutext {
display: none;
text-align: center;
height: auto;}
</style>
<center><table style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
 <tbody>
  <tr height="40">
   <td align="center">
    <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>
           </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;">

<img style="width: 520px; margin: 0 0 -2px 0;" src="http://s017.radikal.ru/i422/1202/4e/7d0f6e0a9eb0.jpg">

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

<FORM>
<SELECT size=1 name='navigation'>
  <OPTION value='http://kotak.0pk.ru/viewtopic.php?id=65' selected>Как стать Членом Клуба</OPTION>
  <OPTION value='http://kotak.0pk.ru/viewforum.php?id=33'>Доска почёта</OPTION>
  <OPTION value='http://kotak.0pk.ru/viewforum.php?id=25'>Подскажите, кто я</OPTION>
  <OPTION value='http://kotak.0pk.ru/viewforum.php?id=26'>Знакомство</OPTION>
  <OPTION value='http://kotak.0pk.ru/viewtopic.php?id=61'>Навигатор по темам</OPTION>
</SELECT>
<INPUT class=but onclick="location.href = this.form.navigation.options[this.form.navigation.selectedIndex].value" type=button value="Мяу" name=button>
</FORM>

     </div><div id="sm3" class="submenutext">
<table style="width: 100%;"><tr><td style="width: 50%;" align="center" valign="top">

Гл. администратор<br/>

<a href=" http://kotak.0pk.ru/profile.php?id=2"><img src="http://s018.radikal.ru/i514/1202/f2/74d91bd35e35t.jpg"></a>

</td><td style="width: 50%;" align="center" valign="top">

Гл. модератор<br/>

<a href="http://kotak.0pk.ru/viewtopic.php?id=88"><img src="http://s017.radikal.ru/i411/1202/a3/188d2ada79ddt.jpg"></a>

</td></tr><tr><td align="center" valign="top">

Администратор<br/>

<a href="http://kotak.0pk.ru/profile.php?id=4"><img src="http://s017.radikal.ru/i403/1202/a9/1dc7248e80f1t.jpg"></a>

</td><td align="center" valign="top">

Модератор<br/>

<a href="http://kotak.0pk.ru/viewtopic.php?id=88"><img src="http://s57.radikal.ru/i156/1202/78/4277f7d97abdt.jpg"></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>

</td></tr>
<tr><td align="center" valign="top"><div style="width: 100%; height: 100px; overflow-y: auto;">

<b>Объявления:</b><br/><br/>

<br><b>24.02.12</b>
<br>
У нас новый стиль.
<br>
<br><b>23.02.12</b>
<br>
С праздником днём защитника отечества.
<br>
<br><b>23.02.12</b>
<br>
У нас новая таблица.
<br>
<br><b>22.02.12</b>
<br>
У нас новый стиль

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