body { width: 95vw; margin: 12px auto; }

#headermain { width: 100%; background-color: #A50021; padding: 12px 0 0 0; }
.himg { float: left; margin-right: 12px; }
.hbtn { float:right; margin: 9px 9px 0 0; }
.hbtn a { color: white; }
.hbtn img { max-width: 16px; }

.htext { padding: 0 12px 12px 12px; }
.htext1 { display: block; font-family: Raleway; font-size: 1.7rem; color: white; }
.htext2 { display: block; font-family: Raleway; font-size: 3rem; color: white; }

.squarelogo { float: right; background-color: white; padding: 3px; }
.squarelogo img { width: 80px; }

#headerfoot { clear: both; min-height: 24px; padding: 2px 0; color: #A50021; background-color: #ddd; text-align: center; border: 1px solid #A50021; border-top: 12px solid #A50021; font-size: 0.9rem; }
#headerfoot a { color: #A50021; font-family: "Open Sans"; }
#headerfoot a:hover { background-color: #A50021; color: #ddd; }
#headerfoot span { color: #A50021;  font-family: "Open Sans"; }

.maillink { display: inline-block; margin-left: 2px; border: 1px solid transparent; border-radius: 4px; }
.maillink:hover { background-color: transparent !important; border: 1px solid #A50021; }
.maillink img { height: 14px; }

a { text-decoration: none; color: blue; font-family: inherit; font-size: 110%; }
a:hover { color: maroon; background-color: #ccc; }

.toptextbox { width: 100%; background-color: white; border-left: 1px solid #A50021; border-right: 1px solid #A50021; padding-bottom: 15px; }
.toptext { max-width: 1024px; margin: 0 auto; padding: 12px 24px; background-color: transparent; color: black; font-size: 1.3rem; }

ul.menu { list-style: outside none none; margin: 0 0 100px 0; padding: 0 0 0 12px; }
ul.menu li { border-bottom: 1px solid #ccc; color: #A50021; font-weight: normal; padding: 4px 6px 4px 6px; }
ul.menu li { cursor: pointer; }
ul.menu li:hover { background-color: #ccc; color: white; }
ul.menu li.active, ul.menu li.active:hover { background-color: #A50021; color: white; }

#leftbar { padding: 0 !important; }
#main { border: 1px solid #A50021; }

.healthhead { margin: 6px 12px; }
.healthhead p, .healthfoot p { color: navy; font-family: "Alegreya Sans"; font-size: 1.2rem; margin: 0 0 6px 0; }
.healthfoot { margin: 18px 12px 6px 12px; }
.citem, .mitem, .ritem { margin: 12px; }
.cheader { padding: 8px; background-color: darkcyan; color: white; font-family: Raleway; font-size: 1.3rem; font-weight: bold; text-align: center; cursor: pointer; }
.cheader:hover { color: yellow; }
.ctext { padding: 12px 20px; background-color: aliceblue; display: none; border: 1px solid darkcyan; }
.ctext p, .mtext p, .htext p { margin: 0 12px 12px 12px; color: black; font-family: "Alegreya Sans"; font-size: 1.1rem; }
.ctext ul, .mtext ul { list-style-type: square; }
.ctext ul li, .mtext ul li { margin-bottom: 8px; }
.ctext b { color: #A50021; font-weight: normal; }
.mheader { padding: 8px; background-color: navy; color: white; font-family: Raleway; font-size: 1.3rem; font-weight: bold; text-align: center; cursor: pointer; }
.mheader:hover { background-color: #A50021; }
.mtext { padding: 12px 20px; background-color: #eee; display: none; border: 1px solid navy; contain: layout; }
.mtext b { color: royalblue; font-weight: normal; font-size: 110%; text-transform: uppercase; }
.mtext i { color: royalblue; font-style: normal; }
.mimg { width: auto; max-width: 400px; float: right; margin-left: 12px; margin-bottom: 12px; border: 1px solid navy; }
.rheader { padding: 8px; background-color: royalblue; color: white; font-family: Raleway; font-size: 1.3rem; font-weight: bold; text-align: center; cursor: pointer; }
.rheader:hover { color: slateblue; background-color: seashell; }
.rtext { padding: 12px; font-family: "Open Sans"; font-size: 1rem; background-color: snow; display: none; border: 1px solid royalblue; }
.rtext b { color: mediumblue; font-weight: normal; font-size: 100%; }
.colwrap { width: 100%; display: table; }
.colrow  { display: table-row; }
.colone { width: 50%; display: table-cell; }
.coltwo { display: table-cell; }
.colwrap ul { padding-left: 0; list-style-type: none; }
.colwrap ul li { font-family: "Open Sans"; font-size: 1rem; margin: 0; padding: 6px; display: block; border-top: 1px solid rgba(0,0,0,.125); }
.colwrap ul li:first-child { border-top: none; }
.htext b { color: royalblue; font-size: 110%; text-transform: uppercase; }
.stext { border-top: 1px solid #ccc; padding: 8px 0 0 0; }
.stext:first-child { margin-top: 24px; }
.stext p { margin: 0 12px 12px 12px; color: #555; font-family: "Alegreya Sans"; font-size: 1.2rem; }
.stext p b { color: darkcyan; font-size: 110%; }
.stext p u { color: darkcyan; text-decoration: none; }
#main:has(div.stext) { background-color: lavenderblush; }
#main:has(div.htext) { background-color: lightyellow; }