<style>
.container1 {width: 800px; margin: 0 auto; padding: 0;}
ul.tabs {
  margin-left: 100px;
    padding: 0;
    float: left;
    list-style: none;
    height: 30px;
    width: 800px;
    width: 100%;
margin-bottom: 3px;

}
ul.tabs li {
    float: left;
    margin-left: 10px;
    padding: 0;
    height: 25px;
    line-height: 25px;
    border: 0px; 
border-top: 1px solid #c69860;
    border-bottom: 1px solid #c69860;
        border-right: 1px solid #c69860;
        border-left: 1px solid #c69860;
border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    margin-bottom: -2px;
    background: url();
    overflow: hidden;
    position: relative;
}

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

ul.tabs li a:hover {
background: url();
    border-bottom: 0px solid #000000;
        border-top: 0px solid #000000;   
        border-left: 0px solid #000000;   
        border-right: 0px solid #000000; 
}   

html ul.tabs li.active  {
background-color: #fbebb2;     
border: 1px solid  #c69860;
border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
     box-shadow: 1px 2px 8px #00111f;
    -webkit-box-shadow:1px 2px 8px #00111f;
    -khtml-box-shadow:1px 2px 8px #00111f;
    -moz-box-shadow:1px 2px 8px #00111f; 
} 

html ul.tabs li.active a:hover  {
  background: url();
    border-bottom: 0px solid #160f0a;
}

.tab_container1 {
    clear: both;
    float: left;
    width: 800px;
    height: 230px;
    background-image : url();   
background-color: #; 
border: 0px solid #000;
border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; 

    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
}

.tab_content {
    padding: 5px;
}

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

<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>

<script language="JavaScript">
if (document.images) {       
img1on = new Image();         
img1on.src ="http://uploads.ru/i/h/o/Z/hoZk9.png";
img1off = new Image();                 
img1off.src = "http://uploads.ru/i/1/c/o/1coNq.png";
img2on = new Image();         
img2on.src ="http://uploads.ru/i/h/o/Z/hoZk9.png";
img2off = new Image();                 
img2off.src = "http://uploads.ru/i/1/c/o/1coNq.png";
img3on = new Image();         
img3on.src ="http://uploads.ru/i/h/o/Z/hoZk9.png";
img3off = new Image();                 
img3off.src = "http://uploads.ru/i/1/c/o/1coNq.png";
img4on = new Image();         
img4on.src ="http://uploads.ru/i/h/o/Z/hoZk9.png";
img4off = new Image();                 
img4off.src = "http://uploads.ru/i/1/c/o/1coNq.png";}
function imgOn(imgName) {
if (document.images) {
document[imgName].src = eval(imgName + "on.src"); }}//osw
function imgOff(imgName) {
if (document.images) {
document[imgName].src = eval(imgName + "off.src"); }}
</script>

<div class="container">
    <div class="html-box">

<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>

</ul>

      <div class="tab_container1">

<div style="display: block;" id="tab1" class="tab_content">
<TABLE WIDTH="800"  height="230" background="http://uploads.ru/i/Q/3/W/Q3W7j.png">
<tbody align="center">
<TR>
<TD WIDTH="400" height="230"> <center><div style="overflow: scroll; overflow-x: hidden; WIDTH: 340px; height:190px;"><b>НОВОСТИ</b>
<br>В последнее время напиток Mountain Dew от мегакорпорации Pepsi Co. довольно громко о себе заявляет, но к сожалению не в лучшую сторону. После того как житель Иллинойса Рональд Болл предположительно нашел в банке с напитком мышь
<b>ВАЖНАЯ ИНФОРМАЦИЯ</b>
<br>В последнее время напиток Mountain Dew от мегакорпорации Pepsi Co. довольно громко о себе заявляет, но к сожалению не в лучшую сторону. После того как житель Иллинойса Рональд Болл предположительно нашел в банке с напитком мышь
</div></TD>
<TD><center><div style="overflow: scroll; overflow-x: hidden; WIDTH: 340px; height:190px; ">
<b>НАШ БАННЕР: </b>
<br>----------------
<br><b>НАШИ ДРУЗЬЯ: </b>
<br>----------------
<br><b>ПАРТНЕРЫ: </b>
<br>----------------</div></TD>
</TR>
</tbody>
</TABLE>
</div>

<div style="display: none;" id="tab2" class="tab_content">
<TABLE WIDTH="800"  height="230" background="http://uploads.ru/i/Q/3/W/Q3W7j.png">
<tbody align="center">
<TR>
<TD WIDTH="400" height="230"> <center><div style="overflow: scroll; overflow-x: hidden; WIDTH: 340px; height:190px; ">
<table width="320" border="0">
  <tr>
    <td><style>
.nav {margin: 0px;}
.nav a{display: block; color:#000; background-color: #deb98b; text-align: center; width:150px; height:15px; padding: 0px; margin: 1px; text-decoration: none}
.nav a:hover{background-color: #d4af83; color:#000}
</style>
<div class="nav">
<a href="ссылка"><font size=1>Правила</font> </a>
<a href="ссылка"><font size=1>Шаблон анкет</font> </a>
<a href="ссылка"><font size=1>Сюжет</font> </a>
<a href="ссылка"><font size=1>Персонажи</font> </a>
<a href="ссылка"><font size=1>Готовые анкеты</font> </a>
<a href="ссылка"><font size=1>Пособия</font></a>
<a href="ссылка"><font size=1>Вопросы</font></a>
    <td>
<style>
.nav {margin: 0px;}
.nav a{display: block; color:#000; background-color: #deb98b; text-align: center; width:150px; height:15px; padding: 2px; margin: 1px; text-decoration: none}
.nav a:hover{background-color: #d4af83; color:#000}
</style>
<div class="nav">
<a href="ссылка"><font size=1>Техники</font> </a>
<a href="ссылка"><font size=1>Оборотни</font> </a>
<a href="ссылка"><font size=1>Помощь</font> </a>
<a href="ссылка"><font size=1>Наша реклама</font> </a>
<a href="ссылка"><font size=1>Наш баннер</font> </a>
<a href="ссылка"><font size=1>Главы Аниме</font></a>
</td>
  </tr>
</table></div></TD>
<TD><center><div style="overflow: scroll; overflow-x: hidden; WIDTH: 340px; height:190px; ">
<b>ИГРОВОЙ СЮЖЕТ</b>
<br>--------</div></TD>
</TR>
</tbody>
</TABLE>
</div>

<div style="display: none;" id="tab3" class="tab_content">
<TABLE WIDTH="800"  height="230" background="http://uploads.ru/i/Q/3/W/Q3W7j.png">
<tbody align="center">
<TR>
<TD WIDTH="400" height="230"> <center><div style="overflow: scroll; overflow-x: hidden; WIDTH: 340px; height:190px; ">
<b>ИГРОВЫЕ ДАТЫ</b>
<br><b>Год:</b>------------------
<br><b>Год:</b>------------------
<br><b>Сегодняшний день:</b>------------------</div></TD>
<TD><center><div style="overflow: scroll; overflow-x: hidden; WIDTH: 340px; height:190px; ">
<b>ПОГОДА:</b>
<table width="320" border="0">
  <tr>
    <td><style>
.nav {margin: 0px;}
.nav a{display: block; color:#000; background-color: #deb98b; text-align: center; width:150px; height:15px; padding: 0px; margin: 1px; text-decoration: none}
.nav a:hover{background-color: #d4af83; color:#000}
</style>
<div class="nav">
<a href="ссылка"><font size=1>Токио</font> </a>
<a href="ссылка"><font size=1>Сен</font> </a>
<a href="ссылка"><font size=1>Кин</font> </a>
<a href="ссылка"><font size=1>Анда</font> </a>
<a href="ссылка"><font size=1>Има</font> </a>
    <td>
<style>
.nav {margin: 0px;}
.nav a{display: block; color:#000; background-color: #deb98b; text-align: center; width:150px; height:15px; padding: 2px; margin: 1px; text-decoration: none}
.nav a:hover{background-color: #d4af83; color:#000}
</style>
<div class="nav">
<a href="ссылка"><font size=1>Маса</font> </a>
<a href="ссылка"><font size=1>Мичин</font> </a>
<a href="ссылка"><font size=1>Мутсуко</font> </a>
<a href="ссылка"><font size=1>Манами</font> </a>
</td>
  </tr>
</table>
</div></TD>
</TR>
</tbody>
</TABLE>
</div>

<div style="display: none;" id="tab4" class="tab_content">
<TABLE WIDTH="800"  height="230" background="http://uploads.ru/i/Q/3/W/Q3W7j.png">
<tbody align="center">
<TR>
<TD WIDTH="400" height="230"> <center><div style="overflow: scroll; overflow-x: hidden; WIDTH: 340px; height:190px; ">
<b>НОВОСТИ МИРА: </b>
<br>----------------</div></TD>
<TD><center><div style="overflow: scroll; overflow-x: hidden; WIDTH: 340px; height:190px; ">
<b>НОВОСТИ АНИМЕ: </b>
<br>----------------</div></TD>
</TR>
</tbody>
</TABLE>
</div>

<div style="display: none;" id="tab5" class="tab_content">
<TABLE WIDTH="800"  height="230" background="http://uploads.ru/i/Q/3/W/Q3W7j.png">
<tbody align="center">
<TR>
<TD WIDTH="400" height="230"> <center><div style="overflow: scroll; overflow-x: hidden; WIDTH: 340px; height:190px; ">
<b>АДМИНИСТРАЦИЯ</b>

<br><a href="http://katestf.mybb.ru/profile.php?id=2" onMouseOver="imgOn('img1')";
onMouseOut="imgOff('img1')"><img src="http://uploads.ru/i/1/c/o/1coNq.png" name=img1 title="Админ" ></a>

<a href="http://katestf.mybb.ru/profile.php?id=2" onMouseOver="imgOn('img2')";
onMouseOut="imgOff('img2')"><img src="http://uploads.ru/i/1/c/o/1coNq.png" name=img2 title="Админ" ></a>

<br><a href="http://katestf.mybb.ru/profile.php?id=2" onMouseOver="imgOn('img3')";
onMouseOut="imgOff('img3')"><img src="http://uploads.ru/i/1/c/o/1coNq.png" name=img3 title="Админ" ></a>

<a href="http://katestf.mybb.ru/profile.php?id=2" onMouseOver="imgOn('img4')";
onMouseOut="imgOff('img4')"><img src="http://uploads.ru/i/1/c/o/1coNq.png" name=img4 title="Админ" ></a>

</div></TD>
<TD><center><div style="overflow: scroll; overflow-x: hidden; WIDTH: 340px; height:190px; "><b>МОДЕРАТОРЫ</b>

<br>-----</div></TD>
</TR>
</tbody>
</TABLE>
</div>

      </div>
    </div>
</div>