* {
  font-family:"Segoe UI", Arial, sans-serif;
  color:#ffffff;
  background-color:#000000;
  font-size:12pt;
}

div,a {
#border:1px;
#border-style:solid;
#border-color:#ffffff;
}


a.button {
  display:inline-block;
#  position:relative;
  width:50vw;
  min-width:450px;
#  text-align:left;
#  text-decoration:none;
 # padding-left:2em;
 # padding-right:2em;
}

a.button:hover, a.button:active {
  background-color:#808080;
}

div.imgwrapper{
  display:inline-block;
  position:relative;
  transform:translate(0,-50%);
#  width:10vw;
  vertical-align:top;
#  margin-right:10vw;
  background-color:inherit;
}

img.small{
  height:100px;
  width:100px;
#  float:right;
#  position:absolute;
#  right:0;
}

img.logo{
    height:100px;
    background:inherit;
#  float:right;
#  position:absolute;
#  right:0;
}

div.menuwrapper {
  display:inline-block;
  position:relative;
  margin:auto;
#  text-align:right;
#  width:60vw;
#  border-color:#0000ff;
}

div.textwrapper {
  display:inline-block;
  position:relative;
  margin:auto;
}

div.voffsdown{
  display:inline-block;
  position:relative;
  transform:translate(0,50%);
#  border-color:#0000ff;
background-color:inherit;
#padding:3px;
}

div.voffsup{
  display:inline-block;
  position:relative;
  transform:translate(0,-50%);
  text-align:left;
  width:30vw;
#  padding-right:2em;
background-color:inherit;
}


div.centrecol{
#  display:block;
#  position:relative;
  text-align:center;
  width:80vw;
  margin:auto;
  overflow:hidden;
}


h1 {
  text-align:center;
  font-size:16pt;
  margin-top:3em;
}