<!--HTML-->
<center>
<div style="border-top: 10px solid #4f4a6c; border-bottom: 10px solid #4f4a6c; background-color: #F1F1F1; width: 540px;">
<div style="height: 18px;"></div>
 <div style="background-color: #ffffff; width: 480px; padding: 10px; line-height: 13px; border: 1px solid #e0e0e0; font-family: arial;  font-size: 11px; margin-top: 0px;">

<div class="namess">

<n>Директор Хогвартса (Минерва МакГонагалл):</n> <nn>роль свободна</nn><br>
<n>Декан Гриффиндора:</n> <nn>avis</nn><br>
<n>Декан Рейвенкло:</n> <nn>hunt</nn><br>
<n>Декан Хаффлпаффа:</n> <nn>чешир</nn><br>
<n>Декан Слизерина:</n> <nn>macadamia</nn><br>
<br>

<n>Преподаватель астрономии:</n> <nn>колин</nn><br>
<n>Преподаватель зельеварения:</n> <nn>от крови дракона</nn><br>
<n>Преподаватель ЗоТИ:</n> <nn>avis</nn><br>
<n>Преподаватель истории магии:</n> <nn>место вакантно</nn><br>
<n>Преподаватель травологии (Невилл Лонгботтом):</n> <nn>роль свободна</nn><br>
<n>Преподаватель трансфигурации:</n> <nn>чешир</nn><br>
<n>Преподаватель чар/заклинаний:</n> <nn>macadamia</nn><br>
<n>Преподаватель древних рун:</n> <nn>место вакантно</nn><br>
<n>Преподаватель маггловедения:</n> <nn>место вакантно</nn><br>
<n>Преподаватель нумерологии:</n> <nn>место вакантно</nn><br>
<n>Преподаватель полетов:</n> <nn>выживший нигилист</nn><br>
<n>Преподаватель прорицания:</n> <nn>место вакантно</nn><br>
<n>Преподаватель УзМС:</n> <nn>lunar</nn><br>
<n>Библиотекарь:</n> <nn>место вакантно</nn><br>
<n>Целители и медсестры БК:</n> <nn>Irvine, healer</nn><br>
<n>Завхоз:</n> <nn>место вакантно</nn><br>
<n>Лесничий:</n> <nn>место вакантно</nn><br>
<br>

<n>Староста школы:</n> <nn>the rolling stones + место вакантно</nn><br>
<n>Староста Гриффиндора:</n> <nn>места (2) вакантны</nn><br>
<n>Староста Рейвенкло:</n> <nn>синий кит + место вакантно</nn><br>
<n>Староста Слизерина:</n> <nn>un ange + место вакантно</nn><br>
<n>Староста Хаффлпаффа:</n> <nn>squirrel + место вакантно</nn><br>
<br>

<n>Охотники (Гриффиндор):</n> <nn>desdichado + bertie botts 2 + summertime</nn><br>
<n>Охотники (Рейвенкло):</n> <nn>bertie botts + места (2) свободны</nn><br>
<n>Охотники (Слизерин):</n> <nn>nonsense + un ange + место свободно</nn><br>
<n>Охотники (Хаффлпафф):</n> <nn>maybel + места (2) свободны</nn><br>
<n>Загонщики (Гриффиндор):</n> <nn>царапины + место свободно</nn><br>
<n>Загонщики (Рейвенкло):</n> <nn>места (2) свободны</nn><br>
<n>Загонщики (Слизерин):</n> <nn>sebastian + marasino</nn><br>
<n>Загонщики (Хаффлпафф):</n> <nn>outro + место свободно</nn><br>
<n>Вратарь (Гриффиндор):</n> <nn>место свободно</nn><br>
<n>Вратарь (Рейвенкло):</n> <nn>место свободно</nn><br>
<n>Вратарь (Слизерин):</n> <nn>место свободно</nn><br>
<n>Вратарь (Хаффлпафф):</n> <nn>место свободно</nn><br>
<n>Ловец (Гриффиндор):</n> <nn>the rolling stones</nn><br>
<n>Ловец (Рейвенкло):</n> <nn>место свободно</nn><br>
<n>Ловец (Слизерин):</n> <nn>место свободно</nn><br>
<n>Ловец (Хаффлпафф):</n> <nn>squirrel</nn><br>
<n>Судья матчей:</n> <nn>выживший нигилист</nn><br>
<n>Комментатор матчей:</n> <nn>daisy</nn><br>
<n>Капитан команды (Гриффиндор):</n> <nn>desdichado</nn><br>
<n>Капитан команды (Рейвенкло):</n> <nn>место свободно</nn><br>
<n>Капитан команды (Слизерин):</n> <nn>место свободно</nn><br>
<n>Капитан команды (Хаффлпафф):</n> <nn>место свободно</nn><br>
<br>

<n>Владельцы заведений Хогсмида:</n> <nn>места свободны</nn><br>
<br>
<n>Владельцы заведений Косого и Лютного переулков:</n> <nn>места свободны</nn><br>
<n>Владелец бара "Белая Виверна" (В Лютном переулке):</n> <nn>j/j</nn><br>
<br>
<n>Сотрудники Министерства магии:</n> <nn>места вакантны</nn><br>
<br>
<n>Целители и медсестры Святого Мунго:</n> <nn>healer</nn><br>
<br>
<n>Сотрудники банка Гринготтс:</n> <nn>места вакантны</nn><br>

</div>
</div>
 <div style="height: 18px;"></div>
</center>
 </div>
<link href='http://fonts.googleapis.com/css?family=Devonshire' rel='stylesheet' type='text/css'>
<style type="text/css"> 

.ch-grid {
margin: 20px 0 0 0;
padding: 0;
list-style: none;
display: block;
width: 100%;
}

.ch-grid:after,
.ch-item:before {
content: '';
   display: table;
}

.ch-grid:after {
clear: both;
}

.ch-grid li {
width: 500px;
height: 200px;
display: inline-block;
margin: 20px;
}

.ch-item {
margin-top: -20px;
width: 100%;
height: 100%;
/*border-radius: 50%;*/
overflow: hidden;
position: relative;
cursor: default;
box-shadow: 
 inset 0 0 0 6px rgba(255,255,255,0.6),
 0 1px 2px rgba(0,0,0,0.1);
transition: all 0.4s ease-in-out;
}

.ch-img-1 { 
background-image: url(http://i.imgur.com/6mfE7Eo.gif);
 width: 500 px;
}

.ch-info {
position: absolute;
background-color: #8f758c;
width: inherit;
height: inherit;
overflow: hidden;
opacity: 0;
transition: all 0.4s ease-in-out;
transform: scale(0);
}

.ch-info h3 {
color: #ffffff;
font-size: 14px;
margin: 0 10px;
padding: 40px 0 0 0;
height: 40px;
font-family: Palatino Linotype;
font-style: italic;
font-weight: bold;
text-align: justify;
}

.ch-item:hover {
box-shadow: 
 inset 0 0 0 1px rgba(255,255,255,0.1),
 0 1px 2px rgba(0,0,0,0.1);
}

.ch-item:hover .ch-info {
transform: scale(1);
opacity: 1;
}

.ch-item:hover .ch-info p {
opacity: 1;
}

.names {margin-bottom: 4px; text-decoration: underline;}
.namess {line-height: 100%; text-align: justify;}
.namess n {text-transform: uppercase; font-size: 9px; font-family: tahoma; letter-spacing: 1px;}
.namess nn {text-transform: lowercase; font-family: arial; font-size: 10px; color: #4f4a6c;}
</style>