html { background: #d6d9c8; }
body { margin: 0; padding: 24px 10px; color: #202020; font: 15px Verdana, Arial, sans-serif; }
.page { width: 760px; max-width: 100%; margin: 0 auto; border: 1px solid #31435a; background: #fffef2; }
.header { padding: 22px 26px; color: #fff; background: #31577a; border-bottom: 4px solid #d6b866; }
.header h1 { margin: 0 0 5px; font: bold 29px Georgia, "Times New Roman", serif; }
.header div { color: #e8edf2; font-size: 13px; }
.menu { padding: 8px 26px; background: #e4e8dd; border-bottom: 1px solid #8a9586; font-size: 13px; }
.content { min-height: 330px; padding: 24px 32px 34px; line-height: 1.65; vertical-align: top; }
.content h2 { margin: 0 0 12px; color: #31577a; font: bold 22px Georgia, "Times New Roman", serif; }
.content h3 { color: #6b4e16; font-size: 15px; }
.content hr { height: 1px; margin: 24px 0; border: 0; background: #b8b8a6; }
.content li { margin-bottom: 10px; }
.date, .small { color: #666; font-size: 12px; }
.footer { padding: 10px 20px; text-align: center; color: #555; background: #e4e8dd; border-top: 1px solid #8a9586; font-size: 11px; }
a:link { color: #0645ad; }
a:visited { color: #663399; }
a:hover { color: #b22222; }
@media (max-width: 600px) {
  body { padding: 0; }
  .page { border-width: 0; }
  .header, .menu, .content { padding-left: 18px; padding-right: 18px; }
  .header h1 { font-size: 24px; }
}