body { margin:0px;
       padding:0px;
       background:white url(img/rocks-line.gif) repeat-x 0px 77px;
       font:10pt "Arial Cyr", Arial, Verdana, sans-serif;
       color:black;
       text-align:center;
}

table { font-size:100%; }

a:link { color:#d00; text-decoration:underline }
a:visited { color:black }
a:hover { color:#d00; }

a img { border:none }

h1 { margin:0em }

div.wholebody { width:600px;
  border:1px red;
  border-style:none solid;
  margin-left:auto;
  margin-right:auto;
}

div.title,div.nav,div.content,div.footer {
  text-align:justify;
  padding:0px 20px;
  background:white
}

div.title { padding-top:10px; padding-bottom:10px; text-align:right; padding-right:17px; }

div.nav { height:20px; background:#d0d0d0 url(img/rocks-line-bright-w-bord.gif) repeat-x; text-align:left; font-weight:bold; color:#000 }
div.nav a { font-weight:normal; text-decoration:none; color:black; }
div.nav a:hover { text-decoration:none }
div.nav ul { margin:0em; text-align:right; padding:0em; }
div.nav ul li { display:inline; padding-left:20px; }

div.content { padding:0px; padding-top:24px; text-align:left; }

h2,h3,h4, p,ul,ol,div.hnav,div.dnav { padding-left:20px; padding-right:20px; text-align:left }

h2 { background:url(img/rocks-fade-right.jpg) no-repeat;
     font:normal 18pt;
     position:absolute; top:25px; width:400px;
     margin:0em;
 }
h3 { font:bold 12pt; }
h4 { font:bold 10pt; }

form.cityselect { margin-left:20px; }

p { margin:1em 0em; text-align:justify; }
p.rem { font-size:80%; color:#808080 }
.invis { display:none }

div.members p.legend { font-size:80%; text-align:center }
div.members p.legend span { margin:0em 15px }
div.members p.legend span img { vertical-align:middle; margin-right:8px }

span.lnav { margin:0px 5px }

div.news h3 { font:bold 100%; background:url(img/dot.gif) no-repeat left center; margin-left:20px; }
p.sign { text-align:right;font-style:italic; }
div.frase { margin:2em 80px; }

p.illust { padding:0px 20px 10px; margin:0px; float:right; clear:both; text-align:center; }
p.illust a img { border:1px solid black }
p.illust span { width:200px; }

div.content ul { list-style-image:url(img/li-dot.gif); margin-top:1em; margin-bottom:2em; }
div.content ul, div.content ol { margin-left:3em }
div.content li { padding-left:4px; margin-top:1em; margin-bottom:1em; }
div.content li.rem { color:#a0a0a0 }
div.content li p { padding-left:0px; margin:0em }

div.hnav,div.dnav { font-size:80%; margin-top:-14px;margin-bottom:24px }

div.selectnav { float:right; padding-right:20px }

div.tablecont { text-align:center; margin:0px 20px }

table.plain { border:1px black; border-style:solid none none solid; margin:0px auto }
table.plain td,
table.plain th { border:1px black; border-style:none solid solid none; padding:1px 5px; }

table.members, table.diplomacy { margin-left:auto; margin-right:auto; font:10pt }

div.members { text-align:center; margin-bottom:2em; margin-left:20px; margin-right:20px; }
table.members { margin-top:2em; margin-bottom:20px }
table.diplomacy { margin-bottom:3em; margin-left:20px }
table.members td,
table.diplomacy td { padding:2px 7px 2px 14px; }
table.members th,
table.diplomacy th { font-size:100%; color:black; padding:10px 10px 10px 34px; background:url(img/dot.gif) no-repeat 14px 13px; text-align:left; }
col.a2, 
col.uo,
col.la2,
col.ro { font-size:80%; color:#444 }
table.members tr.row1 td { background:#F8F8F8 }
table.members img { margin-right:7px; width:10px; height:10px; }
table.members span.occup { display:block; font-size:80%; color:#606060 }

div.footer { padding:40px 0px 0px 0px; text-align:center; font-size:8pt }
div.footer p { height:20px; color:#404040; text-align:center; background:url(img/rocks-line-bright-w-bord.gif) repeat-x center; margin:20px 0em 0em 0em; line-height:20px }

div.relationtypes { margin-top:3em }
div.relationtypes dl { padding-top:12px; margin-left:2.5em; margin-right:2.5em }
div.relationtypes dt { font-weight:bold; padding-left:20px; background:url(img/dot.gif) no-repeat 0px 3px; }
div.relationtypes dd { margin-bottom:1em; margin-left:20px }

* {
-moz-box-sizing: border-box;
}