html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { margin: 8px; background: #FFFFFF; color: #000000; }

body, td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

a:link    { color: #003399; }
a:visited { color: #663399; }
a:hover   { color: #CC0000; }

h1, h2 { font-family: "Times New Roman", Times, serif; color: #003366; font-weight: bold; }
h1 { font-size: 22px; margin: 4px 0 8px 0; }
h2 { font-size: 16px; margin: 14px 0 4px 0; }

p { margin: 0 0 10px 0; line-height: 15px; }

.nav     { font-size: 11px; font-weight: bold; }
.nav a   { text-decoration: none; }
.navhere { color: #CC0000; }
.toplinks { font-size: 10px; }
.tiny    { font-size: 9px; color: #666666; }
.serif   { font-family: "Times New Roman", Times, serif; font-size: 14px; line-height: 18px; }

.boxtitle { color: #FFFFFF; font-weight: bold; font-size: 11px; letter-spacing: 1px; padding: 3px 8px; }
.boxtext  { color: #FFFFFF; font-size: 10px; padding: 6px 10px 2px 10px; }
.boxtext a:link, .boxtext a:visited { color: #FFFF99; }
.boxphoto img.photo { border: 1px solid #FFFFFF; }

@keyframes mps-load { from { opacity: 0; } to { opacity: 1; } }
.loadin { animation: mps-load 1.2s steps(6, end) both; }

@media (prefers-reduced-motion: reduce) {
  .loadin { animation: none; }
}