<style>
.container1 {width: 850px;  margin: 0 auto; padding: 0; float: none;}

ul.tabs {
    margin: 0;
    padding: 0;
    float: none;
    list-style: none;
    height: 70px;
    width: 850px;
    width: 100%;
    height: auto 100%;}

ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 70px;
    line-height: 41px;
    border: 0px;
    margin-bottom: 0px;
    overflow: hidden;
    position: relative;}

ul.tabs li a {
    text-decoration: none;
    color: transparent;
    display: block;
    padding: 0 0px;
    outline: none;}

ul.tabs li a:hover {
        border: none;}

html ul.tabs li.active  {
    border-bottom: none;}

html ul.tabs li.active a:hover  {
    border: none;}

.tab_container1 {
    clear: both;
    float: left; 
    width: 850px;
    height: 100%;
    background-image: none;
    background-color: #e1dcc9;  
    border-bottom: 1px solid #8e693e;}

.tab_content {padding: 5px;}

.tab_content h2 {
    font-weight: normal;
    padding-bottom: 2px;
    border-bottom: none;}
</style>

<center>
<table cellspacing="0" cellpadding="0" border="0" style="width: 90%;">
<tbody><tr>
<td align="center">
<ul class="tabs">
    <li class="active"><a href="#tab1"><img src="https://forumstatic.ru/files/0009/14/86/16645.png"></a></li>
    <li><a href="#tab2"><img src="https://forumstatic.ru/files/0009/14/86/17726.png"></a></li>
    <li><a href="#tab3"><img src="https://forumstatic.ru/files/0009/14/86/76229.png"></a></li>
    <li><a href="#tab4"><img src="https://forumstatic.ru/files/0009/14/86/44847.png"></a></li>
    <li><a href="#tab5"><img src="https://forumstatic.ru/files/0009/14/86/92900.png"></a></li>
</ul>
</td></tr>
<tr><td align="center">

<div class="container1">
<!--- Содержимое --->
<div class="tab_container1">
<!--- Содержимое вкладки 1 --->
<div style="display: block;" id="tab1" class="tab_content">

<table cellspacing="0" cellpadding="0" border="0" style="width: 60%;">
<tr>
<td>
<center>По всем районам города кроме Бездны стражей были развешены свежие объявления со следующим содержанием:
<br/> 

<b>Разыскивается крайне опасный хаосит. 
<br/>
Внешность: мужчина около сорока лет, темная густая борода. Рост около 180 см., телосложение крупное, вес около 80-85 кг.
<br/> 
Особые приметы: ломаный нос с горбинкой; глаза разного цвета - правый зеленый, левый синий. На голове шрамы и ожоги.</b> 
<br/>

А так же на доске объявлений в Гарнизоне возле этой листовки прикреплена памятка для стражи: 
<br/>
<b>«Вниманию личного состава: Хаосит крайне опасен, не задерживать малым числом. В случае обнаружения срочно доложить старшему по званию».</b></center>
</td>
</tr>
</table>


</div>
<!--- Содержимое вкладки 2 --->
<div style="display: none;" id="tab2" class="tab_content">


<a title="Мир Духов и Хаоса" target="_blank" href="http://rpg-narion.ru/viewforum.php?id=2"><img src="http://rpg-narion.ru/files/0009/14/86/28115.jpg">Сотворенный мир// Расы// Острова// Теория Духов и Магии// Международные организации.</a>

<br/>

<a title="Правила" target="_blank" href="http://rpg-narion.ru/viewforum.php?id=3"><img src="http://rpg-narion.ru/files/0009/14/86/50893.jpg">Правила проекта// Правила игры и отыгрыша// Правила боя// Правила боя Слушателей// Правила Уважения// НРПГ в чате// NC-21// Аватары на форуме.</a>

<br/>

<a title="Новости и объявления" target="_blank" href="http://rpg-narion.ru/viewforum.php?id=4"><img src="http://rpg-narion.ru/files/0009/14/86/76837.jpg">Порядок, или Хаос?// Отлучки // Общеновостная.</a>

<br/>

<a title"Помощь" target="_blank" href="http://rpg-narion.ru/viewforum.php?id=18"><img src="http://rpg-narion.ru/files/0009/14/86/34838.jpg">Мастер-команда// Цвет сообщений в чате// Денежная система// Мировоззрение// Урок написания постов// Вопрос\Ответ// NC-21// Личное звание// Как придумать имя персонажу// Разыскиваются в игру!// Напоминалка.</a>


</div>
<!--- Содержимое вкладки 3 --->
<div style="display: none;" id="tab3" class="tab_content"> 

<a title="Создатель проекта - Кайдо" target="_blank"  href="http://spiritshaos.rolka.su/profile.php?id=7"><IMG src="https://forumstatic.ru/files/0009/14/86/21864.jpg"></a>

<a title="Ксо" target="_blank" href="http://spiritshaos.rolka.su/profile.php?id=19"><img src="https://forumstatic.ru/files/0009/14/86/45319.jpg"></a>

<a title="Дэлиан" target="_blank" href="http://spiritshaos.rolka.su/profile.php?id=7"><img src="https://forumstatic.ru/files/0009/14/86/16715.jpg"></a>

<a title="Вёльна" target="_blank" href="http://spiritshaos.rolka.su/profile.php?id=27"><img src="https://forumstatic.ru/files/0009/14/86/15378.jpg"></a>

<a title="Мышь" target="_blank" href="http://spiritshaos.rolka.su/profile.php?id=12"><img src="https://forumstatic.ru/files/0009/14/86/79531.jpg"></a>

<a title="Ломэ" target="_blank" href="http://spiritshaos.rolka.su/profile.php?id=20"><img src="https://forumstatic.ru/files/0009/14/86/15400.jpg"></a>

</div>
<!--- Содержимое вкладки 4 --->
<div style="display: none;" id="tab4" class="tab_content"> 
текст 4
</div>
<!--- Содержимое вкладки 5 --->
<div style="display: none;" id="tab5" class="tab_content"> 


<a href="http://top.roleplay.ru/12548" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_">
<img src="http://img.rpgtop.su/88x31x11x1.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a><br>
<center><b>Наши партнеры:</b><br>
<a target="_blank" href="http://imperiaokov.rolka.su/"><img src="http://s017.radikal.ru/i416/1110/11/c83f7986956d.gif"></a></center>


</div>

</div>
<!--- Конец содержимого --->
<!--- Конец меню --->
    </div>
</td>
</tr></tbody>
</table>
</center>

<!-- скрипты меню вкладок -->
<script type="text/javascript">
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>
<script type="text/javascript">
$(document).ready(function() {
$(".tab_content").hide(); 
$("ul.tabs li:first").addClass("active").show();
$(".tab_content:first").show();
$("ul.tabs li").click(function() {
    $("ul.tabs li").removeClass("active");
    $(this).addClass("active");
    $(".tab_content").hide();
    var activeTab = $(this).find("a").attr("href");
    $(activeTab).fadeIn();
    return false;
});
});
</script>