<div class="book_wrapper">
    <a id="next_page_button"></a>
    <a id="prev_page_button"></a>
    <div id="loading" class="loading">Загружаем страницы...</div>
    <div id="mybook" style="display:none;">
        <div class="b-load">
<div>
            <!--<img src=" ссылка_на_картинку " alt="" />-->
            <h1><b>Содержание:</b><br>
•<a href="#/page/3 "> Новости игры ---------- 3 страница.</a><br>
•<a href="#/page/4 "> Важное ---------- 4 страница.</a></h1>
<center><style>
.nav {margin: 5px;}
.nav a{
  display: block; 
  color:#30200e;
  background-color: #fff;
  text-align: center;
  width:160px;
  padding: 2px;
  margin: 1px;
  text-decoration: none;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.nav a:hover{
  background-color: #000000;
  color:#816b4f;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
</style>
<div class="nav">
<a href="http://gothamcity.f-rpg.ru/viewtopic.php?id=92">Сюжет</a>
<a href="http://gothamcity.f-rpg.ru/viewtopic.php?id=3">Правила</a>
<a href"http://gothamcity.f-rpg.ru/viewtopic.php?id=5">Список ролей</a>
<a href"http://gothamcity.f-rpg.ru/viewforum.php?id=3">Акции</a>
<a href="http://gothamcity.f-rpg.ru/viewtopic.php?id=35">Занятые внешности</a>
<a href="http://gothamcity.f-rpg.ru/viewforum.php?id=9 ">Шаблоны анкет</a>
</div>
</div>
</td>
    </tr>
  </tbody>

<div>
            <img src="http://s018.radikal.ru/i502/1201/ae/c54e381ede7b.png">
             <h1>
</h1>
            <p><div style="overflow: scroll; overflow-x: hidden; height:150px;"><center>Дорогие игроки и гости! <br> Добро пожаловать на ролевую: <br><b>G O T H A M - C I T Y.</b> Игра идет полным ходом. Наш мир создам по мотивам комиксов DC, и фильмов о "Темном рыцаре". Вы можете выбрать себе любую понравившуюся
именно Вам каноничную роль, или же придумать
авторского персонажа - в согласии с правилами проекта.
Как бы там ни было, мы будем рады сказать Вам,
да-да, именно Вам, заветное 
"Добро пожаловать в игру"!</div></p>

        </div>
        <div>
            <!--<img src=" ссылка_на_картинку " alt="" />-->
            <h1><div style="overflow: scroll; overflow-x: hidden; height:150px;"><center> <b>Все что случилось в игре на данный момент.</b>
<br>Полиция борется с преступностью. Все герои объявлены вне закона, и теперь за ними охотятся так же
как и за злодеями. Мафия вновь вступает в права.А полиция расследует все новые убийства. 
Убит Дориан Плетсковки (известный Юрист, и акционер Уэйн Интерпрайзис). Главным подозреваемым сейчас является сам- Брюс Уэйн, так как к них была встреча, а потом Дориана убили.  
За Женщиной-Кошкой кто-то ведет охоту, и Кошка охотно идет в ловушку. Но вытаскивает ее оттуда, непонятно как оказавшаяся рядом охотница. Женщины сбегают, Охотница ведомая любопытством следует за Кошкой, которая в поисках более спокойного места пробирается в пентхаус отеля "Северое сияние" где их ждет сюрприз. вномере они находят Аниту Фаотконе- дочь ведущего клана мафии. И Охотница решает продолжить свою месть, ведь именно Фальконе виноваты в гибели ее родных. Чем это закончится - пока неизвестно.
Джокер со своей сподручной- Харли Квин, сбегают из лечебницы Аркхейм. Джокер убивает своего адвоката, в его же квартире. Но веселье не заканчивается. По чистой случайности Робин находит логово психа, и без пыток не обходится. Робин связан, и избит. Джокер решая вновь поиграть с городом, записывает послание на видео и отправляет Харли передать его полиции. Сам же Джо готовит парочку взрывов чтобы как он говорит -"Встряхнуть этот город - Унылых зануд во главе с Бэтменом".
А в это же время - Помелла Айсли, более известная как Ядовитый Плющь- в Ботаническом саду,решает поиграть с двумя глупенькими девушками, решившими что все это розыгрыш и подстава. И которые перед этим обидели любимые цветочки Иви. 
Продолжение следует...</div></h1>
<b>Погода/Дата в Готэм-Сити:</b><br> Вторник (Канун рождества 24 число). Морозный Декабрь<br> Утро/День/Ночь: Снегопад -10...-20. <br> Мелкий снег.<br>
<div style="overflow: scroll; overflow-x: hidden; height:150px;"><center> <b>ОЧЕРЕДНОСТЬ ПОСТОВ:</b><br><u><i>Квартира четы Ллойд</i></u> - Joker; <b>Robin;</b><br>
<u><i>Двор и территория Лечебницы</i></u> - Scarecrow; Game Master (Мисс Фальконе); <b>Camilla Scarsese;</b><br>
<u><i>Отель "Северное Сияние"</i></u> - <b>Anita Falcone</b>; Catwoman; Huntress;<br>
<u><i>Городской Ботанический Сад</i></u> - <b>Poison Ivy;</b> Estelle Yellow; Carolyne Parker;<br>
<u><i>Новый Готэм. Переулки, улицы, проспекты</i></u> - <b>Batwoman;</b> Question;<br>
<u><i> П.У.Г. Полицейское Управление Готэм-сити </i></u>  -<b>Catherine Westwood;</b> Jessica King;</div>
        </div>        
<div>
<img src="http://s018.radikal.ru/i513/1201/ba/b9edf5f4d789.png" >
            <p><img src="http://s57.radikal.ru/i157/1201/45/23a2c9ca28f4.png" >
</p>
        </div>
<div>
<!--<img src=" ссылка_на_картинку " alt="" />-->
            <h1></h1>
<p></p>
</div>
    </div>
    </div>
        <div>
    </div>

.booklet{
	-moz-box-shadow:0px 0px 1px #fff;
	-webkit-box-shadow:0px 0px 1px #fff;
	box-shadow:0px 0px 1px #fff;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;

}

.booklet .b-wrap-left  {
	background:#fff url(http://ruseller.com/lessons/les809/demo/images/left_bg.jpg) no-repeat top center;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;

}
.booklet .b-wrap-right {
	background:#efefef url(http://ruseller.com/lessons/les809/demo/images/right_bg.jpg) no-repeat top center;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;


}
.booklet .b-counter {
	bottom:10px;
	position:absolute;
	display:block;
	width:80%;
	height:20px;
	border-top:1px solid #ddd;
	color:#222;
	text-align:center;
	font-size:12px;
	padding:5px 0 0;
	background:transparent;
	-moz-box-shadow:0px -1px 1px #fff;
	-webkit-box-shadow:0px -1px 1px #fff;
	box-shadow:0px -1px 1px #fff;
	opacity:0.8;
}
.book_wrapper{
	margin:0 auto;
	padding-top:50px;
	width:860px;
	height:500px;
	position:relative;
	background:transparent url(http://s018.radikal.ru/i518/1201/28/2b52d538531b.png) no-repeat 28px 29px;
}
.book_wrapper h1{
	color:#13386a;
	margin:5px 5px 5px 15px;
	font-size:26px;
	background:transparent url(http://ruseller.com/lessons/les809/demo/images/h1.png) no-repeat bottom left;
	padding-bottom:7px;
}
.book_wrapper p{
	font-size:10px;
	margin:5px 5px 5px 15px;
}
.book_wrapper img{
	margin:10px 0px 5px 35px;
	width:300px;
	padding:4px;
	border:1px solid #ddd;
	-moz-box-shadow:1px 1px 1px #fff;
	-webkit-box-shadow:1px 1px 1px #fff;
	box-shadow:1px 1px 1px #fff;
}
.booklet .b-wrap-right img{
	border:1px solid #E6E3C2;
}
a#next_page_button,
a#prev_page_button{
	display:none;
	position:absolute;
	width:36px;
	height:40px;
	cursor:pointer;
	margin-top:-10px;
	top:50%;
	background:transparent url(http://ruseller.com/lessons/les809/demo/images/buttons.png) no-repeat 0px -40px;
}
a#prev_page_button{
	left:-6px;
}
a#next_page_button{
	right:-6px;
	background-position:-41px -40px;
}
a#next_page_button:hover{
	background-position:-41px 0px;
}
a#prev_page_button:hover{
	background-position:0px 0px;
}
.loading{
	width:160px;
	height:56px;
	position: absolute;
	top:50%;
	margin-top:-28px;
	right:135px;
	line-height:56px;
	color:#fff;
	padding-left:60px;
	font-size:12px;
	background: #000 url(http://ruseller.com/lessons/les809/demo/images/ajax-loader.gif) no-repeat 10px 50%;
	opacity: 0.7;
	z-index:9999;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}