body{margin:0px;color:#000;background-color:#666;font-family:Arial,Tahoma,sans-serif;}
div.wrapper{max-width:1000px;margin:auto;background-color:#ffd;border-style:solid;border-width:3px;border-color:#666;border-radius:1.5vw;}
p.toplinks{text-align:center;line-height:1.5em;background-color:#D7EBB5;border-style:solid;border-width:1px 0px 1px 0px;border-color:#080;padding:0.2em;}
a.toplinks, a.disabled{display:inline-block;border-style:solid;border-width:1px;padding:0.15em 0.3em 0.15em 0.3em;text-align:center;text-decoration:none;font-size:clamp(14px, 2vw, 18px);margin:0.2em 0em 0.2em 0em;border-radius:0.5vw;}
a.toplinks{transition-duration:0.1s;border-color:#060;background-color:#fff;color:#00f;cursor:pointer;}
a.toplinks:hover{color:#fff;background-color:#060;text-decoration:none;}
a.disabled{border-color:#900;color:#900;background-color:#fff;cursor:default;}
a.disabled:hover{border-color:#900;color:#900;background-color:#fff;text-decoration:none;}
a:link {color:#00c;text-decoration:underline;}
a:visited {color:#00c;text-decoration:none;}
a:hover {color:#000;text-decoration:underline;}
a.to-top{transition-duration:0.1s;border-style:ridge;border-width:4px;border-color:#0c0;background-color:#060;color:#fff;padding:0.15em 0.5em 0.15em 0.5em;text-align:center;text-decoration:none;font-size:clamp(14px, 2vw, 18px);margin:0vw 0vw 0vw 3vw;border-radius:1vw;box-shadow:0.6vw 0.6vw 0.2vw #cc9;cursor:pointer;}
a.to-top:hover{color:#000;background-color:#B6CFFC;border-color:#6A91FE;text-decoration:none;}
.tip .tiptxt-l, .tip .tiptxt, .tip .tiptxt-r{visibility:hidden;z-index:1;width:12em;font-family:'Comic Sans MS','Comic Sans',cursive,Arial,Tahoma,sans-serif;font-size:clamp(14px, 2vw, 16px);background-color:#060;color:#fff;text-align:center;padding:0.2em 0.4em 0.4em 0.4em;border-radius:0.8em;position:absolute;opacity:0;transition:opacity 0.3s;top:135%;}
.tip{position:relative;display:block;}
.tip .tiptxt-l{left:50%;margin-left:-3.1em;}
.tip .tiptxt{left:50%;margin-left:-6.2em;}
.tip .tiptxt-r{right:50%;margin-right:-3.3em;}
.tip .tiptxt-l::after, .tip .tiptxt::after, .tip .tiptxt-r::after{position:absolute;content:"";bottom:100%;margin-left:-0.5em;border-width:0.5em;border-style:solid;border-color:transparent transparent #060 transparent;}
.tip .tiptxt-l::after{left:25%;}
.tip .tiptxt::after{left:50%;}
.tip .tiptxt-r::after{left:75%;}
.tip:hover .tiptxt{visibility:visible;opacity:1;}
.tip:hover .tiptxt-l{visibility:visible;opacity:1;}
.tip:hover .tiptxt-r{visibility:visible;opacity:1;}
div.image{text-align:center;}
div.figureleft{float:left;text-align:center;padding:0.3em 2vw 0em 2vw;}
div.figureright{float:right;text-align:center;padding:0.3em 2.2vw 0em 1.4vw;}
table.images{margin:auto;width:100%;max-width:800px;border-collapse:collapse;table-layout:fixed;}
td.images{text-align:center;padding:0px 5px 0px 3px;}
table.text{margin:auto;width:98%;max-width:600px;border-collapse:collapse;}
td.text{text-align:center;padding:6px;border:1px solid #000;font-size:clamp(12px, 1.6vw, 17px);color:#000;background-color:#fff;}
img{max-width:100%;height:auto;border-style:solid;border-width:1px;border-color:#060;border-radius:0.6vw;box-shadow:0.6vw 0.6vw 0.2vw #dda;}
h1, h2, h3{font-family:'Times New Roman',Garamond,Georgia,serif;}
h1{text-align:center;font-size:clamp(24px, 4.5vw, 45px);color:#070;padding:2vw 2vw 0vw 2vw;text-shadow:0.6vw 0.6vw 0.4vw #DDA;}
h2{text-align:left;font-size:clamp(18px, 3.5vw, 26px);color:#070;padding:2vw 0vw 0vw 4vw;text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:#0b0;}
h3{text-align:center;color:#9E4037;font-size:clamp(18px, 3.5vw, 26px);padding:0em 0.2em 0em 0.2em;}
hr.divider{height:5px;border-width:0;background-color:#666;width:100%;}
hr.thin{height:1px;border-width:0;background-color:#666;width:100%;}
hr.short{height:3px;border-width:0;background-color:#090;width:50%;}
p{font-size:clamp(15px, 2.5vw, 19px);padding:0vw 2vw 0vw 2vw;line-height:1.2em;}
p.me{font-family:'Comic Sans MS','Comic Sans',cursive,'Times New Roman',Garamond,Georgia,serif;color:#000;text-align:center;font-size:clamp(15px, 2.8vw, 22px);}
p.caption{font-family:'Times New Roman',Garamond,Georgia,serif;color:#060;font-size:clamp(14px, 2.5vw, 20px);margin:0.2em 0em 0.5em 0em;line-height:1em;}
p.padded{padding-bottom:2.5em;}
p.middle{text-align:center;}
p.nojava{font-size:clamp(14px, 1.6vw, 18px);color:#f00;text-align:center;font-style:italic;}
p.copyright{margin:0% 10% 0% 10%;font-size:clamp(14px, 2vw, 18px);text-align:center;color:#c00;}
span.reply{font-family:'Comic Sans MS','Comic Sans',cursive;color:#630;}
span.red{color:#c00;}
span.brown{color:#630;font-style:italic;}

.dropbtn
{color:#0000cc;background-color:#ffffdd;text-decoration:underline;margin-left:2vw;padding:5px 0px 5px 0px;font-weight:normal;font-size:clamp(16px, 3vw, 20px);border-style:none;cursor:pointer;}

.dropdown
{position:relative;display:inline-block;}

.dropdown-content{display:none;margin-left:2vw;
position:absolute;background-color:#ffffff;border-style:ridge;border-width:5px;border-color:#009900;box-shadow:0.6vw 0.6vw 0.2vw #ddddaa;z-index: 1;}

.dropdown-content a{background-color:#ffffff;padding:5px;font-size:clamp(15px, 2.5vw, 18px);text-decoration:underline;text-decoration-color:#006600;display:block;}

.dropdown-content a:hover {background-color:#006600;color:#ffffff;transition-duration:0.1s;}

.dropdown:hover .dropdown-content{display:block;}