<!-- Table Style -->
<style>	
#pun-announcement h2 {display: none;}
#pun-announcement .container {padding-top: 1em;}

#menu span {
padding: 0px;
margin-right: 5px;
margin: 0;}

#submenu {
padding: 5px;
height: 300px;
text-align: left;
font-size: 12px;
width: 850px;}

.submenutext {
text-align: center;
/*position:absolute;*/
width: auto;
margin: 0 2px;
max-width: 100%;
display: none; 
height: height: 400px!important;}

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

<!-- Main Table -->
<center><table style="width: 840px; background: url(http://uploads.ru/i/y/Y/a/yYabe.png) top center no-repeat;">
 <tbody>
  <tr>
   <td align="center">
    <div id="menu">
<!-- Buttons -->
<span alt=#sm1 class="menuButton"><img src="http://uploads.ru/i/L/K/y/LKy9B.png"></span>
<span alt=#sm2 class="menuButton"><img src="http://uploads.ru/i/i/K/N/iKNTL.png"></span>
<span alt=#sm3 class="menuButton"><img src="http://uploads.ru/i/R/w/N/RwNys.png"></span>
<span alt=#sm4 class="menuButton"><img src="http://uploads.ru/i/B/8/G/B8GlE.png"></span>
<span alt=#sm5 class="menuButton"><img src="http://uploads.ru/i/0/s/F/0sF74.png"></span>
<!-- End -->
    </div>
   </td>
  </tr>
  <tr align="left">
   <td id="MenuTxT" valign="top" style="height: 260px;">
    <div id="submenu" width="100%">
<!-- Content -->
<table width="100%">
<tr>
     <td id="sm1" class="submenutext">
<!-- 1st button -->
<table>
<tr>
<td align="center" width="380">
<!-- Left Col -->
<img src="http://uploads.ru/i/k/D/g/kDgdi.png">
<br/>
<div style="overflow-y: auto; height: 235px;">
<!-- 1st Inlying Table -->
<table>
<tr>
<td style="width: 150px;">
<!-- Pic -->
<img src="http://uploads.ru/i/u/C/T/uCTbH.png">

</td>
<td>
<!-- Text -->
<span style="font-size:14px; font-family:century gothic; text-shadow:1px 1px 1px #000000; color:#ffffff;"><strong><span class=YOU></span>, ты можешь увидеть уже 11 серий  <a href=http://friendsofangels.spybb.ru/viewtopic.php?id=373#p15601>здесь</a></strong></span>

</td>
</tr>
</table>
<!-- News -->
<a href=http://www.liveinternet.ru/community/angels_friends/post221249644/>AFjournal №2</a>!!! Расскажите о нем на других сайтах. Ждем материал на новый выпуск, посвященный Блю, он принимается в <a href=http://friendsofangels.spybb.ru/viewtopic.php?id=417#p17333>редакцию</a>.
<br/>
<img src="http://uploads.ru/i/T/O/X/TOXse.png">
<br/>
<a href=http://friendsofangels.spybb.ru/viewtopic.php?id=405#p16872>Турнир</a> откладывается на 30 мая в связи с небольшим количеством получивших право на участие (хоть раз работавшие с подопечным).
<br/>
<img src="http://uploads.ru/i/T/O/X/TOXse.png">
<br/>
Dolce, Ира_ADLS за первый же неправильно оформленный игровой пост будут лишены права писать в ролевой игре. <a href=http://friendsofangels.spybb.ru/viewtopic.php?id=2#p3>Правила ролевой</a> читать надо.

</div>
<!-- End Left Col -->
</td> 
<td align="center" width="90">
<!-- Center Col -->
<img src="http://uploads.ru/i/d/6/L/d6LND.png">
<br/><br/>
<!-- Banners -->
<a title="Каталог фэнтези сайтов Палантир" href="http://palantir.in/?from=15269" target="_blank"><img src="http://palantir.in/count.php?id=15269&cid=counter2007_11.png" alt="Palantir" title="Каталог фэнтези сайтов Палантир" border="0" width="88" height="31"></a>
<br/>
<a target="_blank" href="http://www.glamult.info/"><img src="http://uploads.ru/i/Z/m/k/Zmk4o.gif"></a>
<br/>
<a href="http://www.liveinternet.ru/users/angels_friends/" target="_blank"><img src="http://uploads.ru/i/l/8/F/l8F4W.gif" title="Наш блог" border="0" width="88" height="31"></a>
<!-- End Center Col -->
</td> 
<td align="center" width="370">
<!-- Right Col -->
<img src="http://uploads.ru/i/s/M/t/sMt3C.png">
<br/>
<div style="overflow-y: auto; height: 215px;">

Понедельник, вечер
<br/>
<img src="http://uploads.ru/i/E/h/N/EhN7U.png">
<br/>
Солнце скрылось за облаками. Дует слабый ветерок.
<br/>
<img src="http://uploads.ru/i/J/8/6/J86OD.png">
<br/>
Занятие завершилось, ангелы и демоны должны сразиться в комнате состязаний и идти к подопечным. Тем, кто впервые идет к ним, надо поторопиться - скоро будет  <a href="http://friendsofangels.spybb.ru/viewtopic.php?id=405#p16872">турнир</a>, на который допустят тех, кто хоть раз успел поработать с подопечным. Информацию про <a href="http://friendsofangels.spybb.ru/viewtopic.php?id=405#p16872">турнир</a> прочитайте обязательно. 

</div>
<!-- End Right Col -->
</td>
</tr>
</table>
<!-- End 1st button -->
</td>
     <td id="sm2" class="submenutext">
<!-- 2nd button -->
<table>
<tr>
<td align="center">
<!-- Left Col -->
<img src="http://uploads.ru/i/Q/i/V/QiVAt.png">
<br/>
<div style="overflow-y: auto; height: 235px;">

Прошло третье занятие у ангелов и демонов. Кого-то хвалили, а кого-то ругали. Ученики идут в комнату состязаний.

</div>
<!-- End Left Col -->
</td>
<td align="center">
<!-- Center Col -->
<img src="http://uploads.ru/i/r/3/1/r31sL.png">
<!-- End Center Col -->
</td>
<td align="center">
<!-- Right Col -->
<img src="http://uploads.ru/i/j/W/3/jW3ul.png">
<br/>
<div style="overflow-y: auto; height: 215px;">

<b>29 апреля.</b> ФОА начал публиковать серии второго сезона. Они находятся <a href="http://friendsofangels.spybb.ru/viewtopic.php?id=373#p15601">здесь</a>.
<br/>
<img src="http://uploads.ru/i/T/O/X/TOXse.png">
<br/>
<b>21 марта.</b> ФОА перевел на русский язык англоязычную статью по Ангелам из Википедии, ее можно увидеть <a href="http://friendsofangels.spybb.ru/viewtopic.php?id=336#p13866">здесь.</a> Старались над переводом Даф и Владлена.
<br/>
<img src="http://uploads.ru/i/T/O/X/TOXse.png">
<br/>
<b>12 мая.</b> у форума появился блог, там же вышел форумный журнал о Друзьях Ангелов и нашем форуме.  
<br/>
<img src="http://uploads.ru/i/T/O/X/TOXse.png">
<br/>
<b>24 апреля.</b> На форуме появился игровой портал. 

</div>
<!-- End Right Col -->
</td>
</tr>
</table>
<!-- End 2nd button -->
</td> 
     <td id="sm3" class="submenutext">
<!-- 3rd button -->
<table>
<tr>
<td align="center">
<!-- Links 1 -->
<img src="http://uploads.ru/i/8/T/F/8TFVK.png">
<br/>
<div style="overflow-y: auto; height: 215px;">

<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=268">Как зарегистрироваться и общаться у нас на форуме</a>
<br/>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=2">Правила форума</a>
<br/>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=21">Смена ника</a>
<br/>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=79">Предупредить об отсутствии</a>
<br/>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=72">Предложить</a>
<br/>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=71">Спросить</a>
<br/>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=20">Сменить статус</a>
<br/>
<img src="http://uploads.ru/i/T/O/X/TOXse.png">
<br/>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=262#p10350">Книга Добра</a>
<br/>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=232">Книга Зла</a>
<br/>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=241">Книга учеников-разгильдяев</a>

</div>
<!-- End Links 1 -->
</td>
<td align="center">
<!-- Links 2 -->
<img src="http://uploads.ru/i/h/Q/u/hQuoJ.png">
<br/>
<div style="overflow-y: auto; height: 215px;">

<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=268">Как регистрироваться и общаться на форуме</a>
<br/>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=343">Как создать своего персонажа</a>
<br/>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=5#p13">Шаблон анкеты и пояснения к ее заполнению</a>
<br/>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=3">Занятые и свободные роли</a>
<br/>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=13">Занятые силы неканонических персонажей</a>

</div>
<!-- End Links 2 -->
</td>
<td align="center">
<!-- Links 3 -->
<img src="http://uploads.ru/i/N/M/4/NM4gz.png">
<br/>
<div style="overflow-y: auto; height: 215px;">

<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=2">Правила ролевой игры, сражений</a>
<br/>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=233">Время и погода</a>
<br/>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=15">Сюжет игры</a>
<br/>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=241">Списки прогуливающих учеников</a>
<br/>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=139">Подопечные и квестовые персонажи</a>
<br/><br/>
<img src="http://uploads.ru/i/T/O/X/TOXse.png">
<br/>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=6">Найти противника</a>
<br/>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=91">Получить подопечного</a>
<br/>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=9">Найти партнера по игре</a>
<br/>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=121">Объединиться в команду</a>

</div>
<!-- End Links 3 -->
</td>
<td align="center">
<!-- Links 4 -->
<img src="http://uploads.ru/i/3/k/7/3k7FP.png">
<br/>
<div style="overflow-y: auto; height: 215px;">

<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=17">Оставить отзыв о дизайне</a>
<br/>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=210">Свет против тьмы</a>
<br/>
<a href="http://friendsofangels.spybb.ru/viewforum.php?id=16">Галерея</a>
<br/>
<a href="http://friendsofangels.spybb.ru/viewforum.php?id=39">Хотите обсудить свои мысли о Друзьях ангелов? Создайте тему!</a>
<br/>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=336#p13866">Википедия</a>

</div>
<!-- End Links 4 -->
</td>
</tr>
</table>
<!-- End 3rd button -->
</td>
     <td id="sm4" class="submenutext">
<!-- 4th button -->
<div style="overflow-y: auto; height: 300px;">
<!-- Inlying Table -->
<center>
<table>
<tr>
<td align="center">
<!-- Left Col -->
<img src="http://uploads.ru/i/m/k/b/mkbHM.png">
<br/><br/>
<b>Ник:</b> Пиар <b>Пароль:</b> 1234
<br/>
Рекламировать взаимно!
<br/>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=27">Баннерообмен</a>
<br/>
<a href="http://friendsofangels.spybb.ru/viewtopic.php?id=26">Реклама</a>
<!-- End Left Col -->
</td>
<td align="center">
<!-- Center Col -->
<img src="http://uploads.ru/i/p/u/Z/puZTg.png">
<br/>
<a href="http://winxclubsuperrolevaya.mybb.ru" title="Serionh - место для тех, кем являемся мы...может быть"><target="blank"><img src="http://s54.radikal.ru/i146/1204/f6/642ab6036782.gif"></a>
<br/>
<a href="http://fairywinx.spybb.ru" target="_blank"><img src="http://uploads.ru/i/f/B/t/fBtgE.gif" border="0" title="|Погрузись в мир магии с  Magix World...|" width="88" height="31"></a>
<br/>
<a href="http://vkontakte.ru/angelsfriendsofficial" target="_blank"><img src="http://uploads.ru/i/F/6/t/F6t54.png" border="0" title="Angel's Friends ● Друзья Ангелов |Официальная группа ВКонтакте"></a>
<!-- End Center Col -->
</td>
<td align="center">
<!-- Right Col -->
<img src="http://uploads.ru/i/Q/U/F/QUFk4.png">
<!-- End Right Col -->
</td>
</tr>
</table>
<!-- End Inlying Table -->
<!-- Else -->
<b>Нас просматривают:</b>
<br/>
<a href="http://s09.flagcounter.com/more/5J1"><img src="http://s09.flagcounter.com/count/5J1/bg_3BB7A5/txt_000000/border_000000/columns_5/maxflags_20/viewers_0/labels_0/pageviews_0/flags_0/" alt="free counters" border="0"></a>
</center>
</div>
<!-- End 4th button -->
</td>
     <td id="sm5" class="submenutext">
<!-- 5th button -->

Контент пятой кнопки

<!-- End 5th button -->
</td>
</tr>
</table>
<!-- End Content -->
</div>
</td>
</tr>
</tbody>
</table>
</center>
<!-- End -->

<!-- Скрипт таблицы -->
<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()
    $("td.submenutext").hide()
    $("td."+activeDiv).show()
    $("td."+activeDiv+" *").show()
    return false; });
});
</script>