body {
  margin: 0;
  background: #001a4d;
  color: #ffffff;
  font-family: "Times New Roman", Times, serif;
}

.frame {
  width: 900px;
  border: 5px ridge #ffd700;
  background: #003366;
  margin-top: 12px;
}

.topline {
  text-align: center;
  font-size: 12px;
  background: #000000;
  color: #00ff00;
  padding: 4px;
}

h1 {
  text-align: center;
  color: #ffd700;
  letter-spacing: 3px;
  margin: 14px 0;
}

h2, h3 {
  color: #ffec80;
}

a {
  color: #7fffd4;
  font-weight: bold;
}

marquee {
  display: block;
  background: #660000;
  color: #ffff66;
  padding: 6px;
  border-top: 2px solid #cc0000;
  border-bottom: 2px solid #cc0000;
}

.nav {
  margin: 12px auto;
  border: 2px solid #66ccff;
  background: #002b5e;
}

.nav td {
  background: #004080;
}

.content {
  width: 100%;
  border-top: 1px solid #336699;
}

.content th,
.content td {
  border: 1px solid #336699;
  background: #003f73;
}

.box {
  background: #00254a;
  border-left: 2px dotted #66ccff;
}

.pilot-pic {
  display: block;
  width: 100%;
  max-width: 250px;
  margin: 6px auto 8px;
  border: 4px double #ffff00;
}

.pilot-caption {
  font-size: 13px;
  color: #ff9df5;
  text-align: center;
  font-weight: bold;
}

.footer {
  text-align: center;
  padding: 10px;
  font-size: 13px;
  background: #001f3d;
  border-top: 2px solid #66ccff;
}

@media (max-width: 960px) {
  .frame {
    width: 100%;
    border-width: 0;
    margin-top: 0;
  }
}

.pilot-source {
  font-size: 11px;
  color: #b8e6ff;
  text-align: center;
  margin-top: 4px;
}