<!--убрать объявление-->
<style type="text/css">
div#pun-announcement.section > h2 > span {display: none;}
</style>

<!--убрать лишнюю навигацию-->
<style type="text/css">
#pun-navlinks #navprofile, #pun-navlinks #navpm,
#pun-ulinks {
  display: none;
}
</style>

<!--Контейнер в объявлении-->
<style>
.container1 {width: 815px; margin: 0 auto; padding: 0; border: 0px;}
ul.tabs {
    margin: 0;
    padding: 10;
    float: left;
    list-style: none;
    height: 40px;
    width: 116px;
    width: 100%;
}

ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 40px;
    line-height: 40px;
    border: 0px;
    margin-bottom: -2px;
    background: url(http://sot.f-rpg.ru/files/000f/73/c4/41434.png);
width: 116px;
height: 40px;
    overflow: hidden;
    position: relative;
}

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

ul.tabs li a:hover {
text-shadow: 1px 1px 0 black, 2px 2px 0 black;
color: #f5dcb8; 
    background: url(http://sot.f-rpg.ru/files/000f/73/c4/76988.png);
    border: 0px; 
}    

html ul.tabs li.active  {
    background: url(http://sot.f-rpg.ru/files/000f/73/c4/21770.png);   
    border: 0px;
}  

html ul.tabs li.active a:hover  {
        background: url(http://sot.f-rpg.ru/files/000f/73/c4/76988.png);
    border: 0px;
}

.tab_container1 {
    clear: both;
    float: center; 
    width: 812px;
    height: 250px;
overflow-y: auto;
    background-image : url(http://sot.f-rpg.ru/files/000f/73/c4/15904.jpg);
background-repeat: no-repeat;
background-position: bottom center;
    background-color: #f5dcb8;  
    border: 0px;
}

.tab_content {
    padding: 15px;
}

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

<!--Юзер-панель-->
<div id="u-panel"></div>
<style>
#option {
position:absolute;
top:20px;
margin-left: 38px;
}
</style>


<!--Разделитель подписи-->
<style>
.punbb .post-sig dt {
  border-top-color: #FFCC99 !important;
  }
</style>

<ul class="tabs">
    <li class="active"><a href="#tab1">О нас</a></li>
    <li><a href="#tab2">Навигация</a></li>
    <li><a href="#tab3">Новости</a></li>
    <li><a href="#tab4">Разыскиваются</a></li>
    <li><a href="#tab5">В игре</a></li>
    <li><a href="#tab6">Очередность постов</a></li>
    <li><a href="#tab6">Спросить</a></li>
</ul>

      <div class="tab_container1">


<div style="display: block;" id="tab1" class="tab_content">
текст, много текста
</div>


<div style="display: none;" id="tab2" class="tab_content">
Nulla tristique mollis vulputate. Pellentesque tempor nunc et libero luctus aliquam. Donec iaculis nisi sed diam imperdiet feugiat. Nunc vel porta mi. Morbi interdum purus et augue rhoncus semper. Vivamus non eleifend eros. Vestibulum eu tincidunt mi. Cras sem massa, aliquam imperdiet elementum eu, gravida eu eros. Etiam nec est eget purus aliquet cursus. Curabitur tincidunt consectetur purus, ac vehicula metus posuere eget. Vivamus vitae nunc quis dolor interdum convallis. Pellentesque tempor nunc et libero luctus aliquam. Donec iaculis nisi sed diam imperdiet feugiat. Nunc vel porta mi. Morbi interdum purus et augue rhoncus semper. Vivamus non eleifend eros. Vestibulum eu tincidunt mi. Cras sem massa, aliquam imperdiet elementum eu, gravida eu eros. Etiam nec est eget purus aliquet cursus. Curabitur tincidunt consectetur purus, ac vehicula metus posuere eget. Vivamus vitae nunc quis dolor interdum convallis.
<br><br><br><br><br>
Nulla tristique mollis vulputate. Pellentesque tempor nunc et libero luctus aliquam. Donec iaculis nisi sed diam imperdiet feugiat. Nunc vel porta mi. Morbi interdum purus et augue rhoncus semper. Vivamus non eleifend eros. Vestibulum eu tincidunt mi. Cras sem massa, aliquam imperdiet elementum eu, gravida eu eros. Etiam nec est eget purus aliquet cursus. Curabitur tincidunt consectetur purus, ac vehicula metus posuere eget. Vivamus vitae nunc quis dolor interdum convallis. Pellentesque tempor nunc et libero luctus aliquam. Donec iaculis nisi sed diam imperdiet feugiat. Nunc vel porta mi. Morbi interdum purus et augue rhoncus semper. Vivamus non eleifend eros. Vestibulum eu tincidunt mi. Cras sem massa, aliquam imperdiet elementum eu, gravida eu eros. Etiam nec est eget purus aliquet cursus. Curabitur tincidunt consectetur purus, ac vehicula metus posuere eget. Vivamus vitae nunc quis dolor interdum convallis.
</div>


<div style="display: none;" id="tab3" class="tab_content"> 
Nulla tristique mollis vulputate. Pellentesque tempor nunc et libero luctus aliquam. Donec iaculis nisi sed diam imperdiet feugiat. Nunc vel porta mi. Morbi interdum purus et augue rhoncus semper. Vivamus non eleifend eros. Vestibulum eu tincidunt mi. Cras sem massa, aliquam imperdiet elementum eu, gravida eu eros. Etiam nec est eget purus aliquet cursus. Curabitur tincidunt consectetur purus, ac vehicula metus posuere eget. Vivamus vitae nunc quis dolor interdum convallis.
</div>


<div style="display: none;" id="tab4" class="tab_content"> 
Nulla tristique mollis vulputate. Pellentesque tempor nunc et libero luctus aliquam. Donec iaculis nisi sed diam imperdiet feugiat. Nunc vel porta mi. Morbi interdum purus et augue rhoncus semper. Vivamus non eleifend eros. Vestibulum eu tincidunt mi. Cras sem massa, aliquam imperdiet elementum eu, gravida eu eros. Etiam nec est eget purus aliquet cursus. Curabitur tincidunt consectetur purus, ac vehicula metus posuere eget. Vivamus vitae nunc quis dolor interdum convallis.
</div>


<div style="display: none;" id="tab5" class="tab_content"> 
Nulla tristique mollis vulputate. Pellentesque tempor nunc et libero luctus aliquam. Donec iaculis nisi sed diam imperdiet feugiat. Nunc vel porta mi. Morbi interdum purus et augue rhoncus semper. Vivamus non eleifend eros. Vestibulum eu tincidunt mi. Cras sem massa, aliquam imperdiet elementum eu, gravida eu eros. Etiam nec est eget purus aliquet cursus. Curabitur tincidunt consectetur purus, ac vehicula metus posuere eget. Vivamus vitae nunc quis dolor interdum convallis.
</div>


<div style="display: none;" id="tab6" class="tab_content"> 
Nulla tristique mollis vulputate. Pellentesque tempor nunc et libero luctus aliquam. Donec iaculis nisi sed diam imperdiet feugiat. Nunc vel porta mi. Morbi interdum purus et augue rhoncus semper. Vivamus non eleifend eros. Vestibulum eu tincidunt mi. Cras sem massa, aliquam imperdiet elementum eu, gravida eu eros. Etiam nec est eget purus aliquet cursus. Curabitur tincidunt consectetur purus, ac vehicula metus posuere eget. Vivamus vitae nunc quis dolor interdum convallis.
</div>


<div style="display: none;" id="tab7" class="tab_content"> 
Nulla tristique mollis vulputate. Pellentesque tempor nunc et libero luctus aliquam. Donec iaculis nisi sed diam imperdiet feugiat. Nunc vel porta mi. Morbi interdum purus et augue rhoncus semper. Vivamus non eleifend eros. Vestibulum eu tincidunt mi. Cras sem massa, aliquam imperdiet elementum eu, gravida eu eros. Etiam nec est eget purus aliquet cursus. Curabitur tincidunt consectetur purus, ac vehicula metus posuere eget. Vivamus vitae nunc quis dolor interdum convallis.
</div>


      </div>