* {
  margin:0;
  padding:0;
}

body {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
}

.wr {
  max-width: 1300px;
  margin: 0 auto;
}

h1{font-size:14pt; margin: 0 0 .5em 0; padding:0;}
h5{font-size:10pt; margin: 0 0 .5em 0; padding:0;}

a{color:#22367f;margin:0;padding:0; cursor:pointer;}
A:link, A:visited{color:#22367f;text-decoration:none;}
A:hover{color:#cc0000;text-decoration:none;}
A:active, A:focus{color:#f00;text-decoration:none;}
a img{margin:0;padding:0;border:0;}
a:link img, a:visited img{border:1px solid #777;}
a:active img, a:hover img{border:1px solid #f00;}
a:link img.op, a:active img.op, a:visited img.op{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;border:0;}
a:hover img.op{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity:1.0;opacity:1.0;border:0;}

div.col A:link, div.col A:visited {color:#22447f;text-decoration:underline;}
div.col A:hover{color:#cc0000;text-decoration:none;}
div.col A:active, div.col A:focus{color:#f00;text-decoration:none;}

div.col   {margin:0;padding:10px;min-width: 550px;}
div.col p {margin-bottom:1em;}
div.col h2{margin-bottom:1rem;color:#000;font-size:120%;}
div.col h3{margin-top:3em; margin-bottom:1em; color:#000;font-size:110%;}

div.col ul    {margin-left:20px;margin-bottom:5px;}
div.col ul li {list-style-type:none;margin-bottom:5px;}

div.col ol li{font-size:12pt;margin: 0em 0em 1em 3em}

div.col img {max-width:100%; max-height: 80vh; margin:0 auto; }

/*div.col td {padding: 5px}*/

div.rightcol     {font-size:90%; margin:0px 5px 10px 10px; padding:0.5em 0.5em 0.5em 0; 
  border:1px solid #ddd;
  position: sticky;
  top: 1em;
}
div.rightcol p   {margin-bottom:5px;}
div.rightcol ul  {margin-top:0.5em; padding:0;}
div.rightcol li  {margin:0;padding:0 0 .5em 1em;line-height:90%}
div.rightcol li a{font-size:90%;}
div.rightcol h4  {font-weigth:bold; margin-bottom:1em; margin-left:10px; margin-top:0px; color: #555;}

div.leftcol   {font-size:90%; margin: 0px 10px 10px 5px; padding: 10px 10px 40px 0px;
  border:1px solid #ddd;
  position: sticky;
  top: 1em;
}
div.leftcol a {font-size:90%;}
div.leftcol p {margin-top:5px; font-size:90%;}

div.leftcol ul{margin:0 0 0 10px;padding:0;}
div.leftcol li{margin:.5em 0 0 0;padding:0;line-height:90%}
div.leftcol h4 {font-size:11pt; font-weigth:bold; margin-bottom:1em; margin-left:10px; margin-top:40px; color: #555;}


.footmsg {color:#ccc;font-family:Verdana;font-size:10pt;font-weight:normal;margin:0;padding:.5em}
.footmsg A:link, .footmsg A:visited, .footmsg A:active, .footmsg A:focus{color:#ccc;font-family:Verdana;font-size:10pt;font-weight:normal;margin:0;padding:.5em}
.footmsg A:hover {color:#f00;}
div.mapcont{padding:10px;margin:5px 0 0 0;border:1px solid #ccc;}
div.mapcont p{font-size:8pt;padding:0;margin:0;}


div.qw {
  margin: 1em 0px 1em 0px;
  padding: 20px;
  border: solid 1px #cccccc;
  border-radius: 5px;
  box-shadow: -3px 5px 5px rgba(0, 0, 0, 0.10);
}

div.ans {
  margin: 1em 0px 1em 0px;
  padding: 20px;
  border: solid 1px #22367f;
  border-radius: 5px;
  box-shadow: -3px 5px 5px rgba(0, 0, 0, 0.10);
}






.page_nums {
  display:flex;
  flex-flow: row nowrap;
  margin: 1em 0;
  justify-content:flex-end;
}
.page_num {
  margin: 0 0 0 .5em;
  padding:.2em .3em;
  border: solid 1px #cccccc;
  border-radius: 1px;
  box-shadow: -3px 5px 5px rgba(0, 0, 0, 0.10);
}
.page_num a:link {
  text-decoration: none !important;
}

.page_num_noactive {
  cursor:pointer;
}
.page_num_active {
  color:#ffffff;
  background-color:#22367f;
}
.page_num_p {
  border: 0;
  box-shadow: none;
}


#news {
  margin:0;
  display: flex;
  flex-flow: column wrap;
}
#news li {
  margin:0 0 3em 0;
  overflow: hidden;
}
#news li>div {
  max-height:120px;
}
#news li img {
  max-width: 200px;
}




.shadow {
  box-shadow: -9px 6px 15px -5px rgb(200 200 200 / 50%), 2px -2px 10px -1px rgb(200 200 200 / 40%);
  border-radius: 3px;
}