/* OLD SCHOOL 2.0 — authentic 1999-2003 small-business web portal. No webfont, framework or gradient-cloud hero. */
:root{--blue:#155bb0;--darkblue:#042e7c;--lightblue:#d9ecff;--border:#7d99bc;--ink:#1c2836;--bg:#e3e7ed;--cream:#ffffe7}
*{box-sizing:border-box}html{scroll-behavior:auto}body{font-family:Verdana,Arial,sans-serif;font-size:12px;line-height:1.5;color:var(--ink);margin:0;background:#b9cbe0 url('tile.svg') repeat}a{color:#0033aa;text-decoration:underline}a:visited{color:#5c247c}a:hover{color:#cf2500}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #d1241b;outline-offset:2px}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1{font-family:Arial,Helvetica,sans-serif;font-size:24px;color:#002b76;line-height:1.16;margin-bottom:11px}h2{font-size:16px;color:#00377c;margin:19px 0 8px}h3{font-size:13px;color:#163464;margin:14px 0 6px}p{margin-bottom:11px}ul,ol{padding-left:23px}li{margin-bottom:5px}table{border-collapse:collapse}.site{max-width:1040px;margin:12px auto 20px;background:white;border:1px solid #506b94;box-shadow:5px 5px 0 #6782a7}.microtop{background:#00225f;color:#fff;padding:4px 10px;display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.02em}.microtop a{color:#fef491}.masthead{min-height:111px;background:#fff url('masthead-grid.svg') right top repeat-x;border-bottom:3px double #1255a0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 13px 9px}.masthead .id{min-width:0}.wordmark{font:900 47px/1 Arial Black,Impact,Arial,sans-serif;letter-spacing:-3px;color:#044a9b;text-decoration:none;display:inline-block;text-shadow:2px 2px #c4d8f0}.wordmark:visited{color:#044a9b}.wordmark .word2{color:#ef6509}.wordmark .splat{font-size:25px;vertical-align:top;color:#eb1c1c;letter-spacing:0}.tagline{font:bold 11px/1.5 Verdana,Arial,sans-serif;color:#424c59;letter-spacing:.08em;margin:2px 0 0 3px}.headside{text-align:right;flex:0 0 238px;font-size:11px;color:#153468}.headside .bannerad{border:2px ridge #acb8c7;background:#fff6a9;color:#0d3976;text-align:center;font:bold 15px/1.4 Arial,sans-serif;padding:8px 6px}.headside .bannerad span{color:#cc2915;text-decoration:underline}.headside .dateline{font:10px 'Courier New',monospace;margin-top:6px}.navtable{width:100%;table-layout:fixed;border-bottom:2px solid #063578}.navtable td{background:#1355a0;color:white;text-align:center;border-right:1px solid #80aeeb;border-top:1px solid #a8d4f9;border-bottom:1px solid #04276a;padding:0}.navtable a{display:block;padding:7px 2px;color:#fff;text-decoration:none;font:bold 11px/1.1 Verdana,Arial,sans-serif}.navtable a:visited{color:#fff}.navtable td.active,.navtable td:hover{background:#fce681}.navtable td.active a,.navtable td:hover a{color:#002766}.crumbbar{background:#d9e8f6;padding:6px 10px;border-bottom:1px solid #9eb2cc;font-size:11px}.crumbbar .lang{float:right}.crumbbar:after{content:"";display:block;clear:both}.crumbbar a{margin-right:4px}.portal{width:100%;table-layout:fixed}.portal td{vertical-align:top}.left{width:173px;background:#edf5fd;border-right:1px solid #a0bbd7;padding:8px 7px 12px}.right{width:177px;background:#f0f3f7;border-left:1px solid #a0bbd7;padding:8px 7px 12px}.main{padding:13px 16px 24px;min-width:0;background:#fff}.panel{margin-bottom:11px;border:1px solid #8daace;background:white}.panel-head{background:#1c64b4;color:#fff;font-size:11px;font-weight:700;padding:4px 6px;border-bottom:2px solid #003776}.panel-head.gold{background:#e0b233;color:#372600;border-bottom-color:#9a7712}.panel-head.red{background:#a13d44;border-bottom-color:#612530}.panel-body{padding:7px 8px;font-size:11px;overflow-wrap:anywhere}.panel-body ul{padding-left:13px;margin:0}.panel-body li{margin:0 0 5px}.panel-body a{display:inline-block;padding:1px 0}.panel-body .current{font-weight:bold;color:#9d270f}.tiny{font-size:10px;color:#526274}.badges{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:7px 0}.badge88{display:flex;align-items:center;justify-content:center;min-height:31px;border:2px outset #a3b2cb;font:bold 10px/1.05 Arial,sans-serif;text-align:center;text-decoration:none!important;letter-spacing:0;background:#020f35;color:#fff!important;padding:3px}.badge88:nth-child(2){background:#ffda36;color:#091d5c!important}.badge88:nth-child(3){background:#eaeaea;color:#002774!important}.badge88:nth-child(4){background:#005c47;color:#fdfdaf!important}.searchbox{border:1px inset #acb1b9;background:#fff;padding:3px;width:100%;font-size:12px;border-radius:0}.go-btn,.tinybtn,button{font:11px Verdana,Arial,sans-serif;cursor:pointer;background:#e8e8e8;border-top:2px solid white;border-left:2px solid white;border-bottom:2px solid #59677b;border-right:2px solid #59677b;color:#101f37;border-radius:0;padding:4px 9px}.go-btn:active,.tinybtn:active,button:active{border:2px inset #59677b}.go-btn{margin-top:5px}.sectionbar{background:#e4f0fe;border-top:1px solid #6190c8;border-bottom:1px solid #6190c8;color:#07356f;font-size:12px;font-weight:700;padding:5px 8px;margin:14px 0 9px}.sectionbar.yellow{background:#fff4c2;border-color:#e4c45d;color:#523500}.intro-box{background:#fffde6;border:1px solid #dfca70;padding:10px 11px;margin:10px 0 15px;font-size:12px}.marquee{background:#00286d;color:#fffa8a;border:1px solid #6e91c1;padding:5px 9px;font:bold 11px Verdana,sans-serif;overflow:hidden;white-space:nowrap}.marquee span{display:inline-block;animation:scrollleft 22s linear infinite}@keyframes scrollleft{0%{transform:translateX(60%)}100%{transform:translateX(-100%)}}@media(prefers-reduced-motion:reduce){.marquee span{animation:none;white-space:normal}}.hitlist{width:100%;border:1px solid #9fb8d5;margin:9px 0}.hitlist th{background:#1459a8;color:#fff;text-align:left;padding:6px 8px;font-size:11px}.hitlist td{border:1px solid #d0e1ef;padding:7px 8px;font-size:11px}.hitlist tr:nth-child(even) td{background:#edf5ff}.hitlist .number{font:bold 18px Georgia,serif;color:#e26c1a;width:34px}.hitlist .quicklink{white-space:nowrap}.notice{border:2px dashed #c0a044;background:#fffbe2;margin:12px 0;padding:9px 11px}.notice strong{color:#9e3509}.columns2{display:table;width:100%;border-spacing:10px 0;margin:10px -10px}.column{display:table-cell;width:50%;border:1px solid #a9bedb;padding:9px;vertical-align:top;background:#f5faff}.column h3{margin-top:0}.fileindex{border:1px solid #8caad1;width:100%;margin:12px 0}.fileindex tr:nth-child(odd){background:#eff6ff}.fileindex td,.fileindex th{padding:7px 9px;border-bottom:1px solid #c2d6ec;text-align:left;vertical-align:top}.fileindex th{background:#1a60b2;color:white}.fileindex .date{width:104px;font:11px 'Courier New',monospace}.retro-rule{height:3px;background:repeating-linear-gradient(90deg,#1260ac 0 18px,#ffe880 18px 34px,#e1e8f1 34px 41px);margin:16px 0}.postcard{border:1px solid #8aaad0;padding:10px 12px;background:#f8fbff;margin:9px 0}.postcard h2{font-size:15px;margin:0 0 7px}.postcard .meta{font:10px 'Courier New',monospace;color:#5d6e7c}.keyboard{font-family:'Courier New',monospace;background:#e8edf1;padding:1px 3px;border:1px solid #c3cbd1}.paperform{border:1px solid #8cacc8;background:#f0f5fb;padding:12px;margin:12px 0}.paperform label{display:block;font-weight:bold;margin:10px 0 4px}.paperform input,.paperform select,.paperform textarea{width:100%;padding:7px;border:2px inset #c4ccd9;background:white;font:13px Verdana,Arial,sans-serif;border-radius:0}.paperform textarea{min-height:116px;resize:vertical}.paperform .formline{display:grid;grid-template-columns:1fr 1fr;gap:12px}.paperform .buttons{margin-top:12px}.formmessage{font-size:11px;display:block;margin-top:8px;color:#34456e}.footer{background:#d5e5f7;border-top:3px double #7195bc;padding:8px 10px;font-size:10px;text-align:center;color:#3e5069}.footer a{margin:0 4px}.footer .counter{display:inline-block;background:#101010;color:#35e62a;border:2px inset #444;padding:3px 5px;font:bold 12px 'Courier New',monospace;letter-spacing:2px}.footerend{margin-top:5px;font-family:'Courier New',monospace}.yellowstar{color:#c93d00}.blankrow{height:7px}.topnote{font:bold 11px 'Courier New',monospace;color:#9f3d00}.breadcrumb-divider{color:#7e8dab}small{font-size:10px}.oldhr{border:0;border-top:1px dashed #829fbd;margin:12px 0}.callout{background:#e9f4ff;padding:10px;border-left:4px solid #145bb0}.site-map{columns:2}.site-map li{break-inside:avoid}.print-only{display:none}.warning{color:#9c2e0b}.skip{position:absolute;top:-60px;left:10px;background:#fff;z-index:5;padding:7px}.skip:focus{top:4px}
@media(max-width:800px){.site{margin:0;border:none;box-shadow:none}.portal,.portal>tbody,.portal>tbody>tr{display:block;width:100%}.portal>tbody>tr{display:flex;flex-direction:column}.portal>tbody>tr>td{display:block;width:100%!important}.portal .main{order:1;padding:16px 14px}.portal .left{order:2;border-top:2px solid #8caad1;border-right:0}.portal .right{order:3;border-top:2px solid #8caad1;border-left:0}.left,.right{padding:10px 12px!important}.panel{display:inline-block;width:calc(50% - 8px);vertical-align:top;margin-right:8px}.masthead{padding:12px;min-height:0}.wordmark{font-size:37px}.headside{flex-basis:185px}.headside .bannerad{font-size:12px}nav{display:block;max-width:100%;overflow-x:auto}.navtable{display:table;width:900px;table-layout:fixed}.navtable tbody{display:table-row-group}.navtable tr{display:table-row}.navtable td{min-width:100px}.marquee span{animation:none;white-space:normal}}@media(max-width:520px){.masthead{display:block}.masthead .headside{margin-top:9px;text-align:left;max-width:300px}.tagline{letter-spacing:0}.microtop{display:block}.microtop span+span{margin-left:4px}.navtable td{min-width:100px}.panel{display:block;width:100%;margin-right:0}.columns2{display:block;width:auto;margin:9px 0}.column{display:block;width:auto;margin-bottom:8px}.paperform .formline{display:block}.hitlist th:nth-child(3),.hitlist td:nth-child(3){display:none}.hitlist td{padding:7px 5px}.crumbbar{line-height:1.8}.fileindex .date{width:75px}.wordmark{font-size:37px}}@media print{body{background:white}.site{border:0;box-shadow:none;margin:0;max-width:none}.microtop,.navtable,.left,.right,.headside,.footer,.marquee{display:none!important}.portal td.main{display:block;width:100%}.print-only{display:block}}
/* clip-art figure on the home page (hero picture, 2001 edition) */
.clipart{float:right;width:200px;margin:12px 0 8px 14px;border:2px inset #a9b9cf;background:#fff;padding:4px}.clipart img{display:block;width:100%;height:auto;image-rendering:auto}.clipart figcaption{font:10px 'Courier New',monospace;color:#526274;text-align:center;margin-top:3px}
/* ===== PHONE: "WAP EDITION" (ux-mobile-1106) =====
   On a phone the portal turns into a 2004 WAP portal: numbered keypad menu,
   big list rows, no repeated link lists, readable Verdana. */
@media(max-width:520px){
 body{font-size:15px;line-height:1.55;background:#fff}
 .microtop{font-size:12px;padding:6px 12px}
 .masthead{padding:14px 14px 12px}
 .wordmark{font-size:40px;letter-spacing:-2px}
 .tagline{font-size:12px}
 .masthead .headside{max-width:none}
 .headside .bannerad{font-size:16px;padding:10px}
 .headside .dateline{font-size:12px}
 nav{overflow:visible}
 .navtable{display:block;width:100%;border-bottom:0;counter-reset:wap}
 .navtable tbody,.navtable tr{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:6px;background:#063578}
 .navtable tbody{padding:0;display:block}
 .navtable td{display:block;min-width:0;border:2px outset #6b9be0;counter-increment:wap}
 .navtable a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:56px;padding:6px 2px;font-size:12.5px;line-height:1.15}
 .navtable a:before{content:counter(wap);display:block;font:bold 17px/1 'Courier New',monospace;color:#fce681;margin-bottom:3px}
 .navtable td.active a:before,.navtable td:hover a:before{color:#cf2500}
 .crumbbar{font-size:13px;padding:10px 12px}
 .crumbbar a{display:inline-block;padding:6px 0}
 .portal .main{padding:16px 14px}
 h1{font-size:27px}
 h2{font-size:19px}
 h3{font-size:16px}
 .marquee{font-size:13px;padding:8px 10px}
 .topnote{font-size:12px}
 .intro-box,.notice{font-size:15px;padding:12px}
 .clipart{float:none;width:100%;max-width:340px;margin:14px auto 10px}
 .clipart figcaption{font-size:12px}
 .sectionbar{font-size:14px;padding:9px 10px}
 .hitlist td{font-size:14px;padding:10px 8px}
 .hitlist td a{display:inline-block;padding:4px 0}
 .hitlist .number{font-size:20px}
 .column{font-size:15px}
 .column>a,.notice a{display:inline-block;padding:8px 0}
 .panel-dir,.panel-quick{display:none!important}
 .panel-head{font-size:13px;padding:8px 10px}
 .panel-body{font-size:14px;padding:6px 10px}
 .panel-body ul,.panel-body ol{padding-left:0;list-style:none;margin:0}
 .panel-body li{margin:0;border-bottom:1px dotted #9eb2cc}
 .panel-body li:last-child{border-bottom:0}
 .panel-body ol{counter-reset:rule}.panel-body ol li{counter-increment:rule;padding:10px 0}.panel-body ol li:before{content:counter(rule) ". ";font-weight:bold;color:#1355a0}
 .panel-body ul li{padding:10px 0}
 .panel-body a{display:flex;align-items:center;min-height:44px;padding:0}
 .panel-body li a{min-height:0;display:inline}
 .panel-body ul li:has(a){padding:0}.panel-body ul li:has(a) a{display:flex;min-height:44px}
 .badge88{min-height:48px;font-size:12px}
 .tiny{font-size:12px}
 small{font-size:12px}
 .searchbox{min-height:44px;font-size:16px}
 .go-btn,.tinybtn,button{min-height:44px;font-size:14px;padding:6px 14px}
 .paperform input,.paperform select,.paperform textarea{min-height:44px;font-size:16px}
 .postcard .meta,.fileindex .date{font-size:12px}
 .fileindex td,.fileindex th{font-size:14px}
 .footer{font-size:13px;padding:14px 12px}
 .footer a{display:inline-block;padding:10px 6px;margin:0}
 .footer .counter{font-size:14px}
}
@media(max-width:520px){
 .hitlist td a{padding:12px 0 6px}
 .crumbbar a{padding:12px 0}
 .microtop a{display:inline-block;padding:12px 0}
 .column>a,.notice a{padding:12px 0}
 .footer a{padding:13px 6px}
 .hitlist th{font-size:12px;padding:9px 8px}
}
@media(max-width:520px){.panel-body>br{display:none}.panel-body>a{min-height:44px}.clipart{max-width:270px}}
@media(max-width:520px){.hitlist td a{padding:14px 0 8px}.crumbbar a{padding:12px 4px}}
/* ===== ux-mobile-1106b: WAP edition, second pass =====
   1) First screen: no status bar or dateline — wordmark, one-line banner, keypad.
   2) Department table → big numbered cards, the whole card is the link.
   3) Side panels fold into an accordion (tap the coloured bar), so the page ends after the content. */
@media(max-width:520px){
 .microtop,.headside .dateline{display:none!important}
 .masthead{display:flex!important;flex-direction:column;align-items:flex-start;gap:8px;padding:12px 14px 10px!important}
 .masthead .headside{margin:0!important;width:100%}
 .headside .bannerad{font-size:14px!important;padding:6px 8px!important}
 .headside .bannerad br{display:none}
 .headside .bannerad span{margin-left:6px}
 .crumbbar{display:none}
 .hitlist,.hitlist tbody{display:block;border:0}
 .hitlist thead{display:none}
 .hitlist tr{display:grid;grid-template-columns:48px 1fr;position:relative;margin:0 0 8px;border:2px outset #9fb8d5;background:#f5faff}
 .hitlist tr:nth-child(even) td{background:transparent!important}
 .hitlist td{border:0!important;padding:12px 12px 12px 0!important;font-size:15px!important}
 .hitlist td.number{display:grid;place-items:center;padding:0!important;font-size:24px!important;background:#1355a0!important;color:#fce681}
 .hitlist td:nth-child(3){display:none}
 .hitlist td strong a{font-size:16px;padding:0!important}
 .hitlist td strong a::after{content:"";position:absolute;inset:0}
 .panel.foldable .panel-head{position:relative;min-height:48px;display:flex;align-items:center;font-size:14px!important;cursor:pointer;padding-right:40px!important}
 .panel.foldable .panel-head::after{content:"+";position:absolute;right:14px;font:bold 22px 'Courier New',monospace}
 .panel.foldable.open .panel-head::after{content:"–"}
 .panel.foldable:not(.open) .panel-body{display:none}
 .panel.foldable{margin-bottom:6px}
}
@media(max-width:520px){
 .masthead{min-height:0!important;background-image:none!important}
 .hitlist tr:nth-child(n) td.number{background:#1355a0!important;color:#fce681!important}
}
@media(max-width:520px){.masthead .headside{flex:none!important}}