/* Generated by KompoZer */
td.navbutn {
  background: #c60000 none repeat scroll 0%;
  font-size: xx-small;
  font-family: sans-serif;
}
a.navbutn:link {
  background: #c60000 none repeat scroll 0%;
  color: white;
  font-size: xx-small;
  font-family: sans-serif;
  font-weight: bold;
  text-decoration: none;
}
a.navbutn:visited {
  background: salmon none repeat scroll 0%;
  color: black;
  font-size: xx-small;
  text-decoration: none;
  font-weight: bold;
}
a.navbutn:hover {
  background: black none repeat scroll 0%;
  color: white;
  font-size: xx-small;
  text-decoration: none;
  font-weight: bold;
}
a.navbutn:active {
  background: blue none repeat scroll 0%;
  color: white;
  font-size: xx-small;
  text-decoration: none;
  font-weight: bold;
}
p.note {
  border: 15px solid #000000;
  padding: 15px;
}
p.notered {
  border: 15px solid #ff0000;
  padding: 15px;
}
p.noteyellow {
  border: 15px solid #ffff00;
  padding: 15px;
}
p.yellowback {
    background-color: #ffff00;
}
p.redback {
    background-color: #ff0000;
}
.flex-container {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: auto;
    background-color: white;
}
.flex-item-2x {
    background-color: white;
    width: 48%;
    height: auto;
    margin: 10px;
    border: 5px solid white;
}
.flex-item-1-3x {
    background-color: white;
    width: 40%;
    height: auto;
}
.flex-item-2-3x {
    background-color: white;
    width: 60%;
    height: auto;
}
div.static {
    position: static;
    width: 500px;
}
div.relative {
    position: relative;
    left: 20%;
    right: 80%;
    width: 50%;
    height: auto;
    border: 3px solid white;
}
img {
  max-width: 100%
}