html {
  overflow: scroll;
}
body {
  background-repeat: repeat-y;
  margin-left: auto;
  margin-right: auto;
  background-color: #E8E8E8;
  font-family: Arial;
}
h1, h2, h3, h4, h5, h6 {
  background-color: #3E445C;
  color: #FFFFFF;
  width: 100%;
}
div.page {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  background-color: #E8E8E8;
}
div.document {
  top: 10px;
  margin-left: auto;
  margin-right: auto;
  background-color: #3E445C;
  padding: 0px;
  text-align: center;
  width: 81.25%;
  background-image: url('bkg-top.jpg');
  background-repeat: repeat-x;
  background-position: top;
}
span.headertitle {
  font-family: Arial;
  font-size: 2.5em;
  color: #FFFFFF;
}
span.headerlinks {
  font-family: Arial;
  font-size: 1em;
  color: #FFFFFF;
}
a.white {
  color: #FFFFFF;
}
a.black {
  color: #000000;
  text-decoration: none;
}
div.footer {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: small;
  width: 85%;
}
div.menuwrap {
  width: 7.2em;
  min-width: 115px;
  position: fixed;
  top: 10px;
  left: 10px;
  border-width: 1px;
  border-style: solid;
}
div.shift {
  padding-left: 0px;
}
div.ul {
  background-image: url('bkg-ul.jpg');
  background-position: top left;
  background-repeat: no-repeat;

}
div.ur {
  background-image: url('bkg-ur.jpg');
  background-position: top right;
  background-repeat: no-repeat;
  padding-top: 3px;
}
div.ll {
  background-image: url('bkg-ll.jpg');
  background-position: bottom left;
  background-repeat: no-repeat;
  padding-left: 3px;
}
div.lr {
  background-image: url('bkg-lr.jpg');
  background-position: bottom right;
  background-repeat: no-repeat;
  padding-bottom: 3px;
  padding-right: 3px;
}