body {
  padding: 5px;
  background-color: #FFF;
  opacity: 1.0;
  font-family:Verdana,Tahoma,Arial,Sans-Serif;
  font-size:11px;
}

.hdr {
  display: inline-block;
  padding: 3px;
  border: 1px solid #777;
  margin: 5px auto;
  background-color: #FFC;
  max-width: calc(100% - 125px);
  width: auto;
}

h1 {
  text-align: center;
  display: block;
  font-size: 1.5em;
  margin-top: 0.83em;
  margin-bottom: 0.83em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

h2 {
  text-align: center;
  display: block;
  font-size: 1.17em;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

h3 {
  display: block;
  margin-top: 1.33em;
  margin-bottom: 1.33em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

.clr {
  clear: both;
}

.blk {
  display: inline-block;
  text-align: left;
}

.cdiv {
  text-align: center;
}

.rdiv {
  text-align: right;
}

.multicol {
  clear: both;
  margin: 10px auto;
  column-width: 250px;
  column-gap: 30px;
  text-align: justify;
  text-align-last: left;
}

.wtrline0,
.wtrline2,
.wtrline3,
.wtrline4,
.wtrline5 {
  width: 100%;
  background-color: #888;
  border-style: ridge;
  border-color: #6D6;
  border-width: 4px;
  margin: 10px 0;
  clear: both;
}

.wtrline0 {
  height: 70px;
}

.wtrline2,
.wtrline3 {
  height: 90px;
}

.wtrline4 {
  height: 165px;
}

.wtrline5 {
  height: 413px;
}

.wtrline0:focus,
.wtrline2:focus,
.wtrline3:focus,
.wtrline4:focus,
.wtrline5:focus {
    border-color: #FAA;
  }

#topline {
  border-width: 0px 0px 1px 0px;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

#bottomline {
  clear: both;
  margin: 10px 0 0 0;
  padding: 5px 0 0 0;
  border-width: 1px 0px 0px 0px;
}

.navLine {
  //overflow: auto;
  border-style: solid; 
  border-color: black;
}

.navi0,
.lnglnki0,
.navi1,
.lnglnki1,
.rfshi {
  margin: 2px;
}


.lnglnki0,
.lnglnki1 {
  border-width: 1px;
  border-color: black;
  border-style: solid;
}

.navpost {
  display: inline;
}

.navd0,
.navd1 {
  display: block;
  float: right;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-width: 1px;
  border-style: solid;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-radius: 6px;
  margin: 4px;
}

.mb {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  justify-content: center;
  align-items: center;  
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
}

.mc {
  justify-content: center;
  align-items: center;
  position: relative;
  overflow-y: auto;
  max-height: 90vh;
  max-width: 90vw;
  background-color: #FEFEFE;
  padding: 10px;
  border: 1px solid #888;
}

.nava2,
.lnglnka2 {
  display: block;
  margin: 20px;
  padding: 5px;
  vertical-align: middle;
  background-color: #CCC;
  border-width: 1px;
  border-color: black;
  border-style: solid;
  border-radius: 4px;
  text-decoration: none;
  color: inherit;
}

.nava2:hover,
.nava2:focus,
.lnglnka2:hover,
.lnglnka2:focus {
  background-color: #FCC;
}

.navi2,
.lnglnki2 {
  margin: 0 5px 0 2px;
  vertical-align: middle;
}

.lnglnki2 {
  border-width: 1px;
  border-color: black;
  border-style: solid;
}

.close {
  position: absolute;
  right: 0;
  top: 0;
  margin-right: 5px;
  color: #aaa;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}