<style>	
#menu {
margin-top: -5px;
width: 120px;
height: 100px;
background-repeat : no-repeat;}

#menu span {
text-align:left;
display:block;
color::#330000;
margin: 9px 0;
padding: 11px;
}
#submenu,#menu span {
    border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
background:#;
  border: 2px dashed #996633;
}

#menu .tabactive {
color: #663300;
    background:#;
    border: 2px dashed #996633;
}

#submenu {
padding: 0px;
height: 230px;
text-align: center;
font-size: 15px;
width: 600px;
background-image: url;
}

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

<table style="width: 615px">
 <tbody>
  <tr>
   <td valign=top>
    <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>
<span alt="#sm5" style="cursor: pointer;">Баннеры</span>
           </b>
    </div>
   </td>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;padding:10px;height:200px;overflow-y: auto;">
<font size=3>
<font color="#800000"><b>Интересно:</b></color> <font color="#000000"> На нашей ролевой стартовал конкурс: <a href="http://heroesnirnsotc.rolka.su/viewtopic.php?id=391#p20722"> <b>Конкурс: "Новогодняя сказка"</b></a> - проявите свою индивидуальность и творчество.</color>
<br>
<br><font color="#800000"><b>Важно:</b></color> <font color="#000000">  
В игру  требуются персонажи из : <a href="http://heroesnirnsotc.rolka.su/viewtopic.php?id=93"><b> Вакансий</b></a>, а так же ведется упрощенный прием персонажей по акция для: <a href="http://heroesnirnsotc.rolka.su/viewtopic.php?id=215#p1565"><b> Господ</b></a> и <a href="http://heroesnirnsotc.rolka.su/viewtopic.php?id=214"><b> Прекрасных дам</b></a></color>
<br>
<br><font color="#000000">   Для того чтобы ознакомиться с закрытыми разделами, создан отдельный аккаунт и администрация рекомендует пользователям, не достигшим совершеннолетия, не рисковать своим "психическим здоровьем и развитием" и не просматривать информацию, которую правительство РФ считает неподходящей для них. Надеемся на вашу сознательность, спасибо за внимание.  
<br>Аккаунт для доступа к закрытым разделам:<b> Читатель</b>
<br>пароль на аккаунт: <b>1234.</b></color></font>
</div>

     <div id="sm2" class="submenutext" style="display:block;padding:10px;height:200px;overflow-y: auto;">
<font size=3>
<align=center> <size=14><font=Book Antiqua><b>● Дата и основные события ●</b></font></size> </align>
<p><b>Дата</b> <a href=" http://heroesnirnsotc.rolka.su/viewtopic.php?id=206#p1129"> 20-ое число месяца Месяц Середины Года (Шезаар), 975 год от Сотворения Седьмого Дракона </a>
<br><font color="#000000"> Эгрейд узнал о существовании еще одной наследницы Септимов. Войска направляются в Скинград... Город оказывается осажен Мифическим Рассветом, но воины империи сумели вытащить наследницу Империи Тамриэль из пекла и вернулись в Юсарис. Но Мифический Рассвет жаждет мести... Орден Червя после смерти Манимарко оправился не быстро, но теперь снова поднимает головы. Охота за еретиками начинается... </color>
<br><align=center> <size=14><font=Book Antiqua><b>● Квесты ●</b></font></size> </align>
<align=center> <br><a href=" http://heroesnirnsotc.rolka.su/viewtopic.php?id=7"> Заказ Квестов</a>
<br><a href=" http://heroesnirnsotc.rolka.su/viewtopic.php?id=155"> Помощь ГМ</a>
<br><a href=" http://heroesnirnsotc.rolka.su/viewtopic.php?id=231 "> Квест «Охота» </a>
<br><a href=" http://heroesnirnsotc.rolka.su/viewtopic.php?id=230"> Квест «Справедливость?» </a>
<br><a href=" http://heroesnirnsotc.rolka.su/viewtopic.php?id=229"> Квест « Лунный Пир » </a></align>
</div>
     <div id="sm3" class="submenutext"><br/><br/>
<align=center> <size=14><font=Book Antiqua><b>● Навигация по форуму ●</b></font></size> </align>
<align=center> <br><a href=" http://heroesnirnsotc.rolka.su/viewtopic.php?id=332"> Вводная</a>
<br><a href="http://heroesnirnsotc.rolka.su/viewtopic.php?id=323#p11159"> Правила</a>
<br><a href=" http://heroesnirnsotc.rolka.su/viewtopic.php?id=3"> Сюжет</a>
<br><a href="http://heroesnirnsotc.rolka.su/viewforum.php?id=42"> Расы</a>
<br><a href="  http://heroesnirnsotc.rolka.su/viewforum.php?id=41"> Бестиарий</a>
<br><a href="   http://heroesnirnsotc.rolka.su/viewforum.php?id=21"> География</a>
<br><a href=" http://heroesnirnsotc.rolka.su/viewforum.php?id=22"> Религия</a>
<br><a href="   http://heroesnirnsotc.rolka.su/viewforum.php?id=36"> Классы</a>
<br><a href="   http://heroesnirnsotc.rolka.su/viewforum.php?id=43">  Организации</a></align>
</div>

     <div id="sm4" class="submenutext" style="display:block; padding:10px;height:200px;overflow-y: auto;"> 
<align=center> <size=14><font=Book Antiqua><b>● Администраторы ●</b></font></size> </align>
<br>
<br><a href="http://heroesnirnsotc.rolka.su/profile.php?id=2">Ragnarok</a> -  создатель форума, главный администратор и последняя инстанция по всем спорным вопросам. Следит за логикой отыгрышей на форуме, проверкой анкет и созданием статей для игрового мира. Обожает общаться с новичками. Внимателен к мелким деталям.
<br><u>Связь:</u>
<br><i><a href="http://heroesnirnsotc.rolka.su/messages.php?action=new&uid=2">Личное сообщение</a>.</i>
<br><i>Аська:</i> 439043782
<br>
<br><a href="http://heroesnirnsotc.rolka.su/profile.php?id=5">Sirenite</a> -  второй администратор  и секретарь глав. администратора. Специалист по связи с общественностью. Полностью следит и курирует библиотек, так же занимается пиаром и поиском игроков, оформлением аватар и выдачей наград и кредитов. Помогает в разработке конкурсов. Требовательная, но в то же время очень добрая личность, с радостью ответит на все вопросы и если потребуется подскажет, с кем лучше связаться. <br><u>Связь:</u>
<br><i><a href="http://heroesnirnsotc.rolka.su/messages.php?action=new&uid=5">Личное сообщение</a>.</i>
<br><i>Скайп:</i> sirenite92
<br>
<br><a href="http://heroesnirnsotc.rolka.su/profile.php?id=8">Andris</a> администратор, ведущий и создателей квестов, куратор новечков, а так же "хозяин" лавки древностей. Занимается проверками анкет, помощью по адаптации в мире и придумыванием новых приключений для игроков. Приятный и добрый человек, который всегда готов помочь решить любую проблему и ответить на любые вопросы. Любит общаться с новичками.
<br><u>Связь:</u>
<br><i><a href="http://heroesnirnsotc.rolka.su/messages.php?action=new&uid=8">Личное сообщение</a>.</i>
<br><i>Скайп:</i> andrey_st_sp
<br><i>Аська:</i> 605567440
</div>
     <div id="sm5" class="submenutext"><br/><br/>
<a href="http://aflower.rolebb.ru" target="_blank"><img src="http://uploads.ru/i/4/o/H/4oHcW.gif" title="Цветок Астриана" border="0" width="88" height="31"></a><a target="_blank" href="http://shardsofpower.rolka.su"><img src="http://s1.uploads.ru/tfdxi.gif" alt="Сайрон: Осколки всевластия"</a>
<a target="_blank" href="http://yourelement.rolka.su/"><img src="http://uploads.ru/i/H/u/V/HuVQF.jpg" ></a>
<a href='http://znakras.rolka.su/' title="Знак Рас: наследие Синиструма. Авторский фентези-мир." target='_blank' ><img src='http://i077.radikal.ru/1203/7d/6e61c15b44ea.png'></img></a>
<a href="http://reilana.mybb.ru/"><img src="http://i25.fastpic.ru/big/2011/0707/e4/ad5db7d889f98400809ce56fe7e51ce4.gif" ></a>
<a href="http://lotrrol.ru/"><img src="http://forumupload.ru/uploads/0001/1b/5a/457989-1.png" alt="ЛотрРол"></a>
<a href="http://daantebellum.rolka.su/"><img src="http://s1.uploads.ru/i/t0FGj.gif" border="0" width="85" height="31" alt=" Dragon Age: Ante Bellum"></a>
<a href="http://warofthering.f-rpg.ru/" target="_blank"><img src="http://warofthering.f-rpg.ru/uploads/000f/fd/9d/2526-1.gif" alt="War of the Ring" width="88" height="31"></a>
<a href="http://gameofthrones.rolevaya.ru/"><img src="http://uploads.ru/i/0/f/g/0fgRr.png" /></a>
<a href="http://mifobogah.spybb.ru/" title="Ролевая игра - Миф о богах... Окунись в мир Древней Греции..." target="blank"><img src="http://s012.radikal.ru/i320/1103/1e/62da6f068e50.png" ></a>
<a href="http://uwr.f-rpg.ru/" target=_blank><img src="http://uploads.ru/i/E/d/U/EdUCi.gif" ></a>
<a href="http://alariaw.ru/" target="_blank"> <img src="http://forumupload.ru/uploads/000d/56/9b/2704-1.gif" title="TRPG Алария. Разнообразие рас, активный мастеринг и удивительная атмосфера." /></a><a href="http://protivostoyanie.mybb.by"  target="_blank"  title="Противостояние"><img src="http://s1.uploads.ru/i/P4mNy.png"  alt="Противостояние" border="0" width="88" height="31"></a>
<a href="http://endore.rolka.su/"><img src="http://forumupload.ru/uploads/000d/ee/24/468-1.gif" alt="Эндор" title="Может быть история пойдет по-другому?" border="0"></a>
<a href="http://sympathyforthedevil.spybb.ru/" target="_blank"><img border="0" src="http://s1.uploads.ru/tuqQS.png" title="FF & KH: CrossWorlds" width="88" height="31" ></a>
<a href="http://avalon.rolevaya.ru/" target="top_">
<img src="http://uploads.ru/i/Y/C/Z/YCZr1.gif" alt="Avalon" border="0" width="88" height="31"></a>
</div>

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