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;
}

/* single item in the column. */
.flex-item-1x {
    background-color: white;
    width: 96%;
    height: auto;
    margin: 10px;
    border: 5px solid 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%
}
input[type=submit] {
    display: inline-block;
    font-size:12pt;
    font-family:sans-serif;
    font-weight:bold;
    background-color:#c60000;
    color:#ffffff;
    border-radius:12px;
    cursor: pointer;
    border: 2px;
    padding: 16px 32px;
    text-decoration: none;
    margin: 4px 2px;
}
input[type=submit]:hover {
    background-color: #00ff00;
    color: black;
}
input[type=submit]:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}