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

#menu span {
text-align:center;
display:block;
color:#d7a567;
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 #ffffff;
}

#menu .tabactive {
color: #513a1f;
    background:#;
    border: 2px dashed #ffffff;
}

#submenu {
padding: 0px;
height: 260px;
text-align: center;
font-size: 12px;
width: 650px;

}

.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;">
<table><tr><td width="60%">
<center><b>• ПРИВЕТСТВИЕ •</b>
<br> Добро пожаловать в послевоенный магический Лондон! Попутным ветром Вас занесло на самый контрастный форум, где в игре ожидают циничные предатели, коварные политики и суровые авроры, а во флуде - чай с медом и корицей и теплое настроение. Вливайтесь (;
<br><br><b>• АДМИНИСТРАЦИЯ •</b></center>
<center><a href="http://21st.rusff.ru/profile.php?id=2" title="Draco Malfoy-Greengrass"><img src="http://savepic.su/2288698m.png" ></a><a href="http://21st.rusff.ru/profile.php?id=5" title="Astoria Malfoy-Greengrass"><img src="http://savepic.su/2285626m.png"></a></center>
<center><br><b>• МОДЕРАТОРЫ •</b>
<br><a href="http://21st.rusff.ru/profile.php?id=3">Ronald Weasley</a></center></td>
<br><br><td width="40%"><center><b>• ЦИТАТА НЕДЕЛИ •</b>
<br>
— Что ты несешь, Ёжик?<br>
— Море.<br>
— Зачем тебе море?<br>
— Скоро зима, а я все один да один… ©<br></center></td></tr></table>

</div>

     <div id="sm2" class="submenutext"></br></br>
<center><b>• КРАТКО •</b>
<br><b>Дата:</b>
<br>25 декабря 2001 года, вторник.
<br><b>Время:</b>
<br>Раннее утро.
<br><b>Погода:</b>
<br>- 5 °С. Дует порывистый ветер, идет мелкий мокрый снег, на улицах очень скользко.
<br><br><b>• В ИГРУ НУЖНЫ •</b>
<br> Авроры, активисты оппозиции (мужского пола), послы и журналисты из стран Европы, сотрудники радио.
<br><br><b>Действия в игре:</b>
<br>В Министерстве Магии переполох - впервые за последние несколько лет в магическую Британию прибывают представители других стран для переговоров и восстановления мира. В честь этого события Отдел международного сотрудничества готовят рождественский прием, а члены братства "Шум и Ярость" - покушение на главу Аврората.</center>
</div>
     <div id="sm3" class="submenutext"></br></br>

<center><b>• НАВИГАЦИЯ •</b><br>
<form>
<select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)">
<option>for guests:</option>
<option value="http://21st.rusff.ru/viewtopic.php?id=6#p6"><small>ваши вопросы;</small></option>
<option value="http://21st.rusff.ru/viewtopic.php?id=8"><small>правила;</small></option>
<option value="http://21st.rusff.ru/viewtopic.php?id=9#p9"><small>сюжет;</small></option>
<option value="http://21st.rusff.ru/viewtopic.php?id=280#p17307"><small>список персонажей;</small></option>
<option value="http://21st.rusff.ru/viewtopic.php?id=295#p17332"><small>список должностей;</small></option>
<option value="http://21st.rusff.ru/viewtopic.php?id=316#p17435"><small>занятые внешности;</small></option>
<option value="http://21st.rusff.ru/viewforum.php?id=17"><small>реклама.</small></option>
</select>
</form>
<form>
<select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)">
<option>actions:</option>
<option value="http://21st.rusff.ru/viewtopic.php?id=25"><small>Action #1 | We Need You </small></option>
<option value="http://21st.rusff.ru/viewtopic.php?id=27"><small>Action #2 | on the Crossroad</small></option>
<option value="http://21st.rusff.ru/viewtopic.php?id=29"><small>Action #3 | the Crowned Elite</small></option>
<option value="http://21st.rusff.ru/viewtopic.php?id=127#p5530"><small>Action #4 | V for Vendetta</small></option>


</select>
</form>
<form>
<select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)">
<option>for users:</option>
<option value="http://21st.rusff.ru/viewtopic.php?id=21#p21"><small>Книга Ябед и Фантазёров;</small>
<option value="http://21st.rusff.ru/viewtopic.php?id=168#p8013"><small>новости ролевой;</small></option>
<option value="http://21st.rusff.ru/viewtopic.php?id=133#p6037"><small>списки на удаление;</small></option>
<option value="http://21st.rusff.ru/viewtopic.php?id=17"><small>аватаризация;</small></option>
<option value="http://21st.rusff.ru/viewtopic.php?id=16"><small>выяснение отношений;</small></option>
<option value="http://21st.rusff.ru/viewtopic.php?id=18"><small>поиск партнера;</small></option>
<option value="http://21st.rusff.ru/viewtopic.php?id=23#p24"><small>волшебные палочки;</small></option>
<option value="http://21st.rusff.ru/viewtopic.php?id=22#p23"><small>список заклинаний;</small></option>
<option value="http://21st.rusff.ru/viewtopic.php?id=24#p25"><small>список зелий.</small></option>
</select>
</form>

<br><br><b>• КВЕСТЫ •</b> <br>
<a href="http://21st.rusff.ru/viewtopic.php?id=156#p7536">• 1.2 | "кто учил Вас манерам, мистер Уизли?"</a><br>
<a href="http://21st.rusff.ru/viewtopic.php?id=193#p9853">• 1.3 | "Как узнать своих святых"</a><br>
<a href="http://21st.rusff.ru/viewtopic.php?id=150#p7289">• 2 | "Ваши вопросы, господа?"</a><br>
<a href="http://21st.rusff.ru/viewtopic.php?id=196#p10157">• 3 | "Чужой монастырь"</a><br></center>

</div>
     <div id="sm4" class="submenutext" style="width: 650px; height: 260px; overflow-y: scroll;"></br></br>

<center><b>• НОВОСТИ •</b>
<br>30.11.12 - новый диз, новое настроение! а ещё много интересного <a href="http://21st.rusff.ru/viewtopic.php?id=168#p22691">здесь</a>
<br>19.11.12 - внимание, <a href="http://21st.rusff.ru/viewtopic.php?id=1#p22053" style="color: red">всем заглянуть сюда!</a>
<br>16.11.12 - пиши пирожки, будь в тренде хД
<br>13.10.12 - <a href="http://21st.rusff.ru/viewtopic.php?id=362#p21451">Откликнитесь!</a>
<br>04.09.12 - проекту 8 месяцев! ура, товарищи! ♥
<br>01.09.12 - <a href="http://21st.rusff.ru/viewtopic.php?id=354#p20762">"помощь с игрой"</a> - новая тема для вашего удобства! и всех с началом нового учебного года! :D
<br>04.08.12 - нам 7 месяцев! мы вас любим, а вы нас?)
<br>28.07.12 - мы обновили <a href="http://21st.rusff.ru/viewtopic.php?id=168#p17436">списки</a>! 
<br>26.07.12 - новый дизайн и новый повод для комплиментов друг другу)
<br>22.07.12 - перекличка завершена! вашему вниманию: <a href="http://21st.rusff.ru/viewtopic.php?id=133#p17174">удаленные</a>, <a href="http://21st.rusff.ru/viewtopic.php?id=168#p17176">изменения</a>, <a href="http://21st.rusff.ru/viewtopic.php?id=278#p17173" style="color: green">ОПРОС!</a>
<br>17.07.12 - внимание, <a href="http://21st.rusff.ru/viewtopic.php?id=277#p17115" style="color: red">ПЕРЕКЛИЧКА!</a>
<br>04.07.12 - НАМ ПОЛГОДА!!! спасибо, что вы с нами))
<br>04.06.12 - нам уже целых пять месяцев))
<br>13.05.12 - мы стали еще красивее! а что думаете о новом дизайне Вы? пишем в <a href="http://21st.rusff.ru/viewtopic.php?id=21">Книгу Ябед и Фантазеров</a>!
<br>04.05.12 - 4 месяца нашей ролевой!) 
<br>02.05.12 - вечная память Лорду. для тех кто в танке или просто не помнит, напоминаем, что 2 мая 1998 года Поттер и Ко победили и стали официально добром. ура, товарищи!
<br>15.04.12 - поздравляем с открытием долгожданного 3 квеста!
<br>04.04.12 - а нам сегодня ровно три месяца, ура!)
<br>08.03.12 - с праздником, леди!
<br>04.03.12 - а ты отобрал свой голос у Пу?
<br>01.03.12 - травка еще не зеленеет, но солнышко уже блестит) с первым днем весны вас, выходим из зимней спячки!
<br>23.02.12 - новой жертвой в "<a href="http://21st.rusff.ru/viewtopic.php?id=130#p5974">5 вечеров</a>" стала Милли! спешим расспросить ее обо всем)
<br>23.02.12 - С Днем Защитников Отечества! <3 
<br>14.02.12 - всех-всех поздравляем с Днем Святого Валентина! В особенности владельцев цветочных магазинов и кондитерских фабрик хД
<br>11.02.12 - начинаем дружно допрашивать Пенни в течение <a href="http://21st.rusff.ru/viewtopic.php?id=124#p5415">5 вечеров</a> хД
<br>25.01.12 - всех студентов поздравляем с их праздником (:
<br>13.01.12 - мы с опозданием, но все же примирились с тем, что началась зимняя сессия, и желаем всем-всем удачи на экзаменах, да не оставит нас в трудную минуту Анунах хД p.s. школьники, 2 месяца в году мы вам завидуем (:
<br>08.01.2012 - начался <a href="http://21st.rusff.ru/viewtopic.php?id=78#p1769">отыгрыш</a> первого квеста.
<br>08.01.2012 - приветствуем двадцать первого игрока на 21 - <b>Ginevra Weasley</b>!
<br>07.01.2012 - открылось первое <a href="http://21st.rusff.ru/viewtopic.php?id=66#p1017">голосование</a> в "5 вечеров с ...")
<br>04.01.2012 - мы открылись и рады приветствовать всех старых и новых знакомых!
</div>
</center>


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

А тут кооонкурсы

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