<div class="container">
<div class="html-box">
<script src="http://www.kozhilya.ru/scripts/justSlider/slider.js"></script>

<style>
#pun-announcement {
text-align: center;
}
#pun-announcement td {
vertical-align: middle;
}
#pun-announcement #slider {
margin: 0 auto;
}
#pun-announcement #slides, #pun-announcement #control {
display: inline-block;
}
#pun-announcement #slides {
width: 500px;
height: 300px;
margin: 0;
border: 0px solid black;
}
#pun-announcement #control {
vertical-align: middle;
}
#pun-announcement #control a {
display: inline-block;
pointer: cursor;
margin: 0 5px;
width: 30px;
height: 25px;
padding-top: 5px;
border-radius: 15px;
background: #e3b574;
font: normal 10px Verdana;
color: whitesmoke;
text-decoration: none;
}
#pun-announcement #control a:hover {
background: #BBA787;
}</style>

<table>
<tr>
<td>
<style>
.nav a{display: block; color:#E5DFDA!important}
</style>
<br><div class="nav">
<a href="http://aniron.rolka.su/viewtopic.php?id=5">Расы</a>
</div>
<br><div class="nav">
<a href="http://aniron.rolka.su/viewtopic.php?id=4">Магия</a>
</div>
<br><div class="nav">
<a href="http://aniron.rolka.su/viewtopic.php?id=25">Немного о мире</a>
</div>
<br><div class="nav">
<a href="http://aniron.rolka.su/viewtopic.php?id=19#p19">Заполнения профиля</a>
</div>
<br><div class="nav">
<a href="http://aniron.rolka.su/viewtopic.php?id=3">Сюжет</a>
</div>
<br><div class="nav">
<a href="http://aniron.rolka.su/viewtopic.php?id=6">Путеводитель по миру</a>
</div>
<br><div class="nav">
<a href="http://aniron.rolka.su/viewtopic.php?id=10#p10">Шаблон анкеты</a>
</div>
<br><div class="nav">
<a href="http://aniron.rolka.su/viewtopic.php?id=2#p2">Гостевая</a>
</div>
<br><div class="nav">
<a href="http://aniron.rolka.su/viewtopic.php?id=18">Правила</a>
</div>
<br>
<style>
.nav {margin: -6px;}
.nav a{display: block; color:#d5e3cf; background-color: #CCA676; text-align: center; width:170px; padding: 2px; margin: 1px; text-decoration: none}
.nav a:hover{background-color: transparent !important; color:#B89868!important;}
</style>
</td>

<td id="slider">
<table style="height: 260px;">
<tr>
<td id ="control"><a href="#" id="prev">&lt;</a></td>

<td id="slides">
<div>

<br><br><font size=2><b>Добро пожаловать в мир Ан'хиной!</b></font>
<font sze=1,5><br><img src="https://forumstatic.ru/files/0014/7c/0e/66850.png" border="0" /><br>Здравствуй, путник. Твоя дорога была дальней и случайным образом привела тебя к нам. Если мир наш показался тебе интересным - присоединяйся!<br><b>Ан'хиной приютит всех и каждого. Согреет атмосферой, удивит загадками и чудесами этого мира.<br></b></font>
<br><br><font sze=1,5><i>Форум недавно открылся и будет рад помощникам. </i></font>
<br><center><object type="application/x-shockwave-flash" data="http://flv-mp3.com/i/pic/ump3player_500x70.swf" height="25" width="170"><param name="wmode" value="transparent" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="movie" value="http://flv-mp3.com/i/pic/ump3player_500x70.swf" /><param name="FlashVars" value="way=http://content.screencast.com/users/ameremiel/folders.." /></object></center>
</div>
<div>
<br><br><br>
<font size=2><b>События в мире!</b>
<br>Сейчас проводится турнир "Сонный Страж". На дворе конец осени, уже очень холодно, кое-где снег заботливо усыпал дороги и крыши домов.
<br><b>Праздники:</b> Праздник Равновесия, Сонный Страж </font>

</div>
<div>

<br><br><br>
<font size=2><b>Anhinou</b> </font>- воплощение мира. Ответит на все вопросы, касательно мира. Вездесущ.
<br><br><font size=2><b>Khiara O'Farrell</b></font> - всех любит и обожает, все покажет, да расскажет. Не оставит в беде. На счет
дизайна и аватаров обращаться к ней. <b>Связь:</b> skype - voodo_sin, icq - 412584878

<td id="control"><a href="#" id="next">&gt;</a></td>
</tr>
</table>
</td>
</tr>
</table>

<script>
justSlider(
$('#pun-announcement #slider'),
{
left: $('#pun-announcement #control #prev'),
right: $('#pun-announcement #control #next')
});
</script>
</div>
</div>