/* C3 Topics
-------------------------------------------------------------*/

/* C3.1 */
.punbb .post .container {
  border-style: none ;
  margin-top: -1px;
  padding-bottom: 1px;
  }

/* C3.2 */
.punbb .post h3 {
  border-style: none;
  }

/* C3.3 */
.punbb .post h3 span {
  padding: 0.5em 1em;
  display: block;
  margin-left: 19em;
  border-style: none;
  }

/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal;
  }

/* C3.5 */
.punbb .post .post-author {
  float: left;
  width: 19em;
  margin-top: -1.5em;
  overflow: hidden;
  }

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
  padding: 0 1em 1em 1em;
  line-height: 140%;
  }

/* C3.7 */
.pa-author {
  font-size: 1.1em;
  font-weight: bold;
  }

/* C3.8 */
.pa-author a {
  text-decoration: none
  }

/* C3.9 */
li.pa-title {
  padding-bottom: 0.4em;
  font-weight: bold;
  }


li.pa-online {
  line-height: 0.8em;
  border-left-style: solid;
  border-left-width: 0.7em;
  padding-left: 0.4em;
  margin-top: 0.7em;
  }

/* C3.11 */
.punbb .post-body {
  margin-left: 19em;
  border-style: none;
  padding: 0 0 1px 0;
  }

/* C3.12 */
.punbb .post-box {
  padding: 1em;
  }

/*C3.13 */
.punbb fieldset .post-box {
  margin-bottom: 0.8em
  }

/* C3.14 */
.punbb .post-links {
  margin-left: 19em;
  border-style: none;
  }

/* C3.15 */
.punbb .post-links ul {
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -19em;
  border-top-style: dashed;
  border-top-width: 1px;
  background: transparent;
  text-align: right;
  }

/* C3.16 */
.punbb .post-links li {
  display: inline;
  padding-left: 1em;
  }

/* C3.17 */
.pl-email, .pl-website {
  float: left;
  }

/* C3.18 */
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
  }

 <style> 
.nav {margin: 3px;}
.nav a{display: block; color:#ffffff; background-color: #000000; text-align: center; width:180px; padding: 3px; margin: 1px; text-decoration: none}
.nav a:hover{background-color:#d2d7ff ; color:#000000}
</style> 
<ul class="tabs">
    <li class="active"><a href="#tab1"><img src="http://img402.imageshack.us/img402/4062/informationmk.png" /></a></li>
    <li><a href="#tab2"><img src="http://img543.imageshack.us/img543/6678/actions1.png" /></a></li>
    <li><a href="#tab3"><img src="http://img215.imageshack.us/img215/342/administration.png" /></a></li>
</ul>

      <div class="tab_container1">

<div style="display: block;" id="tab1" class="tab_content">
<table width=100% COLOR: #acb7a3; border: none; font-family: rockwell condensed; font-size: 15px; line-height: 12px; margin: 3px> 
<tr>
<td>
<img src="http://img707.imageshack.us/img707/7781/30563259.png" /><br /><br />
Доброго времени суток!
Приветствуем Вас на ролевой игре Dirty games, посвященную будущему миру. Здесь нет никаких правил, люди живут в клетках, построенных в собственном сознании, каждый прикован к своим страхам или желаниям. У нас ведется эпизодическая система игры. <br />
Дорогие пользователи и гости! Огромная просьба проголосовать за наш форуме на ТОПе РПГ, нажав на баннер:<br />
<center><a href="http://top.roleplay.ru/13617" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_">
<img src="http://img.rpgtop.su/88x31x11x8.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31" /></a></center></td>
<td>
<img src="http://img856.imageshack.us/img856/4863/77795615.png" /><br /><b>24-04-2011</b> Мы рады представить вам новый дизайн ролевой, если возникли какие-то проблемы - Вы можете сообщить об этом в <a href="http://dirty3.rolebb.com/viewtopic.php?id=1">этой</a> теме. Так же мы рады предоставить Вам новую <a href="http://dirty3.rolebb.com/viewtopic.php?id=78%22">акцию</a>, посвященную охотникам города. В том числе можете заметить изменение в правилах и новую тему -  <a href="http://dascollege.forumbb.ru/%3Ca">F.A.Q.</a> по форуму. 
</td>
</tr>
</table>

</div>
</div>

<div class="nav"> <br/>
<center><a href="http://dirty3.rolebb.com/viewtopic.php?id=77">• F.A.Q.</a>
<a href="http://dirty3.rolebb.com/viewtopic.php?id=5">• правила</a>
<a href="http://dirty3.rolebb.com/viewtopic.php?id=4">• сюжет</a>
<a href="http://dirty3.rolebb.com/viewtopic.php?id=1">• гостевая</a>
<a href="http://dirty3.rolebb.com/viewtopic.php?id=8">• шаблон анкет</a>
<a href="http://dirty3.rolebb.com/viewtopic.php?id=3">• положение людей</a>
<a href="http://dirty3.rolebb.com/viewtopic.php?id=2">• занятые внешности</a></center>
</div>

<div style="display: none;" id="tab2" class="tab_content">
<a href="http://dirty3.rolebb.com/viewtopic.php?id=22">
<img src="http://img20.imageshack.us/img20/5511/63495113.png"/></a>

<a href="http://dirty3.rolebb.com/viewtopic.php?id=23"><img src="http://img152.imageshack.us/img152/228/62851778.png" /></a>
<a href="http://dirty3.rolebb.com/viewtopic.php?id=78%22"><img src="http://img600.imageshack.us/img600/2657/64158240.png" /></a>
<a href="http://dirty3.rolebb.com/viewtopic.php?id=9"><img src="http://img40.imageshack.us/img40/5827/94703017.png" /></a>
</div>

<div style="display: none;" id="tab3" class="tab_content"> 
<a href="http://dirty3.rolebb.com/profile.php?id=2"><img src="http://img21.imageshack.us/img21/6043/richardbayer.png" /></a><a href="http://dirty3.rolebb.com/profile.php?id=3"><img src="http://img853.imageshack.us/img853/9721/marcusfrost.png" /></a><a href="http://dirty3.rolebb.com/profile.php?id=28"><img src="http://img856.imageshack.us/img856/7843/lillianbayer.png" /></a>
</div>