<style>

    .sidebar {position: absolute;
      width: 1000px;
      top: 0;
     
      padding: 5px;
      padding-top: 10px;
      text-align: center;
    }
    #Rightbar {
      margin-left:5px;
    }

    #Leftbar {
      margin-left:-5px;
    }
#Rightbar .container,
#Leftbar .container{
color:#3d3225;
padding:12px;
padding-top:86px;
text-align:center!important;
margin-bottom:15px;
width:170px;
border: 0px red solid;
}

#Leftbar .container.a1{
height:134px;
background: transparent url(http://s6.uploads.ru/nsgCB.gif) no-repeat 4px 6px;
}
#Leftbar .container.a2{
background: transparent url(http://s6.uploads.ru/EROU5.jpg) no-repeat 4px 2px;
height:134px;
}
#Leftbar .container.a3{
background: transparent url(http://s6.uploads.ru/yVMwa.jpg) no-repeat 4px 6px;
height:274px;
}
#Rightbar .container.a1{
height:136px;
background: transparent url(http://s7.uploads.ru/XreK8.jpg) no-repeat 4px 6px;
}

#Rightbar .container.a2{
background: transparent url(http://s6.uploads.ru/p5hV6.jpg) no-repeat 4px 2px;
height:134px;
}
#Rightbar .container.a3{
background: transparent url(http://s7.uploads.ru/8NDXa.jpg) no-repeat 4px 6px;
height:136px;
}
.nav {margin: 0 -5px 0 0px;}
.nav a{display: block; color:#000000; background-color: #c6ad7b; text-align: center; width:150px; padding: 2px; margin: 1px; text-decoration: none}
.nav a:hover{background-color: #291e09; color:#ffffff}

.scroll {
width:100%;
overflow-y: auto;
}
    </style>
<span style="float:left;">
<div id="Leftbar" class="sidebar">

<div class="container a1">
<br><br><br><br><br><br><br><font size="1">Добро пожаловать в Табун Каскадных гор, где каждая душа верна свободе.</font>


</div>

<div class="container a2">
<div class="nav"> 
<div class="scroll" style="height:140px;">

</div>


</div>

</div>

<div class="container a3">
<div class="scroll" style="height:280px;">



<font size="1"><br><b>Дата:</b> январь 2014 год
<br><b>Погода: </b>Солнечно и морозно.
<br><b>События:</b> <b>В</b>олки из Мрачного леса из-за недостатка пищи начали нападать на лошадей. 

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



<span style="float:right;">
  <div id="Rightbar" class="sidebar">
<div class="container a1">
<div class="scroll" style="height:140px;">
      <font size="1"><br>
<br>• Мы открылись и готовы к приёму новых игроков. Читайте <a href="https://cascademountains.rusff.me/viewtopic.php?id=5#p5"><b>правила</b></a> и заполняйте <a href="https://cascademountains.rusff.me/viewtopic.php?id=31"><b>анкету</b></a> .
<br>
</div>

</div>
<div class="container a2">



</div>
<div class="container a3">
<div class="scroll" style="height:140px;">
Администраторы:<p><a href="https://cascademountains.rusff.me/profile.php?id=5"><img src="https://forumstatic.ru/files/0013/b0/0f/70130.jpg" border="Adriassa"/></a><a href="https://cascademountains.rusff.me/profile.php?id=3"><img src="https://forumstatic.ru/files/0013/b0/0f/65204.jpg" border="Kleopin"/></a><a href="профиль"><img src="http://funkyimg.com/u2/972/246/lfdbwel.png" border="имя"/></a><a href="https://cascademountains.rusff.me/profile.php?id=2"><img src="https://forumstatic.ru/files/0013/b0/0f/40273.jpg" border="Curlin"/>

Модераторы:
</div>
</div>
</div></span>