html { background: #d9ddd7; color-scheme: light; }
body { margin: 0; color: #202b28; font: 12px/1.38 Verdana, Geneva, sans-serif; }
.site { width: 760px; min-height: 600px; margin: 18px auto 36px; background: #fff; border: 1px solid #7f8f8a; }
table { border-collapse: collapse; }
.masthead { width: 100%; background: #f4f6f2; border-bottom: 3px solid #2c5c56; }
.masthead td { vertical-align: middle; }
.brand { width: 145px; padding: 11px 10px 8px 22px; }
.brand img { display: block; object-fit: contain; }
.masthead-text { padding: 10px 8px 8px 0; }
.archive-mark { width: 82px; padding: 8px 12px 8px 6px; text-align: center; }
.archive-mark img { display: block; width: 64px; height: 64px; }
.foundation { font: bold 17px/1.1 Georgia, 'Times New Roman', serif; color: #285f57; }
.service { margin-top: 2px; font: bold 14px/1.15 Georgia, 'Times New Roman', serif; }
.division { margin-top: 5px; font-size: 10px; letter-spacing: .1px; }
.utility { width: 100%; color: #fff; background: #466f68; font-size: 10px; font-weight: bold; }
.utility td { padding: 4px 12px; }
.right { text-align: right; }
.content { padding: 16px 19px 8px; }
.intro { margin: 0 0 18px; max-width: 690px; }
.section-heading { width: 100%; background: #dce5df; border-top: 1px solid #8b9e94; border-bottom: 1px solid #8b9e94; color: #263f39; font-size: 11px; font-weight: bold; }
.section-heading td { padding: 4px 7px; }
.form-table { width: 100%; margin: 7px 0 15px; }
.form-table td { padding: 6px 5px; vertical-align: middle; }
.label-cell { width: 193px; font-weight: bold; }
input, select, button { font: 12px Arial, Helvetica, sans-serif; color: #1f2623; }
input, select { box-sizing: border-box; height: 22px; border: 1px solid #818b85; background: #fff; border-radius: 0; padding: 2px 4px; }
select { min-width: 156px; }
input:focus, select:focus, button:focus-visible { outline: 1px dotted #173e38; outline-offset: 2px; }
.prefix { display: inline-block; min-width: 26px; font-weight: bold; }
.prefix:empty { display: none; }
.example { color: #5e6761; margin-left: 8px; font-size: 11px; }
button { padding: 2px 10px; border: 1px solid #777; border-right-color: #555; border-bottom-color: #555; border-radius: 0; background: #e4e4e4; cursor: pointer; }
button:active { border-color: #555 #aaa #aaa #555; }
.action-row td { padding-top: 9px; }
.result { margin: 7px 0 16px; border: 1px solid #9a9a87; background: #f7f7ee; padding: 7px 10px; font: bold 11px/1.4 'Courier New', monospace; }
.result small { display: block; margin-top: 3px; color: #38443e; font: 11px/1.4 Verdana, Geneva, sans-serif; }
.record-note { margin: 8px 1px; font-size: 11px; }
.record-table { width: 100%; border: 1px solid #97a29a; font-size: 11px; }
.record-table th, .record-table td { text-align: left; padding: 5px 8px; border-bottom: 1px solid #c5ccc5; }
.record-table th { width: 205px; background: #edf1ec; font-weight: normal; }
.record-table td { font-weight: bold; }
.file-note { margin: 7px 2px 16px; color: #47534c; font-size: 11px; }
.media-table { width: 100%; margin: 8px 0 15px; border: 1px solid #c0c8c0; font-size: 11px; line-height: 1.6; }
.media-table td { padding: 7px; vertical-align: top; }
.media-mark { width: 62px; border-right: 1px solid #c0c8c0; text-align: center; }
.media-mark img { display: block; margin: 1px auto; }
.film-button { margin-top: 7px; }
.film-area { margin: 5px 0 18px 70px; }
.film-title { font-size: 11px; font-weight: bold; }
.film-area video { display: block; max-width: 100%; background: #111; }
#film-message { font-size: 11px; }
hr { border: 0; border-top: 1px solid #aab6ac; margin: 18px 0 12px; }
.notes { width: 100%; color: #4c5750; font-size: 10px; }
.notes td { width: 50%; padding: 0 14px 6px 0; vertical-align: top; }
.footer { margin-top: 11px; padding: 8px 19px 13px; border-top: 1px solid #aab6ac; background: #f3f5f1; color: #526058; font-size: 10px; line-height: 1.6; }
.unsupported { display: none; }
@media (max-width: 799px) { .site { display: none; } .unsupported { display: block; margin: 50px 24px; padding: 14px; border: 1px solid #7f8f8a; background: #fff; max-width: 440px; } .unsupported h1 { margin: 0 0 12px; font-size: 13px; } .unsupported p { margin: 8px 0; } }