body {
  background-color: AliceBlue;
  font-family: Helvetica,Arial;
}
h2 {font-family: Helvetica,Arial; font-size: 14pt}
h4 {font-family: Helvetica,Arial; font-size: 10pt}
p,a,ul,ol,li,th,td,blockquote {font-family: Helvetica,Arial; font-size: 10pt}
.small {font-size: 8pt}
img {border: none}
.logo {
  width: 50px;
  margin: 0;
}
.navigator {
  width: 90%;
  margin: auto;
  clear: both;
}
.board {
  background-color: LightSkyBlue;
  width: 95%;
  margin: auto;
  padding: 3px
}
.boardinfo {
  vertical-align:top;
  text-align:center;
  width:65px
}
.imgleft {
  width: 95%;
  margin: 0.5em;
  float: left;
  clear: both;
}
.imgright {
  width: 95%;
  margin: 0.5em;
  float: left;
}
.imgfull {
  display: block;
  width: 98%;
  margin: auto;
  clear: both;
}
.txtcenter {
  text-align: center;
}

/* Tablet */
@media only screen and (min-width: 768px) {
  .logo {
    width: 75px;
    margin: 0 3em;
  }
  .navigator {
    width: 60%;
  }
  .board {
    width: 80%;
  }
  .boardinfo {
    width:150px
  }
  .imgleft {
    width: 40%;
    margin: 0.5em;
  }
  .imgright {
    width: 40%;
    margin: 0.5em;
    float: right;
  }
  .txtleft {
    float: left;
    max-width: 16%;
  }
  .txtright {
    float: right;
    max-width: 16%;
    text-align: right;
  }
}