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


<!-- Cлайдер-->
<style type="text/css">
#slideshow {
margin:0 auto;
width:760px;
height:250px;
position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:660px;
  height:250px;
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:640px; /* На двадцать пикселев меньше чем ширина #slidesContainer */
  overflow-y:auto; /* поддержка прокрутки */
  overflow-x:hidden;
  height:250px;
  text-align: center;
}
.control {
  display:block;
  width:50px;
  height:48px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  z-index:100;
}
#leftControl {
  top:100px;
  left:0;
  background:transparent url(http://uploads.ru/i/Z/S/A/ZSAMy.png) no-repeat 0 0;
}
#rightControl {
  top:100px;
  right:0;
  background:transparent url(http://uploads.ru/i/b/z/f/bzfvl.png) no-repeat 0 0;
}
</style>

<div id="slideshow">
    <div id="slidesContainer">
<div class="slide">

<table style="width: 100%;" border="0">
<tr>
<td style="width: 70%;" align="center">

<b>Объявление</b>
<br/><br/>
Студентам и преподавателям следует знать, что начинается учеба. Ученикам надо подготовиться ко всем ужасам лекций, а учителям набраться терпения, чтобы случайно не сорвать себе нервы. 
 Уважаемые гости, регистрируйтесь, мы всегда ждём вас, а пользователи, пожалуйста, помните, что здесь вас всегда ждёт интересная игра. 
<br/>
<a href="http://magiclily.rolka.su/viewtopic.php?id=783#p44350"><b>Студенты и профессорский состав, пройдите и ознакомьтесь с этой темой!</b></a>
<br/><br/><br/><br/>
<b>Уважаемые игроки, голосуем в опросах.</b>
<a href="http://magiclily.rolka.su/viewtopic.php?id=802"><b>Опрос №1</b></a>
<a href="http://magiclily.rolka.su/viewtopic.php?id=801"><b>Опрос №2</b></a>
<b>Голосуем активно!</b>
<br/><br/>
<a href="http://magiclily.rolka.su/pages/banneri"><b>Ваши баннеры</b></a>
<br/>
---
</td>
<td style="width: 30%;" align="center">

<img style="width: 110px;" src="http://s1.ipicture.ru/uploads/20120408/fRVBm5HI.png">
<br/>
<img style="width: 110px;" src="http://s1.ipicture.ru/uploads/20120408/OU4hrRig.png">

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

</div>
<div class="slide">

<table style="width: 100%;" border="0">
<tr>
<td style="width: 50%;" align="center">

<b>Администрация:</b>
<br/><br/>
 <a href="http://magiclily.rolka.su/messages.php?action=new&uid=2"><img src="http://s1.ipicture.ru/uploads/20120408/7lifUt33.png"></a>
 <a href="http://magiclily.rolka.su/messages.php?action=new&uid=61"><img src="http://s1.ipicture.ru/uploads/20120408/6TdO1t5o.png"></a>
 <a href="http://magiclily.rolka.su/messages.php?action=new&uid=3"><img src="http://s1.ipicture.ru/uploads/20120408/ORaaomHV.png"></a>
 <a href="http://magiclily.rolka.su/messages.php?action=new&uid=73"><img src="http://s1.ipicture.ru/uploads/20120408/T1ee6T1w.png"></a>

</td>
<td style="width: 50%;" align="center">
<br/><br/>
<b>НАВИГАЦИЯ</b>
<style>
.nav {margin: 0 -5px 0 0px;}
.nav a{display: block; color:#000000; background-color: #d3d3d3; text-align: center; width:150px; padding: 2px; margin: 1px; text-decoration: none}
.nav a:hover{background-color: #d3d3d3; color:#ffffff}
</style>
<div class="nav" align="center">
<a href="http://magiclily.rolka.su/viewforum.php?id=2">Гостевая книга</a>
<a href="http://magiclily.rolka.su/viewtopic.php?id=730#p40102">Сюжет</a>
<a href="http://magiclily.rolka.su/viewforum.php?id=3">Акции</a>
<a href="http://magiclily.rolka.su/viewtopic.php?id=18#p27">Занятые внешности</a>
<a href="http://magiclily.rolka.su/viewtopic.php?id=3#p3">Правила форума и школы</a>
<a href="http://magiclily.rolka.su/viewforum.php?id=12">Конкурсы</a>
</div>

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

</div>
<div class="slide">

<b>Дата и Время</b>
<br/>
26.03.2011
<br/><br/>
<b>Погода</b>
<br/>
На улице +3°. Слабый ветер. Жители академии сменили свой гардероб на более легкую одежду. Студенты не спешат выйти на улицу, ведь снег уже оттаял, а лужи все не исчезнут. А вот преподавателей иногда можно встретить в соседнем городке.
<br/>
 <b>Ролевые игры:</b>
<br/>
<a href="http://werewolfandpeople.rolka.su/"><img src="http://i30.fastpic.ru/big/2012/0120/8a/93eca37f6e3e2b2c7ab96d1a84083e8a.gif" "width="88" height="31"></a>
<a href="http://dakken.rolbb.ru/" target="_blank"><img src="http://uploads.ru/i/O/N/Q/ONQRH.jpg" alt="Dakken"></a>
<a href="http://fabulascary.rolebb.com/"><img src="http://savepic.su/1499773.png" alt="[Fabulas Scary]" border="0"></a>
<a href="http://unrealdreams.nc-21.ru/"target=_new><img src="http://s011.radikal.ru/i315/1107/16/79689646fb11.gif" alt="Unreal Dreams."></a>
<a href="http://dreams.mybb.by/" target="_blank"><img src="http://savepic.net/2345274.gif"></a>
<br/><br/>
<b>Форум рекламы и поддержки:</b>
<br/>
<a href="http://premieres.rusff.ru/" target="_blank"><img src="http://i.imgur.com/tGJjL.gif"></a>

</div>
</div></div>
<!--End// Cлайдер-->

<script type="text/javascript">
$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 660;
  var slides = $('.slide');
  var numberOfSlides = slides.length;
  // С помощью скрипта убираем прокрутку в контейнере.
  $('#slidesContainer').css('overflow', 'hidden');
  // Свернем все вкладки .slides в блок #slideInner 
  slides .wrapAll('<div id="slideInner"></div>')
.css({
      'float' : 'left',
      'width' : slideWidth
    });
  // Проставим блоку #slideInner ширину, равную общей ширине контейнеров
  $('#slideInner').css('width', slideWidth * numberOfSlides);
  $('#slideshow')
    .prepend('<span class="control" id="leftControl">Clicking moves left</span>')
    .append('<span class="control" id="rightControl">Clicking moves right</span>');
  manageControls(currentPosition);
  $('.control')
    .bind('click', function(){
currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
    manageControls(currentPosition);
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });
  });
  function manageControls(position){
    // Скрыть левую стрелку у первого контейнера
if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
// Скрыть правую стрелку у последнего контейнера
    if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
  }	
});
</script>

<style>
.ann-tbl {
font-family: 'monotype corsiva'; 
font-size: 18px!important;}

.ann-tbl h3 {font-weight: bold;}
</style>

<table style="width: 100%;" class="ann-tbl" cellpadding="0" cellspacing="0" border="1">
<tr>
<td style="width: 50%;" align="center">

<h3>Админы</h3>
<br/>
список

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

<h3>Модераторы</h3>
<br/>
список

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

<img style="width: 400px; margin: 0 0 -2px 0;" src="http://s019.radikal.ru/i604/1203/ea/5324aaf9ba35.png">

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

<h3>События в игре</h3>

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

</div>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<marquee style="width: 99%; height: 31px;">

баннер баннер баннер баннер

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