.header
{
  background-color: #046B09;
  width: 300px;
  border: 1px solid #FFF;
  margin: 0 auto;
}

h1
{
  margin-top: 15px;
  font-family: Arial;
  font-size: 20px;
  font-weight: bold;
  color: #FFF;
}

th, td { padding: 0 3px; }

.all_block
{
  width: 322px;
  margin: 3px 0;
  float: left;
}

.suball_block
{
  height: auto !important;
  height: 100%;
  border: 1px solid #FFF;
  margin: 0 0 0 3px;
}

.suball_block .caption
{
  background-color: #046B09;
  font: 18px Arial;
  color: #FF0;
  padding: 2px 0;
  border-bottom: 1px solid #FFF;
}

.suball_block .left
{
  float: left;
  background-color: #548A58;
  width: 160px;
  height: 349px;
}

.suball_block .left img
{
  width: 158px;
  height: 147px;
}

.suball_block .right
{
  float: right;
  background: url("/pictures/library/background.gif") repeat-y #9ACE9E;
  height: 349px;
  width: 157px;
}

.suball_block .subversion
{
  padding: 22px 0 0 5px;
  height: 177px;
}

.suball_block .right img
{
  width: 151px;
  height: 21px;
  margin: 5px 0 0 3px;
  background-color: #548A58;
}

#article_content
{
  text-align: justify;
  border: 1px solid #548A58;
  background-color: #9ACE9E;
  margin: 0 5px;
  padding: 5px;
  color: #008;
  font: 13px Verdana;
}

#article_content p { text-indent: 15px; }

#article_content .center { text-align: center; }

#article_content .tcenter
{
  text-align: center;
  margin: 0 auto;
}

#article_content table { background-color: #548A58; }
#article_content td
{
  background-color: #74B978;
  color: #008;
  font: 13px Verdana;
}
#article_content caption
{
  color: #008;
  font: 14px Verdana;
}
#article_content th
{
  background-color: #046B09;
  color: #FFF;
  font: 12px Arial;
}

#article_content a { text-decoration: none; }
#article_content p a { color: rgb(0,60,0); }
#article_content p a:hover { text-decoration: underline; }
#article_content p a:visited { color: rgb(0,60,0); }
#article_content .s a { color: rgb(0,60,0); }
#article_content .s a:hover { text-decoration: underline; }
#article_content .s a:visited { color: rgb(0,60,0); }
#article_content ul a { color: rgb(0,60,0); }
#article_content ul a:hover { text-decoration: underline; }
#article_content ul a:visited { color: rgb(0,60,0); }
#article_content ol a { color: rgb(0,60,0); }
#article_content ol a:hover { text-decoration: underline; }
#article_content ol a:visited { color: rgb(0,60,0); }
#article_content td a { color: rgb(0,60,0); }
#article_content td a:hover { text-decoration: underline; }
#article_content td a:visited { color: rgb(0,60,0); }

.header2
{
  float: left;
  position: relative;
  left: 50%;
}

h2
{
  padding: 5px 10px;
  margin: 20px 10px 10px 10px;
  position: relative;
  left: -50%;
  background-color: #046B09;
  border: 1px solid #FFF;
  font-family: Arial;
  font-size: 16px;
  font-weight: bold;
  color: #FF0;
}

.header3 { display: inline-block; }
h2.header3 { position: static; }

.ul_disc { list-style-type: disc; }

#cover
{
  float: left;
  margin: 0 5px 0 0;
}

#scenario
{
  width: 327px;
  height: 470px;
  display: inline;
}

#monster
{
  width: 380px;
  height: 228px;
  display: inline;
}

#tent
{
  float: left;
  width: 98px;
  height: 133px;
}

#retreat
{
  float: left;
  width: 64px;
  height: 72px;
  margin: 0 5px 0 0;
}

.gold
{
  width: 44px;
  height: 20px;
  display: inline;
}

.wood
{
  width: 40px;
  height: 30px;
  display: inline;
}

.ore
{
  width: 43px;
  height: 30px;
  display: inline;
}

.crystal
{
  width: 35px;
  height: 30px;
  display: inline;
}

.sulphur
{
  width: 46px;
  height: 30px;
  display: inline;
}

.gems
{
  width: 45px;
  height: 30px;
  display: inline;
}

.mercury
{
  width: 38px;
  height: 30px;
  display: inline;
}

.icenter { text-align: center; }
.icenter img { display: inline; }

.mercury_s
{
  width: 21px;
  height: 15px;
  display: inline;
}

.sulphur_s
{
  width: 23px;
  height: 14px;
  display: inline;
}

.gems_s
{
  width: 22px;
  height: 15px;
  display: inline;
}

.w500 { width: 500px; }

.kb_hero
{
  width: 44px;
  height: 32px;
  display: inline;
}

.justify { text-align: justify; }

.kb_castle
{
  width: 55px;
  height: 40px;
  display: inline;
}

.kb_unit
{
  width: 48px;
  height: 34px;
}

.kb_artifact
{
  width: 44px;
  height: 32px;
}

.conditions
{
  width: 17px;
  height: 17px;
  display: inline;
}

.h2_resources
{
  width: 32px;
  height: 28px;
  display: inline;
}

.h2_building
{
  width: 137px;
  height: 72px;
}

.h2_captain
{
  width: 84px;
  height: 81px;
  display: inline;
}

.h2_heroes
{
  width: 103px;
  height: 95px;
}

.h2_spell
{
  width: 100px;
  height: 90px;
}

.h2_artefact
{
  width: 64px;
  height: 62px;
  display: inline;
}

.h4_skill
{
  width: 31px;
  height: 31px;
  display: inline;
}

.h4_face
{
  width: 50px;
  height: 49px;
  display: inline;
}

.h4_gold
{
  width: 30px;
  height: 26px;
  display: inline;
}

.h4_unit
{
  width: 80px;
  height: 80px;
  display: inline;
}

.h4_ability
{
  width: 52px;
  height: 53px;
  float: left;
  padding-right: 3px;
}

.h4_ore
{
  width: 30px;
  height: 26px;
  display: inline;
}

.h4_gem
{
  width: 30px;
  height: 21px;
  display: inline;
}

.h4_mercury
{
  width: 28px;
  height: 25px;
  display: inline;
}

.h4_crystal
{
  width: 24px;
  height: 28px;
  display: inline;
}

.h4_sulphur
{
  width: 29px;
  height: 20px;
  display: inline;
}

.h4_wood
{
  width: 31px;
  height: 22px;
  display: inline;
}

.txtblack, .txtblackb
{
  font: 11px verdana;
  color: #000;
  text-decoration: none;
}

.txtblack:hover { text-decoration: underline; }

.txtblackb { font-weight: bold; }

.logo_small
{
  width: 32px;
  height: 36px;
  display: inline;
}

.gerb
{
  width: 98px;
  height: 100px;
  display: inline;
}

#no_lesson
{
  text-align: center;
  color: #800;
}

.back
{
  background-color: #046B09;
  border: 1px solid #FFF;
  width: 60px;
  position: relative;
  left: -5px;
  margin: 2px 0 2px 5px;
  padding: 1px 0;
  float: right;
}

.h3_monster
{
  width: 90px;
  height: 145px;
  display: inline;
}

.h3_gem
{
  width: 17px;
  height: 12px;
  display: inline;
}

.h3_crystal
{
  width: 15px;
  height: 16px;
  display: inline;
}

.h3_mercury
{
  width: 16px;
  height: 15px;
  display: inline;
}

.h3_sulphur
{
  width: 17px;
  height: 12px;
  display: inline;
}

.h3_gold
{
  width: 16px;
  height: 11px;
  display: inline;
}

.h3_wood
{
  width: 19px;
  height: 12px;
  display: inline;
}

.h3_ore
{
  width: 18px;
  height: 12px;
  display: inline;
}

sup
{
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  color: #FF0;
  text-decoration: none;
}

.h3_artefact
{
  width: 44px;
  height: 44px;
  display: inline;
}

.h3_shrine
{
  width: 34px;
  height: 64px;
  display: inline;
}

.h3_landscape
{
  width: 96px;
  height: 96px;
}

.h3_spell, .h3_spell_a, .h3_spell_e, .h3_spell_f, .h3_spell_w
{
  width: 78px;
  height: 65px;
  display: inline;
}

.h3_spell_a { background-image: url('/pictures/library/h3/spells/frames/air.gif'); }
.h3_spell_e { background-image: url('/pictures/library/h3/spells/frames/earth.gif'); }
.h3_spell_f { background-image: url('/pictures/library/h3/spells/frames/fire.gif'); }
.h3_spell_w { background-image: url('/pictures/library/h3/spells/frames/water.gif'); }

.s
{
  margin: 0 10px;
  border-top: 1px solid #000;
  padding: 2px 3px;
}

.vertical_word
{
  width: 16px;
  vertical-align: bottom;
}

.w60 { width: 55px; }
.w140 { width: 140px; }
.w16 { width: 16px; }

.scroll-size-fix
{
	height: 1px;
	overflow-y: scroll;
	float: right;
	visibility: hidden;
}

.scroll_region
{
  overflow-y: scroll;
  height: 350px;
}

.h3_first_skill
{
  width: 42px;
  height: 42px;
}

.h3_hero
{
  width: 57px;
  height: 64px;
}

.forces { margin-left: 45px; }
.forces table { margin: 0 2px; }

.h3_heroes td, .h3_heroes th { padding: 0 2px; }

a.link
{
  color: #008;
  text-decoration: none;
}

a.link:hover { text-decoration: underline; }

.h3_heroes .h { height: 1px; }

.tskills td { vertical-align: top; }

.h3_skills
{
  width: 44px;
  height: 44px;
  float: left;
  margin: 3px 4px 0 0;
}

.w16bot
{
  width: 16px;
  vertical-align: bottom;
}

.w50 { width: 50px; }

.spec_resource
{
	text-align: justify;
	margin: 0 auto;
}
.spec_resource img
{
  width: 44px;
  height: 44px;
  display: inline;
  margin: 3px 0 0 0;
}

.objects img
{
  display: inline;
  margin: 3px 5px 0 0;
}

.h3_artefact
{
  width: 32px;
  height: 32px;
  float: left;
  margin: 1px;
}

.h3_artefact2
{
  width: 44px;
  height: 44px;
  float: left;
  margin: 1px;
}

.h3_combined
{
  height: 32px;
  float: left;
}

.h3_consists a
{
  width: 32px;
  height: 32px;
  float: left;
}

.h3_consists div
{
  width: 15px;
  margin: 8px 2px;
  float: left;
}

#h3_combined1
{
  width: 184px;
  margin: 0 auto;
  float: none;
}

#h3_combined2
{
  width: 245px;
  margin: 0 auto;
  float: none;
}

#h3_combined3
{
  width: 186px;
  margin: 0 auto;
  float: none;
}

#h3_combined4
{
  width: 247px;
  margin: 0 auto;
  float: none;
}

#h3_combined5
{
  width: 500px;
  margin: 0 auto;
  float: none;
}

#h3_combined6
{
  width: 185px;
  margin: 0 auto;
  float: none;
}

#h3_combined7
{
  width: 147px;
  margin: 0 auto;
  float: none;
}

#h3_combined8
{
  width: 283px;
  margin: 0 auto;
  float: none;
}

#h3_combined9
{
  width: 191px;
  margin: 0 auto;
  float: none;
}

#h3_combined10
{
  width: 190px;
  margin: 0 auto;
  float: none;
}

#h3_combined11
{
  width: 342px;
  margin: 0 auto;
  float: none;
}

#h3_combined12
{
  width: 235px;
  margin: 0 auto;
  float: none;
}

.obeliscks img
{
  width: 31px;
  height: 62px;
  display: inline;
  margin: 4px 5px;
}

#dig
{
  width: 49px;
  height: 51px;
  float: right;
  margin: 5px 2px 0 6px;
}

#dragon_utopia
{
  width: 183px;
  height: 137px;
  display: inline;
}

.artefact_objects img { display: inline; }

#black_market
{
  width: 75px;
  height: 54px;
  float: right;
  margin: 5px 2px 0 6px;
}

.buildings img { margin-top: 2px; }

.h3_multiple
{
  width: 64px;
  height: 48px;
  float: left;
  margin: 2px 0;
}

.h3_size
{
  width: 29px;
  height: 23px;
  margin: 2px 0;
}

.h3_version
{
  width: 25px;
  height: 24px;
  margin: 2px 0;
}

.h3_conditions
{
  width: 29px;
  height: 21px;
  margin: 2px 0;
}

.h3_difficulty
{
  width: 30px;
  height: 46px;
}

.h3_wood2
{
  width: 32px;
  height: 25px;
  margin-top: 2px;
  display: inline;
}

.h3_ore2
{
  width: 30px;
  height: 21px;
  margin-top: 2px;
  display: inline;
}

.h3_mercury2
{
  width: 31px;
  height: 29px;
  margin-top: 2px;
  display: inline;
}

.h3_sulphur2
{
  width: 32px;
  height: 23px;
  margin-top: 2px;
  display: inline;
}

.h3_crystal2
{
  width: 32px;
  height: 32px;
  margin-top: 2px;
  display: inline;
}

.h3_gem2
{
  width: 32px;
  height: 26px;
  margin-top: 2px;
  display: inline;
}

.h3_gold2
{
  width: 31px;
  height: 22px;
  margin-top: 2px;
  display: inline;
}

.h3_mines
{
  margin-top: 2px;
  display: inline;
}

.h3_resource_object
{
  margin-top: 2px;
  display: inline;
}

.bank_positions
{
  width: 60px;
  margin: 0 auto;
  background-color: #74B978;
  font-weight: bold;
  border: 1px solid #548A58;
}

.h3_storages
{
  margin-top: 2px;
  display: inline;
}

.img_object
{
  margin-top: 2px;
  display: inline;
}

.h3_grounds
{
  width: 32px;
  height: 32px;
  margin-top: 2px;
  display: inline;
}

.screen1
{
  width: 133px;
  height: 96px;
  margin: 5px 0 0 5px;
}

.screen2
{
  width: 133px;
  height: 64px;
}

.img_right { margin: 5px 0 0 5px; }

.div_left, .div_right
{
  width: 50%;
  background-color: #74B978;
}
.div_left { text-align: right; }
.div_right { text-align: left; }

.bottom
{
  border: 1px solid #548A58;
  background-color: #9ACE9E;
  margin: 5px;
  padding: 5px;
  color: #008;
  font: 13px Verdana;
}

.bottom a
{
  color: rgb(0,60,0);
  text-decoration: none;
}
.bottom a:hover { text-decoration: underline; }
.bottom a:visited { color: rgb(0,60,0); }

.to_top
{
  display: block;
  background-color: #046B09;
  width: 60px;
  border: 1px solid #FFF;
  margin: 0px 5px;
  padding: 1px 3px;
  float: right;
  color: white;
  text-decoration: none;
}
.to_top:hover { text-decoration: underline; }
.to_top:visited { color: white; }

.author
{
  float: left;
  display: inline;
  padding: 2px 5px;
  margin: 5px 7px 5px 12px;
  background-color: #046B09;
  border: 1px solid #FFF;
}

.citizen
{
  float: left;
  display: block;
  font-size: 12px;
  padding: 4px 0;
  margin-top: 5px;
}

.download
{
  float: right;
  display: block;
  margin: 5px 13px;
  padding: 2px 5px;
  background-color: #046B09;
  border: 1px solid #FFF;
}

.ar12yb
{
  font: 12px Arial;
  font-weight: bold;
  color: #FF0;
}

.screen { margin: 5px 12px; }

.inline
{
	display: inline;
	margin: 5px 0;
}

td.tleft { text-align: left; }