<style type="text/css">
.category .container {background: transparent none !important; }
.punbb td.tcl, .punbb td.tc2, .punbb td.tc3, .punbb td.tcr{
background: transparent none !important;
}
.punbb .section .container,.punbb .post-body,.punbb .post-links,.punbb .formal fieldset .post-box,#viewprofile li strong,#viewprofile li div,#setmods dd,.punbb .info-box,.punbb #pun-main .info-box .legend,.punbb .main .container,.punbb .post .container,.punbb .post h3, #pun-stats ,#pun-title .container,.punbb .modmenu .container,#pun-navlinks .container,.punbb th,.punbb .post h3 span,#pun-main fieldset legend span,.punbb textarea, .punbb .quote-box, .punbb .code-box, #pun-crumbs2 .container, #pun-about .container, .punbb .section .formal .container, .punbb .altstyle h3, .punbb .altstyle .container,  #pun-navlinks .container, #pun-ulinks .container, #profilenav h2 span, .punbb td.tc2, .punbb td.tc3, .punbb td.tcr, #viewprofile li strong, #pun-title h1, #pun-stats div.statscon, #viewprofile li div, #setmods dd,.punbb #pun-main .info-box .legend, .punbb .post-links, .punbb .formal fieldset, .punbb .post-body, .post-box,  .punbb .altstyle .post-links, .punbb .altstyle .post-body, .altstyle .post-box, .punbb th, .punbb legend span, .punbb .post h3 span, .punbb .altstyle h3 span, #viewprofile h2 span{
background: transparent none !important;}
*{
border: none !important;
}
</style>


<style>
#pun-navlinks .container,#pun-ulinks .container {text-align: center;}
</style>

<style type="text/css">
#pun-title h1 span  {display: none;}
#pun-announcement h2 {display: none}
</style>

<style>


<style type="text/css">
#pun {
width: 700px;
margin: 0 auto;
}

html {
background: url(http://i037.radikal.ru/1109/39/df110017b452.jpg) repeat top center !important;
}

body {
background: transparent url(http://s43.radikal.ru/i102/1109/da/fcdbe7b025b8.jpg) no-repeat top center !important;
padding-top: 530px !important;
}
</style>




<style>
* {border: none !important;}
</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>
<!-- конец скриптов вкладок -->
<table border="0" cellspacing="0" cellpadding="0" style="width: 100%; height: 395px;">
    <tr>
    <td style="width: 66%; height: 395px;">
    
<!-- Вкладки и их содержимое -->
<div class="container1">
<ul class="tabs">
    <li class="active"><a href="#tab1">разные разности</a></li>
    <li><a href="#tab2">Вкладка 2</a></li>
    <li><a href="#tab3">Вкладка 3</a></li>
    <li><a href="#tab4">Вкладка 4</a></li>
    <li><a href="#tab5">Вкладка 5</a></li>
    <li><a href="#tab6">Вкладка 6</a></li>
</ul>

      <div class="tab_container1">

<div style="display: block;" id="tab1" class="tab_content">
<div style="width:100%; height: 340px; overflow:auto; overflow-x:hidden; padding:1px;">

содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками)  

</div></div>

<div style="display: none;" id="tab2" class="tab_content">
<div style="width:100%; height: 340px; overflow:auto; overflow-x:hidden; padding:1px;">
текст 2
</div></div>

<div style="display: none;" id="tab3" class="tab_content"> 
<div style="width:100%; height: 340px; overflow:auto; overflow-x:hidden; padding:1px;">
текст 3
</div></div>

<div style="display: none;" id="tab4" class="tab_content"> 
<div style="width:100%; height: 340px; overflow:auto; overflow-x:hidden; padding:1px;">
текст 4
</div></div>

<div style="display: none;" id="tab5" class="tab_content"> 
<div style="width:100%; height: 340px; overflow:auto; overflow-x:hidden; padding:1px;">
текст 5
</div></div>

<div style="display: none;" id="tab6" class="tab_content"> 
<div style="width:100%; height: 340px; overflow:auto; overflow-x:hidden; padding:1px;">
текст 6
</div></div>

      </div>
    </div>
<!-- Конец вкладок и их содержимого  -->    
    </td>
    <td style="width : 34%; height: 395px; padding:2px;" valign="top">
<div align="center" style="width: 100%; height: 390px; overflow: auto; overflow-x: hidden; padding: 3px;"><div style="padding: 5px; text-align: center; font-weight: bold; font-size: 12pt ">
<br>~Silver Compass Academy~</div><br>

<div style="padding: 5px; text-align: center; font-weight: bold">
Создатель:</div>
<div style="padding: 5px; text-align: center;">
Саруман<br></div>

<div style="padding: 5px; text-align: center; font-weight: bold">
Администраторы:</div>
<div style="padding: 5px; text-align: center;">
Эовин<br>Лотиэль<br>Хайна<br></div>

<div style="padding: 5px; text-align: center; font-weight: bold">
Мастера игры:</div>
<div style="padding: 5px; text-align: center;">
Раданг (4Э)<br>Элрохир (ВК)<br>нужны ещё !<br></div>

<div style="padding: 5px; text-align: center; font-weight: bold">
Модераторы:</div>
<div style="padding: 5px; text-align: center;">
Раданг<br>Элрохир<br>Торин Дромангорг<br>Артакано<br>Фарамир<br>Маухур<br>Лисандра<br></div>

<div style="padding: 5px; text-align: center; font-weight: bold">
Особые благодарности:</div>
<div style="padding: 5px; text-align: center;">
Раданг<br>Feanaro<br>Бергил (Боромир)<br>Келаст<br>Натария<br>Лотиэль<br>Ирэн<br>Gandalf<br></div></div>
    </td>
   </tr>
</table>