*{box-sizing:border-box}
html{background:#008000}
body{margin:0;padding:0 0 1rem;font:14px/1.5 Verdana,Geneva,sans-serif;color:#000;background:#008000}
img{max-width:100%;height:auto;vertical-align:middle}
a{color:#2f5d1f}
.frame{max-width:783px;margin:0 auto;border:1px solid #000;border-top:0;background:#fff url(../graphics/bkstrip.jpg) repeat-y}
.frame::before{content:"";display:block;height:18px;background:url(../graphics/top-bar.jpg) center/cover}
.masthead a{display:flex}
.masthead .logo{width:25%;flex:0 0 25%}
.masthead .banner{width:75%;flex:1 1 75%}
.cols{display:flex;align-items:stretch}
.side{flex:0 0 195px;background:#cfcfcf url(../graphics/side7.jpg) repeat-y;padding:0 0 24px}
.side ul{list-style:none;margin:0;padding:0}
.side ul{padding:24px 0 0 6px!important}
.side li{margin:0 0 4px}
.side li a{display:block;width:136px;height:22px;background-repeat:no-repeat;background-position:0 0;background-size:auto}
.side li a span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.b1{background-image:url(../menu/menu__b1.jpg)}.b1:hover,.b1.on{background-image:url(../menu/menu__b1_over.jpg)}
.b2{background-image:url(../menu/menu__b2.jpg)}.b2:hover,.b2.on{background-image:url(../menu/menu__b2_over.jpg)}
.b3{background-image:url(../menu/menu__b3.jpg)}.b3:hover,.b3.on{background-image:url(../menu/menu__b3_over.jpg)}
.b4{background-image:url(../menu/menu__b4.jpg)}.b4:hover,.b4.on{background-image:url(../menu/menu__b4_over.jpg)}
.b5{background-image:url(../menu/menu__b5.jpg)}.b5:hover,.b5.on{background-image:url(../menu/menu__b5_over.jpg)}
.b6{background-image:url(../menu/menu__b6.jpg)}.b6:hover,.b6.on{background-image:url(../menu/menu__b6_over.jpg)}
.b7{background-image:url(../menu/menu__b7.jpg)}.b7:hover,.b7.on{background-image:url(../menu/menu__b7_over.jpg)}
.b8{background-image:url(../menu/menu__b8.jpg)}.b8:hover,.b8.on{background-image:url(../menu/menu__b8_over.jpg)}
.side a:focus-visible{outline:2px solid #fff;outline-offset:-2px}
.tblogo{display:inline-block;margin:16px 0 0 8px}
.content{flex:1;min-width:0;padding:16px 14px 24px;background:#fff;font-size:13px}
.content table{width:100%;border-collapse:collapse}
.content td{padding:4px;vertical-align:middle}
.content td.top{vertical-align:top}
.content td img{max-width:none}
.c>table td,table.ct td{text-align:left}
.content td>.c,.content td.c{text-align:center}
.content td>.r{text-align:right}
.content hr{border:0;border-top:1px solid #999;width:95%}
.c{text-align:center}.r{text-align:right}.l{text-align:left}
.rotator{margin:0 0 12px;text-align:center}
.bottom{height:59px;background:url(../graphics/botom.jpg) center/cover}
.foot{text-align:center;color:#fff;font-size:13px}
.foot p{margin:.3em 0}.foot .small{font-size:11px}
.foot a{color:#c0c0c0}
@media (max-width:640px){
 .cols{display:block}
 .side{background:#cfcfcf;padding:6px;text-align:center}
 .side ul{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}
 .tblogo{margin:8px auto 0}
 .content table,.content tbody,.content tr,.content td{display:block;width:100%!important}
 .content td{text-align:left!important}
 .content td:has(>img),.content td:has(>div>img),.content td:has(>div>a>img){text-align:center!important}
 .content td:has(>div>img) div,.content td:has(>div>a>img) div{text-align:center}
 .content td img{max-width:100%}
 .side ul{padding:0!important}
 .content td.l, .content td:only-child{text-align:left}
 .frame{border-left:0;border-right:0}
}
.content table.ct{margin-left:auto;margin-right:auto}