<style>
#pun {
  margin: auto 20px auto 185px;
  width : 870px;}
.sidbar {width: 188px; height: 1600px; border: 0px solid; position: absolute; z-index: 1000;  top: 0px; right: 310px; left: 5px;}
.sidbar h1 , .sidbar h2 , .sidbar h3 {
height: 17px; text-align: center; color: #496690; border: 0px none; width: 90%; margin: auto;}
.sidbar p {padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; text-align: center;}
</style>

<style>

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

    #Leftbar {
      margin-left:-230px;
    }
#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://s013.radikal.ru/i325/1109/bf/362c6ccc90fd.gif) no-repeat 4px 6px;
}
#Leftbar .container.a2{
background: transparent url(http://funkyimg.com/u2/805/226/2029159.png) no-repeat 4px 2px;
height:134px;
}
#Leftbar .container.a3{
background: transparent url(http://funkyimg.com/u2/603/469/1970788.png) no-repeat 4px 6px;
height:274px;
}
#Rightbar .container.a1{
height:136px;
background: transparent url(http://funkyimg.com/u2/653/707/2030183.png) no-repeat 4px 6px;
}
#Rightbar .container.a2{
background: transparent url(http://funkyimg.com/u2/770/772/2009703.png) no-repeat 4px 2px;
height:134px;
}
#Rightbar .container.a3{
background: transparent url(http://funkyimg.com/u2/400/278/2026087.png) 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;">
<a href="ссыль">action о.о we need u</a>
<a href="http://zurbaran.rolka.su/viewtopic.php?id=6">action о.1 FoQ canon</a>
<a href="http://zurbaran.rolka.su/viewtopic.php?id=9">action о.2 merry company</a>
<a href="http://zurbaran.rolka.su/viewtopic.php?id=10">action о.3 big move.</a>
<a href="http://zurbaran.rolka.su/viewtopic.php?id=11">action о.4 научить ребенка курить травку</a>
<a href="http://zurbaran.rolka.su/viewtopic.php?id=12">action о.5 собрав задницей все ухабы</a>
<a href="http://zurbaran.rolka.su/viewtopic.php?id=24#p35">action о.6 посмеяться над судьбой</a> </div>
</div>

</div>

<div class="container a3">
<div class="scroll" style="height:280px;">
<br><img src="http://images.vfl.ru/ii/1316715374/53fdddb3/119992.gif
" border="0" >

<font size="1"><br><b>Дата:</b> 2010г, 4 апреля, понедельник.
<br><b>Время:</b> 9:00 — 12:00
<br><b>Погода: </b>Солнечно. Уже в ранние часы столбик термометра превышает отметки в +25 градусов.
<br><b>События:</b> <b>Н</b>овые ученики, учителя, проблемы. В Зурбаране начитается новый семестр, последний в этом учебном году, который с самого начала обещает быть запоминающимся. Коридоры вновь заполняются шумом и молодежью. В колледже появляются ученики из других стран по системе обмена и с первых дней чувствуют себя чужими. А кто сказал, что будет легко? Привыкайте, это же Зурбаран — рассадник кучи неприятностей и место не одной сотни литров пролитых слез.
<br><b>С</b>портивный поход отменяется, но это не значит, что компания решает остановиться на команде «отбой» и пойти по домам. Они снаряжаются спиртным и отправляются со своими палатками на пляж, не собираясь на завтрашнее утро идти в колледж. Сегодня они хорошенько оторвутся, позовут друзей и не ожидают, что через час там соберется пол Зурбарана.</font>
</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>• Стартовал первый квест. Ознакомиться и записаться на него, вы можете <a href="http://zurbaran.rolka.su/viewtopic.php?id=84#p891">тут.</a>
<br>• Игра официально объявлена открытой. Разыскиваем себе партнеров и приступаем к постам. Если возникнут проблемы, обращайтесь в личку к Давиду, все вопросы решим.)
<br>
</div>

</div>
<div class="container a2">
<a href="http://zurbaran.rolka.su/profile.php?id=18"><b>Fernando Redondo</b></a> and <a href="http://zurbaran.rolka.su/profile.php?id=9"><b>Yolanda Carballar</b></a>
<a href="ссылка"><img src="http://images.vfl.ru/ii/1316795144/59caf6e2/120864.gif
" border="ник"/></a>


</div>
<div class="container a3">
<div class="scroll" style="height:140px;">
<p><a href="http://zurbaran.rolka.su/profile.php?id=2"><img src="http://funkyimg.com/u2/624/367/lfdbl.png" border="David Ferrán"/></a><a href="http://zurbaran.rolka.su/profile.php?id=9"><img src="http://funkyimg.com/u2/306/154/lfdbl3.png" border="Yolanda Carballar"/></a><a href="профиль"><img src="http://funkyimg.com/u2/972/246/lfdbwel.png" border="имя"/></a><a href="профиль"><img src="http://funkyimg.com/u2/972/246/lfdbwel.png" border="имя"/></a><a href="профиль"><img src="http://funkyimg.com/u2/972/246/lfdbwel.png" border="имя"/></a><a href="профиль"><img src="http://funkyimg.com/u2/972/246/lfdbwel.png" border="имя"/></a></p>
<p><a href="http://zurbaran.rolka.su/profile.php?id=7"><img src="http://funkyimg.com/u2/993/479/lfdbl6.png" border="Ruth Quintana"/></a><a href="профиль"><img src="http://funkyimg.com/u2/972/246/lfdbwel.png" border="имя"/></a><a href="профиль"><img src="http://funkyimg.com/u2/972/246/lfdbwel.png" border="имя"/></a></p>
</div>
</div>
</div></span>