/* copyleft by miner, 2005 */

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  /* max-width:65em; */
  margin:5px auto;
  padding:0px 5px 0px 7px;
} 

/* background is dark  */
body, .d {
  color:#FFCC66;
  background-color:#330000;
  background-image: url(images/map_bgr_dark.gif)
}

/* background is light */
/* #content div, .l .l table */
.l{
  color:#330000!important;
  background-color:#FFFFCC;
  background-image:url(images/map_bgr_light.gif);
  padding:2px 10px;
}
#content div{margin:0px}


/* headers */

h1,h2,h3,h4,h5{
  font-style:oblique;
  font-weight:bolder;  
}
h1,h2,h3 {
  text-align:center
}
h4,h5 {
  text-align:left
}

/* page header - h1 - and its components */
h1 {
  font-size:25px;
  line-height:25px;
  margin:5px 5px 12px 140px;
  min-height:100px
} 

/* logotype */
.logo {
  float: left;
  width:130px;
  height:100px;
}

/* other headers */
h2{
  font-size:18px;
}
h3{
  font-size:16px;
}
h4{
  font-size:14px;
}
h5{
  font-size:12px;
}

/* fortochka */

h5, .f{
  float:left;
  padding:0px 5px 5px 0px;
  width:7em;  
}

/* runarount IE5 stupidity with #content begining */

#Content h2, .l h2{
margin-top:0;padding-top:1em
}

/* subheaders */
h1 small,h2 small,h3 small,h4 small,h5 small {
  display:block;
  margin:.3em 0 1.3em;
  font-size:.72em;
  line-height:1em
}


/* menu  */

#menu {
  float:left;
  height:auto;
  width: 130px;
  font-size:12px;
  font-weight:bold
}
#menu a {
  display:block;
  margin:0px 0px 2px;
  text-align:center;
  background-color:#FFCC33;
  color:#330000;
  border-style:solid;
  border-color:#EC9E15;
  border-width:1px;
  text-decoration:none; 
}
#menu a:hover{
  background-color:#FFFF66;
  color:#000000; 
}
#menu span{
  display:none;
  margin:0;padding:0;width:130px;
}

/* content: positioning */

div#content,.footer div {
  margin:0px 5px 2px 140px
}
#content p, .footer p, #content li, #content dl{
  font-weight:bold;
}

/* #content p i,#content li i{
  font-weight:normal;font-style:italic;
}*/

.footer h2{
  float:left;
  width:130px;
  text-align:left;
}


/* emphasises */

em, strong{
  font-weight:bolder
}
strong {
  color:#FFFF66; 
}
.l strong {
  color:black
}

hr{
  width:100%;
  height:1px;
  visibility:hidden;
  clear:both;
}



/*  */
.left,.right,.pass{
  width:46%;
  margin:1%;
}
.left{
  float:left;
}
.right{
  float:right;
}

table.wide p{
margin:0
}


a:link{color:#ffffcc;background-color:transparent}
a:hover{color:white;background-color:#996633}
a:active{color:#660000;background-color:#ffff66}
a:visited{color:#ffcc99;background-color:transparent}
a:visited:hover{color:#ffffcc;background-color:#996633}

#content div a:link,.l a:link{color:#cc0000;background-color:transparent}
#content div a:hover,.l a:hover{color:#330000;background-color:#ffcc99}
#content div a:active,.l a:active{color:#660000;background-color:#ffff66}
#content div a:visited,.l a:visited{color:#993300;background-color:transparent}
#content div a:visited:hover,.l a:visited:hover{color:#cc0000;background-color:#ffcc99}

ul.nob{list-style:none}

dt{margin-top:.66em}
table.wide{font-size:12px;}
table.wide td{font-weight:bold; padding:5px}
table.wide th{font-weight:normal;padding-bottom:15px}

.l table{color:#330000}


/* list imitation */
.list p{text-indent:0em;margin:0em}
.list p b{width:2em;float:left}
ul{margin-left:2em;padding-left:0}
ul li{padding-left:1em}

/* about paragraphs */

p,div.p{margin:1em 0}
div.p p{margin:.33em 0}
div.p,div.list{padding:0}

@media print{
  *{background:transparent!important;color:black!important}
  #menu{display:none}
  div#content{margin:0}
  body{margin:12pt}
  h1+hr{display:block}
}

form table th{text-align:right;width:50%;padding-right:1em}
form table td{text-align:left}
form table strong{display:block/* ;text-align:center */}
input,textarea {background-color:#FFFFCC;color:#330000}