<!--АККОРДЕОН - НАЧАЛО-->
<script type="text/javascript"> 
$(document).ready(function(){
	
	$(".accordion h3:first").addClass("active");
	$(".accordion p:not(:first)").hide();

	$(".accordion h3").click(function(){
    $(this).next("p").slideToggle("slow")
    .siblings("p:visible").slideUp("slow");
    $(this).toggleClass("active");
    $(this).siblings("h3").removeClass("active");
	});

});
</script>
<!--АККОРДЕОН - КОНЕЦ-->

<center><table style="text-align: left; width: 820px; height: 212px;"
 border="0" cellpadding="2" cellspacing="0">
  <tbody>
    <tr>
      <td style="width: 310px;" valign="top">

<!-- В ИГРЕ-->

<center><h4><img src="http://s018.radikal.ru/i503/1208/70/f8803e473480.png" ></h4>
<small>Примерная дата в игре - 10 сентября, понедельник.<br>Вы сами можете проставить день и временной промежуток в начале поста.</small>
<div class="textlink">
<a href="http://asylum.anihub.ru/viewtopic.php?id=45#p62" target="_blank">ссылка на календарь</a>
 </div>
</center>
&nbsp; &nbsp; <span style="font-weight: bold;">10.09, понедельник</span><br>

&bull; 2 этаж, <a target="_blank"
 href="http://asylum.anihub.ru/viewtopic.php?id=70#p326">Кабинет Завуча</a>: <u>Буйная</u>, Босс<br><br>

&nbsp; &nbsp; <span style="font-weight: bold;">число, день недели</span><br>

&bull; Этаж, <a target="_blank"
 href="ссылка">локация</a>. <u>Игрок1</u>, Игрок2, Игрок3<br>

&bull; Этаж, <a target="_blank"
 href="ссылка">локация</a>. Игрок1, Игрок2, <u>Игрок3</u><br>

&bull; Этаж, <a target="_blank"
 href="ссылка">локация</a>. Игрок1, Игрок2, <u>Игрок3</u><br><br>

&nbsp; &nbsp; <span style="font-weight: bold;">число, день недели</span><br>

&bull; Этаж, <a target="_blank"
 href="ссылка">локация</a>. Игрок1, Игрок2, <u>Игрок3</u><br>
&bull; Этаж, <a target="_blank"
 href="ссылка">локация</a>. Игрок1, Игрок2, <u>Игрок3</u><br><br>
</td>
      <td style="width: 160px;"  valign="top">

<!-- ССЫЛКИ-->
<h4><img src="http://s53.radikal.ru/i142/1208/76/f6c44b99ad25.png" ></h4>
<div class="textlink">

<a href="http://asylum.anihub.ru/viewtopic.php?id=2#p136" target="_blank">гостевая</a>
<a href="http://asylum.anihub.ru/viewtopic.php?id=3" target="_blank">вопросы к админам</a>


<a href="http://asylum.anihub.ru/viewtopic.php?id=14" target="_blank">правила</a>
<a href="http://asylum.anihub.ru/viewtopic.php?id=40" target="_blank">об интернате</a>
<a href="http://asylum.anihub.ru/viewtopic.php?id=58" target="_blank">список ролей</a>


<br>
<a href="http://asylum.anihub.ru/viewtopic.php?id=60" target="_blank">акция #1 - Ветераны</a>
<a href="http://asylum.anihub.ru/viewtopic.php?id=61#p92" target="_blank">акция #2 - на Рандоме</a>
<br>
<a href="http://asylum.anihub.ru/viewtopic.php?id=9" target="_blank">шаблон анкеты</a>
<a href="http://asylum.anihub.ru/viewtopic.php?id=57" target="_blank">F.A.Q. и навигация</a><a href="http://asylum.anihub.ru/viewtopic.php?id=41" target="_blank">ныне творящееся</a>


</div>

</td>
      <td style="width: 350px;"  valign="top">
<div class="accordion">

<!-- О РОЛЕВОЙ-->
<h3><img src="http://s59.radikal.ru/i164/1208/f3/c8b0113562ce.png" ></h3>
<p align="justify">&nbsp; &nbsp; &nbsp;Добро пожаловать на ролевую игру <b>"Asylum: 21st century cure"</b>, сюжет которой развивается в бывшей психиатрической клинике, в результате особых обстоятельств переформированной в интернат для одаренных подростков. Темные дела творились тут ранее, творятся они и по сей день. Среди воспитанников и персонала ходят слухи о планируемом бунте — <i>«С юга дует ветер перемен...»</i>
 </p>

<!-- АДМИНЫ-->
<h3><img src="http://s40.radikal.ru/i090/1208/de/63335b4f1469.png" ></h3>
<p align="center">
<b>Главадмин:</b><br>
<a href="http://asylum.anihub.ru/profile.php?id=2" target="_blank">Джокер</a><br>
<br>
<b>Помощники Админа:</b><br>
<a href="http://asylum.anihub.ru/profile.php?id=3" target="_blank">Хирург</a>
&nbsp; &nbsp;&nbsp;<i>ICQ - 575876989</i><br>
<a href="http://asylum.anihub.ru/profile.php?id=6" target="_blank">Слепой</a>
&nbsp; &nbsp;&nbsp;<i>ICQ - 629907821</i><br>
<br>
<b>Модераторы:</b><br>
<a href="http://asylum.anihub.ru/profile.php?id=5" target="_blank">Шакал</a>
&nbsp; &nbsp;&nbsp;<i>ICQ - 393809306</i><br><a 
  </p>

<h3>заголовок</h3>
<p>текст</p>
</div>

</td>
    </tr>

  </tbody>
</table>

<big>После недели подготовки ролевая наконец готова принять первых игроков! </big>
<center>

/* E2.2 */
.accordion {
	width: 340px;
height: 270px;
background-color: #d7c7a9;
border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
-moz-border-radius:15px;
-o-border-radius:15px;
}
.accordion h3 {
	background-color: transparent;
background-image : url(http://s017.radikal.ru/i421/1208/a2/fa5339cc6df6.png);
background-repeat: no-repeat;
background-position: center;
	padding: 7px 15px;
	margin: 0;
	border-bottom: none;
	cursor: pointer;
text-align: center;
color: #111111
}
.accordion h3:hover {
background-image : url(http://s016.radikal.ru/i335/1208/1e/d538966fd2f2.png);
}

.accordion h3.active {
background-image : url(http://s017.radikal.ru/i429/1208/aa/1203b74a7b2e.png);
}
.accordion h3.active:hover {
background-image : url(http://i060.radikal.ru/1208/68/7bddd9b4e1dc.png);
}

.accordion p {  color: #643535;
	background-color: transparent;
	margin: 0;
	padding:  0px 10px;
}
.accordion p a {
background-color: #e0cfb0;
color: #943035!important;
font-family: Arial;
font-size: 110% !important;
line-height: 16px;
letter-spacing: 1px;
font-style: normal!important;
font-weight: bold;
}

.punbb h4 {background-image : url(http://s40.radikal.ru/i087/1208/25/1dad028434f6.png);
background-repeat: no-repeat;
background-position: center;
height: 30px;
wight: 160px;}