html,body{margin:0;padding:0}
body{background:#f8f8f8;font:90%/150% Tahoma, Verdana, sans-serif;color:#555;overflow-x:hidden}
img{border:none;max-width:100%;height:auto}
a{color:#006ecc;text-decoration:none}
a:hover{text-decoration:underline}
h1{color:#666;margin:0 0 2px;letter-spacing:-1px;font:normal 160%/110% Tahoma,Verdana,sans-serif;padding-bottom:6px}
h2,h3{color:#666;margin:0 0 2px;letter-spacing:-1px;font:normal 160%/110% "Trebuchet MS",Tahoma,Arial;padding-bottom:6px}
h2 a,h3 a,h4 a{color:#666}
h2 a:hover,h3 a:hover{color:#000;text-decoration:none}
h4{font:normal 130%/100% "Trebuchet MS",Tahoma,Arial;color:#666;margin:10px 0 5px}
.cont h2{margin-top:22px}
.cont h3{margin-top:16px;font-size:140%}
p{margin:0 0 12px}

.container{width:90%;max-width:1180px;margin:0 auto;padding:0}
.container.head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
#header{margin:20px 0 14px}
.logo{display:block;max-width:100%;height:auto}
#menu{margin:14px 0}
#menu ul{padding:0;margin:0;list-style:none;display:flex;flex-wrap:wrap}
#menu a{font-family:Tahoma,serif;font-size:16px;text-transform:lowercase;display:block;line-height:30px;padding:0 10px;color:#006ecc}
#menu a:hover,#menu li.current_page_item a{color:#fff;background:#006ecc;text-decoration:none}

.hr,.hr2{height:10px;background:linear-gradient(#d5d4d4,#d5d4d4) 0 0/100% 1px no-repeat,linear-gradient(#e6e6e6,#e6e6e6) 0 4px/100% 1px no-repeat,linear-gradient(#f0f0f0,#f0f0f0) 0 8px/100% 1px no-repeat;margin:15px 0;clear:both}
.hr{margin:0 0 15px}
hr.hr{color:#b1b1b1;background:#b1b1b1;border:0;height:1px;clear:both}
#pagetitle{margin-bottom:10px}

#wrapper{display:grid;grid-template-columns:minmax(0,1fr)}
.container+.container{}
.container:has(#wrapper){display:grid;grid-template-columns:minmax(0,1fr) 250px 310px;gap:0 24px;align-items:start}
#wrapper{grid-column:1}
#sitebar1{grid-column:2}
#sitebar2{grid-column:3}
#sitebar2 ul,#sitebar1 ul{padding-left:15px}
ul.side{padding-left:15px;margin:0 0 10px}
.block2{margin-bottom:22px}
.meta{color:#b1b1b1;text-transform:lowercase;font-size:.9em}
.meta a{color:#b1b1b1}
.cloud a{margin-right:4px;line-height:1.5;white-space:nowrap}
.data{padding-bottom:6px}
.post{width:98%;margin-bottom:26px}
.post h2{font-size:200%;line-height:1.1;margin:0 0 10px}
.cont ul li{list-style-type:disc;margin-bottom:4px}
.cont ol li{margin-bottom:4px}
.cont img{max-width:100%;height:auto}
.clear:after{content:"";display:block;clear:both}
.lead{font-size:110%;color:#555;margin-bottom:20px}
.more-link{font-weight:bold}
.navigation{clear:both;padding:10px 0;width:98%;margin-bottom:30px;overflow:hidden}
.next-entries a{float:right;font:normal 130%/100% "Trebuchet MS",Tahoma,Arial}
.related{margin-top:24px;border-top:1px solid #d5d4d4;padding-top:10px}
.related h3{font-size:130%}
.block-sub{background:#f8f8f8;border:2px dashed #006ecc;padding:12px 15px;margin:12px 0}
.hero{background:#f2f2f2;border-radius:10px;padding:22px 24px 12px;margin:10px 0 26px;text-align:center;border:1px solid #e1e1e1}
.hero h2{color:#000;text-shadow:.1em .1em .1em gray;font-size:180%;letter-spacing:-.5px}
a.pay{display:inline-block;padding:13px 15px;margin:4px 3px;background:#cc0000;color:#fff;font-family:Georgia,serif;font-size:14px;letter-spacing:1px;text-transform:uppercase;font-weight:bold}
a.pay:hover{background:#006ecc;color:#fff;text-decoration:none}
a.pay.alt{background:#006ecc}
a.pay.alt:hover{background:#cc0000}

.tw{overflow-x:auto;margin:10px 0 16px}
.ms_list{width:100%;border-collapse:collapse;padding:15px 0}
.ms_list td{border-bottom:solid #b1b1b1 1px;padding:4px 8px;text-align:left;vertical-align:text-top}
.ms_list td.cen,.ms_list td.num{text-align:center}
.ms_list td.num{font-weight:bold;white-space:nowrap}
.ms_list th{border-bottom:solid #b1b1b1 2px;padding:4px 8px;text-align:left;font-weight:bold;background:#f8f8f8}
.ms_list tr:hover{background:#f2f2f2}
.ms_list td.sw{width:90px;border-bottom-color:#fff}
.calc{background:#f2f2f2;border:1px solid #d5d4d4;padding:14px 16px;margin:14px 0;max-width:560px}
.calc .row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}
.calc label{flex:1}
.calc input{width:110px;padding:5px;border:1px solid #999;background:#fff;font:inherit;color:#222}
.calc button{padding:9px 18px;background:#cc0000;color:#fff;border:0;font-weight:bold;font-size:14px;cursor:pointer;border-radius:4px}
.calc button:hover{background:#006ecc}

#footer{display:flex;flex-wrap:wrap;gap:0}
.foot{width:25%;box-sizing:border-box;padding-right:12px}
#footer ul{padding-left:15px}
#footer a{color:#555}
#footer a:hover{color:#006ecc}
#foot-copy{padding:11px 0 20px}

@media (max-width:1060px){
  .container:has(#wrapper){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  #wrapper{grid-column:1/3}
  #sitebar1{grid-column:1}
  #sitebar2{grid-column:2}
}
@media (max-width:720px){
  .container:has(#wrapper){grid-template-columns:minmax(0,1fr)}
  #wrapper,#sitebar1,#sitebar2{grid-column:1}
  .foot{width:50%;margin-bottom:12px}
  .post{width:100%}
  .post h2{font-size:160%}
  .hero h2{font-size:150%}
  #menu a{font-size:15px;padding:0 8px}
  .calc .row{flex-direction:column;align-items:stretch;gap:3px}
  .calc input{width:100%;box-sizing:border-box}
}