/* HITBUX museum 2012-2018: reconstructed CSS; original style/css/style.css absent from source archive */
*{box-sizing:border-box}html{background:#e9f0f6}body{margin:0;color:#24374b;font:13px/1.55 Verdana,Arial,sans-serif;background:linear-gradient(#c5deed 0,#eef4f8 280px)}a{color:#16548c;text-decoration:none}a:hover{text-decoration:underline;color:#0b79b3}#bx{width:1000px;max-width:100%;margin:14px auto 0;background:#fff;min-height:650px;border:1px solid #a9c6db;box-shadow:0 6px 26px #1b4d7229;border-radius:6px;overflow:visible}.topnav{position:relative;z-index:20;display:flex;flex-wrap:wrap;align-items:stretch;list-style:none;padding:0;margin:0;background:linear-gradient(#2874ad,#104d7d);border-radius:5px 5px 0 0;min-height:39px}.topnav>li{list-style:none;position:relative;margin:0;padding:0;border-right:1px solid #326f9c}.topnav>li>a{display:block;color:white;font:bold 12px/20px Arial,sans-serif;padding:10px 13px;border:0!important}.topnav>li>a:hover,.topnav>li:hover>a{background:#0c3b62;text-decoration:none}.topnav .subnav{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid #95b9d0;box-shadow:0 8px 20px #102d4b30;width:260px;list-style:none;padding:5px 0;margin:0;z-index:40}.topnav li:hover>.subnav{display:block}.topnav .subnav li{list-style:none;margin:0}.topnav .subnav a{display:block;padding:5px 12px;border-bottom:1px solid #edf2f6;color:#1a557f}.topnav .subnav a:hover{background:#eaf4fb}#bx>table{max-width:100%}#bx img{max-width:100%;height:auto}input,textarea,select{font:13px Verdana,Arial,sans-serif;border:1px solid #abc2d1;border-radius:3px;padding:5px}input[type=submit],input[type=button],button{background:linear-gradient(#3382b8,#13527f);color:#fff;border:1px solid #124a75;border-radius:4px;padding:6px 13px;cursor:pointer}fieldset{border:1px solid #c8dbe8;border-radius:5px;background:#f7fbfe;margin:8px 0}legend{font-weight:bold;color:#195781}h1,h2,h3{color:#15517d}hr{border:0;border-top:1px solid #d8e5ed}.clear{clear:both}.nfoot2{clear:both}table{border-collapse:collapse}td{vertical-align:top}td[align=center]{text-align:center}.menu-main{display:block;padding:5px 8px;border-bottom:1px solid #e4edf4}.menu-main:hover{background:#eff7fd}.taskw{margin:8px auto;padding:8px}.topnav~div{max-width:100%}@media(max-width:700px){#bx{margin:0;border-radius:0;overflow-x:auto}.topnav>li>a{padding:8px;font-size:11px}}

/* V5: restore the original three-column 2012-2018 page structure */
#bx{min-height:0;overflow:hidden}
#bx .headfon{display:table;width:100%;max-width:100%;table-layout:fixed;margin:0;background:linear-gradient(120deg,#e7f4fc,#f7fbff);border-bottom:1px solid #c5dae9}
#bx .headfon td{height:125px;vertical-align:middle}
#bx .headfon tr:first-child td:first-child{width:48%;padding:15px 18px}
#bx .headfon tr:first-child td:nth-child(2){width:52%;padding:15px}
.museum-brand{display:block;text-align:left;padding:15px 18px;line-height:1.1;color:#155387;text-shadow:0 1px 0 #fff}
.museum-brand strong{display:block;font:900 40px/1.1 Arial,sans-serif;letter-spacing:1px}
.museum-brand small{display:block;margin-top:9px;font:14px Arial,sans-serif;color:#5d809a}
#bx .content1{display:flex;gap:12px;align-items:flex-start;padding:14px 12px 18px;clear:both;min-height:0}
#bx .content1>.menl{flex:0 0 186px;width:186px;min-width:0;float:none;margin:0}
#bx .content1>.centc2{flex:1 1 0;width:auto;min-width:0;float:none;margin:0}
#bx .content1>.centc2 #content{width:100%;min-width:0;float:none;display:block;margin:0}
#bx .content1 .mainf2{padding:10px 12px;background:linear-gradient(#f0f8fe,#d8eaf6);border:1px solid #c3d8e8;border-radius:4px 4px 0 0;font-weight:bold;color:#164e7b}
#bx .content1 .ssc{display:block;min-height:0;padding:12px;background:#fff;border:1px solid #d8e6f0;border-top:0}
#bx .content1 .ssc table{max-width:100%;width:100%}
#bx .content1 .ssc td{padding:5px 7px;vertical-align:top}
#bx .content1 .metop{padding:8px 10px;color:#fff;font-weight:bold;background:linear-gradient(#317cae,#15517d);border-radius:4px 4px 0 0}
#bx .content1 .mcont{padding:10px 8px;margin:0 0 12px;background:#f7fbfe;border:1px solid #c9dce9;border-top:0;overflow-wrap:anywhere}
#bx .content1 .mcont img{max-width:100%;height:auto}
#bx .content1 .mcont a{overflow-wrap:anywhere}
#bx .content1 .menl .metop:empty{display:none}
#bx .content1 .menl .metop:empty+.mcont{border-top:1px solid #c9dce9;border-radius:4px}
#bx .content1 .clear{display:none}
#bx .headfon img{max-width:100%;height:auto}
@media(max-width:800px){#bx .content1{gap:7px;padding:8px}#bx .content1>.menl{flex-basis:145px;width:145px}#bx .content1 .ssc{padding:6px}.museum-brand strong{font-size:29px}}
@media(max-width:620px){#bx .content1{display:block}#bx .content1>.menl,#bx .content1>.centc2{width:100%;margin-bottom:12px}#bx .headfon tr:first-child td{height:95px!important;padding:6px!important}.museum-brand{padding:8px}.museum-brand strong{font-size:24px}.museum-brand small{font-size:11px}}

/* V6: correct real HTML nesting (previous V5 closed #bx before header table) */
#bx{width:1000px;max-width:calc(100% - 24px);margin:12px auto 0;background:#fff;overflow:visible}
#bx .headfon{width:100%;margin:0;table-layout:fixed;border-collapse:collapse}
#bx .headfon td{vertical-align:middle}
#bx .content1{display:flex;align-items:flex-start;gap:12px;padding:12px;clear:both;min-height:0}
#bx .content1>.menl{flex:0 0 190px;width:190px;min-width:0;float:none}
#bx .content1>.centc2{flex:1 1 0;min-width:0;width:auto;float:none}
#bx .content1>.centc2 #content{width:100%;max-width:100%}
#bx .content1 .ssc{overflow-wrap:break-word}
#bx .content1 .ssc table{max-width:100%}
#bx .content1 .ssc img{max-width:100%;height:auto}
#bx .content1 .mcont{overflow:hidden}
#bx .content1 .mcont img{max-width:100%;height:auto}
#bx .content1 .menl .metop{margin:0}
#bx .content1 .menl .mcont{margin-bottom:10px}
#bx .content1:after{content:'';display:block;clear:both}
@media(max-width:780px){#bx .content1{gap:8px;padding:8px}#bx .content1>.menl{flex-basis:155px;width:155px}}
@media(max-width:600px){#bx{max-width:100%;margin:0}#bx .content1{display:block}#bx .content1>.menl,#bx .content1>.centc2{width:100%;margin:0 0 10px}#bx .headfon tr:first-child td{padding:8px!important}}

/* V7 — cautious museum header and advertising chain alignment.
   Does not modify HTML, database, links or the V6 three-column layout. */
#bx .headfon tr:first-child td{height:110px}
#bx .headfon tr:first-child td:nth-child(2){padding:12px 18px!important;background:none!important;text-align:center;vertical-align:middle}
#bx .headfon tr:first-child td:nth-child(2) #banrot{display:block;max-width:100%;min-height:28px;overflow:hidden}
#bx .headfon tr:first-child td:nth-child(2) #banrot img{max-width:100%;height:auto;object-fit:contain}
#bx .headfon tr:nth-child(2)>td{padding:3px 8px 12px!important;height:auto;vertical-align:top}
#bx .headfon tr:nth-child(2)>td>table{width:100%!important;max-width:100%;table-layout:fixed;border-collapse:separate;border-spacing:3px 0;margin:0 auto}
#bx .headfon tr:nth-child(2)>td>table tr{height:auto}
#bx .headfon tr:nth-child(2)>td>table tr>td{padding:8px 4px!important;vertical-align:middle;height:auto;overflow-wrap:break-word;word-break:normal;font-size:11px;line-height:1.35}
#bx .headfon tr:nth-child(2)>td>table tr>td[width="20%"]{width:calc((100% - 72px)/5)!important;background:#fff;border:1px solid #54b5e4!important;border-radius:3px}
#bx .headfon tr:nth-child(2)>td>table tr>td:not([width]){width:18px;padding:0!important;vertical-align:middle}
#bx .headfon tr:nth-child(2)>td>table tr>td:not([width]) img{width:14px!important;max-width:14px}
#bx .headfon tr:nth-child(2)>td>table tr>td a{font-weight:normal}
#bx .headfon tr:nth-child(2)>td>table tr>td small{font-size:10px}
@media(max-width:700px){#bx .headfon tr:nth-child(2)>td>table{min-width:650px}#bx .headfon tr:nth-child(2)>td{overflow-x:auto;display:block}#bx .headfon tr:nth-child(2)>td>table tr>td{font-size:10px}}


/* V8: readability of the historical homepage only.
   Keep V7 header, banners, columns and navigation unchanged. */
#bx .content1 .centc2 #textindex {text-align:left!important; font-size:12px;line-height:1.55;color:#233c50;}
#bx .content1 .centc2 #textindex table {width:100%;table-layout:fixed;border-collapse:separate;border-spacing:6px 0;}
#bx .content1 .centc2 #textindex td {text-align:left!important;vertical-align:top;padding:7px 4px;overflow-wrap:break-word;word-break:normal;}
#bx .content1 .centc2 #textindex td img {vertical-align:middle;}
#bx .content1 .centc2 #textindex td u {text-decoration:none;display:block;font-weight:bold;color:#195581;line-height:1.35;margin-bottom:5px;}
#bx .content1 .centc2 #textindex td b {font-weight:700;}
#bx .content1 .centc2 .ssc {line-height:1.45;}

/* V15: straighten historical text in the center of the homepage only. */
#bx #textindex {text-align:left!important;}
#bx #textindex>table {width:100%;table-layout:fixed;border-spacing:12px 0;}
#bx #textindex>table td {text-align:left!important;text-indent:0!important;vertical-align:top;line-height:1.65;overflow-wrap:normal;word-break:normal;}
#bx #textindex>table td[width="45%"] {width:50%!important;padding:7px 4px!important;}
#bx #textindex>table td u {display:block;text-align:left;line-height:1.35;margin-bottom:10px;}
#bx #textindex>table td img {vertical-align:middle;}