<img id="Mylogo" src="http://garrypotter2012.ucoz.ru/_fr/0/3337548.jpg" />
<style type="text/css">
#Mylogo {width: 100%; margin: auto;}
</style>
<style type="text/css">
#pun {width: 68%; margin: auto; }
</style>
<style type="text/css">
HTML , BODY {
background-image : url(http://www.up-aa.com/upfiles/0iw62870.jpg);
background-attachment: fixed;
}
</style>
<style type="text/css">
#pun-navlinks .container {
text-align: center;
font-family: Italic_IV25
margin-top: 100px;
font-size: 10px;
}
</style>
<style type="text/css">
#pun-title h1 span  {display: none;}
</style>
<style>
.punbb table Div.icon {float: left; display: block; width: 160px; height: 130px; border-style: none; background-image: url(http://garrypotter2012.ucoz.ru/_fr/0/6871714.jpg); background-repeat: no-repeat; position: relative; margin-right: 0px;}
TR.inew Div.icon {
background: url(http://garrypotter2012.ucoz.ru/_fr/0/7266947.jpg) no-repeat;}
TR.isticky Div.icon {
background: url(http://garrypotter2012.ucoz.ru/_fr/0/2282619.jpg) no-repeat;}
TR.iclosed Div.icon {
background: url(http://garrypotter2012.ucoz.ru/_fr/0/4811939.jpg) no-repeat;}
</style>
<style>
.punbb .post-content .quote-box, .punbb .post-content .code-box {
  border-style: solid;
  border-width: 1px;
border-style:outset; 
border-width: 3px;
}
</style>
<style>
.punbb a:hover {color: blue} 
</style>

<style>
#pun {
  margin: auto 20px auto 202px;
  width : 870px;}
.sidbar {display:block;
 background: transparent url(http://i009.radikal.ru/0908/34/c646503d774e.png);
 width: 166px; height: 1600px; border: 1px solid;
 padding: 12px;
 position: absolute;
 z-index: 1000; 
 top: 0px;
margin-left:-200px; 
left: 5px!important;
}
.sidbar h1 , .sidbar h2 , .sidbar h3 {
background:  transparent  url(http://i041.radikal.ru/0908/f8/606ac58d6426.png); 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>
<div class="sidbar"><h3>Навигатор по форуму</h3><br>
<p>
<form> 
<select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)"> 
 <option>-- Навигатор --</option> 
  <option value="http://trinitycollege.forumbb.ru/viewtopic.php?id=282"><small>о1. Правила</small></option> 
 <option value="http://trinitycollege.forumbb.ru/viewtopic.php?pid=13804#p13804"><small>о2. Книга жалоб </small></option> 
 <option value="http://trinitycollege.forumbb.ru/viewtopic.php?id=188"><small>o3. Занятые </small></option> 
 <option value="http://trinitycollege.forumbb.ru/viewtopic.php?id=285"><small>o4. Шаблоны </small></option> 
 <option value="http://trinitycollege.forumbb.ru/viewtopic.php?id=286"><small>o5. Репутация. </small></option> 
 <option value="http://trinitycollege.forumbb.ru/viewtopic.php?id=549"><small>o6. Подпись. </small></option> 
 <option value="http://trinitycollege.forumbb.ru/viewforum.php?id=98"><small>o7. Реклама.</small></option> 
</select> 
</form> 
 <br><br>
Просто выбирайте нужный раздел и Вы автоматически будете перемещены в него!</p>
</div>