html {font-size:calc(1em + 1vw);}
body {background-image:none; background:#FFFFFF; color:#000000; background-attachment:fixed; padding-left:1vw; padding-right:1vw;}
body, li, ul, ol, td, th, dl, dd, dt, p, .normal {font-family:Verdana, Arial, Helvetica, sans-serif;}
body {margin-left:auto; margin-right:auto; margin-bottom:0px;}
.il {display:inline-block;}
.nobr{white-space:nowrap;}
.center {text-align:center;}
.three {font-size:calc(1em + 3vw); font-weight:bold;}
.two {font-size:calc(1em + 2vw);}
.one {font-size:calc(1em + 1vw);}
.zero {font-size:calc(0.5em + 1vw);}
.foot2 {font-size:calc(1em + 1vw); font-family:Verdana, Arial, Helvetica, sans-serif; color:#C71585;}
.padmenu {margin-right:calc(0.2em + 1vw);}
.padbutton {margin-right:calc(0.2em + 1vw); margin-bottom:calc(0.1em + 1vw);}
.padname {margin-left:calc(0.2em + 1vw);}
.icon {height:calc(0.5em + 1vw); width:calc(0.5em + 1vw);}
.icon2 {height:calc(0.8em + 2vw); width:calc(0.8em + 2vw);}
.footer {max-width:100%; height:auto; height:calc(2em + 1vw); width:calc(12em + 2vw);}
A.menulink {font-weight:bold; text-decoration:underline; background-color:#FFFFFF;}
A.menulink:hover {font-weight:bold; color:red; text-decoration:none; background-color:#FFDEAD;}
A.menulink2 {font-weight:bold; text-decoration:underline;}
A.menulink2:hover {font-weight:bold; color:red; text-decoration:none; background-color:#FFDEAD;}
A.one {text-decoration:underline; background-color:#FFFFFF;}
A.one:hover {color:red; text-decoration:none; background-color:#FFDEAD;}
.t150 {border:2px ridge black; border-spacing:5px; border-collapse:collapse;}
table.t150 td, th {padding:5px; border:2px ridge black; border-spacing:0px;}
table.t150 tr {border:2px ridge black; border-spacing:0px;}
div.t150 {padding:8px;}
img.rds {max-width:100%; height:auto;}
img.rds2 {width:calc(100vw); height:auto;}
.red{color:red;}
.brown{color:brown;}
.menuselected{color:#000000;background-color:#E3E3E3;font-weight:bold;}
.indent30{position:relative;margin-top:0px;margin-bottom:0px;}
@media (min-width: 400px) {ul, ol {padding-left:30px;} dd {margin-left:30px;} .indent30 {margin-right:30px;left:30px;} .padli{margin:0 0 10px 0;}}
@media (max-width: 400px) {ul, ol {padding-left:16px;} dd {margin-left:16px;} .indent30 {margin-right:8px;left:8px;} .padli{margin:10px 10px 10px 10px;}}
.framed{border:4px ridge black; padding:6px;}

.modal {
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background-color:rgba(0, 0, 0, 0.5);
  opacity:0;
  visibility:hidden;
  transform:scaleX(1.1) scaleY(1.1);
  transition:visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
  font-family:sans-serif;
}
.modal-content {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  background-color:white;
  background-image:none;
  padding:16px;
  border-radius:0.5rem;
}
.close-button {
  float:right;
  width:1.5rem;
  line-height:1.5rem;
  text-align:center;
  cursor:pointer;
  border-radius:0.25rem;
  background-color:lightgray;
}
.close-button:hover {
  background-color:darkgray;
}
.show-modal {
  z-index:10;  
  opacity:1;
  visibility:visible;
  transform:scaleX(1.0) scaleY(1.0);
  transition:visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}

}