/* Updated on Aug. 9, 2026 */

body {
background-color:#FFF;
font-family:sans-serif;
font-size:16pt;
margin:0;}

:root {
--shadow:
5px 5px 5px rgba(0,0,0,.25),
0 0 20px transparent inset,
0 0 1px rgba(255,255,255,.5) inset;}

:root {--textshadow:1px 1px 1px #000;}

.stick {
position:sticky;
top:0;
width:100%;
z-index:1000;}

.buts3 {
margin-bottom:6px;
width:230px;}

input[type="checkbox"] {
cursor:pointer;
box-shadow:var(--shadow);}

#page {position:relative;}

label {
cursor:pointer;
display:inline-block;}

:checked + label {background-color:gold;}

.gold:hover,label:hover {background-color:gold;}

.mybutton,.nav-button {
border-radius:5px;
border:2px solid white;
color:white;
cursor:pointer;
display:inline-block;
font-size:16pt;
font-weight:bold;
letter-spacing:1px;
line-height:40px;
outline:none;
text-transform:uppercase;
text-shadow:var(--textshadow);
box-shadow:var(--shadow);}

.nav-button {padding:0 10px;}

.mybutton:hover,.nav-button:hover {background-color:#006900!important;}

hr {
background-color:black;
border-width:0;
color:black;
height:2px;
box-shadow:var(--shadow);}

a:link {text-decoration:none;}

a.darkgreen:hover {
color:darkgreen!important;
text-decoration:underline;}

tdXXX,thXXX {
font-family:sans-serif;
font-size:15pt;}



tr.lite:hover {background-color:aliceblue;}

.fixed {
position:fixed;
top:0;
z-index:1000;}

.box {box-shadow:var(--shadow);}

.fx2, .fx3 {text-shadow:var(--textshadow);}

.footer {
background-color:#000;
color:white;
margin-top:1px;
padding:10px 0;
text-align:center;
width:100%;}

.roundwhite {
border-radius:5px;
border:0 solid white;
box-shadow:var(--shadow);}

select {
background-clip:padding-box;
background-color:#FFF;
border-radius:5px;
border:1px solid rgba(0, 0, 0 ,0.1);
color:black;
cursor:pointer;
font-family:sans-serif;
font-size:15pt;
outline:none;
padding:10px;
// width:360px;
width:97%;
box-shadow:var(--shadow);}

@media screen and (max-width:600px) {
.hide {display:none;}
.shrink {font-size:21pt!important;}
.tinyXXX {
width:95px!important;
height:57px!important;}}

.table {
border:0 solid black;
display:table;}

.tr {display:table-row;}

.td {
border:0 solid black;
display:table-cell;
padding:5px;}

.th {
border:0 solid black;
display:table-cell;
font-weight:bold;
padding:5px;
text-align:center;}

img,iframe {border:0;}

.right {text-align:right;}

.top {vertical-align:top;}

.center {margin:auto;}

.centerimg {
display:block;
margin:auto;}

.centertxt {text-align:center;}

.swish {
left:240px;
position:absolute;
top:100px;}

.white {color:white;}
.white:hover {color:lime;}

/* Mobile Menu - START */
#mobile-navigation {
display:none;}

@media screen and (max-width: 620px) {
#mobile-navigation {
background-color:#fff;
display:block;
float:left;
height:100%;
left:0;
overflow:hidden;
text-align:left;
top:0;
transition:width 0.2s ease;
z-index:99;}

#page {
float:right;
width:100%;}

#mobile-navigation:target {width:40%;}

#mobile-navigation:target + #page {width:60%;}

#mobile-navigation > div > ul {
background-color:#fff;
display:none;
height:100%;
left: 0;
overflow-y:auto;
position:absolute;
top:0;}

#mobile-navigation:target > div > ul {
display:block;
top:46px;
width:40%;}

#mobile-navigation:target > div > ul ul {
margin-left:15%;
width:85%;}

#mobile-navigation:target > div > ul ul li a {
background-color:#f6f6f6;}

#mobile-navigation ul li {display:block;}

#mobile-navigation ul li a {
color:navy;
padding:9px 10px;}

.menu-open {display:block;}

#mobile-navigation:target + #page > .menu-open {display:none;}

.menu-close {display:none;}

#mobile-navigation:target + #page > .menu-close {display:block;}

#mobile-navigation ul li a:hover {
color:darkgreen;
text-decoration:underline;}

.menu-open, .menu-close {
color:black;
cursor:pointer;
font-size:26pt;
height:36px;
left:0;
line-height:36px;
padding:12px;
position:absolute;
top:0;
width:36px;
z-index:9999;}

/* Hamburger - the open button has a burger */
.menu-open:before {
background-color: yellow;
border-radius:5px;
color:red;
content:"\2630";
position:fixed;
text-shadow:var(--textshadow);
box-shadow:var(--shadow);}

/* Hamburger - the close button has a math 'X' */
.menu-close:before {
background-color:yellow;
border-radius:5px;
color:red;
content:"\1D54F";
position:fixed;
text-shadow:var(--textshadow);
box-shadow:var(--shadow);}}
/* Mobile Menu - STOP */

h1,
h2,
h3,
h4,
h5,
h6 {
clear:both;
font-weight:bold;
line-height:1.2;}

h1 {font-size:28px;}
h2 {font-size:21px;}
h3 {font-size:18px;}
h4 {font-size:16px;}
h5 {font-size:14px;}
h6 {font-size:12px;}

input[type="text"],textarea {
background-color:white;
border-radius:5px;
border:0;
font-family:sans-serif;
font-size:16pt;
padding:5px 0 0 7px;
// width:360px;
width:96%;
box-shadow:2px 2px 4px rgba(0,0,0,.7) inset;}

input[type="text"] {height:30px;}
textarea {height:100px; resize:none;}
input[type="text"]:hover,textarea:hover {background-color:aliceblue;}

.cap {text-transform:capitalize;}

::-moz-selection {
background-color:red;
color:#000;
text-shadow:none;}
::selection {
background-color:red;
color:#000;
text-shadow:none;}

.navy {
color:navy;
text-decoration:underline;}
.navy:hover {color:darkgreen;}

/* START - For MTC */
.movielist {list-style:none;}
.movielist li::before {
con-tent:"\1F3A5";
content:"\1F4FD";
display:inline-block;
font-weight:bold;
margin-left:-1em;
width:1em;}
/* STOP - For MTC */

ul {list-style:none;}
li::before {
content:"\2022";
color:#316FF6;
display:inline-block;
width:1em;
margin-left:-1em;
text-shadow:var(--textshadow);
font-weight:bold;}

@media screen and (max-width:600px) {
table {width:100%;}
thead,.thead {display:none;}
tr:nth-of-type(2n) {background-color:inherit;}
tr td:first-child {font-weight:normal;}
tr th:first-child {font-weight:bold;}
tbody td {display:block; text-align:left;}
tbody th {display:block; text-align:center;}
tbody td:before {
content:attr(data-th); 
display:block;
text-align:center;}
tbody th:before {
content:attr(data-th); 
display:block;
text-align:center;}}

input.other::-moz-placeholder {
/* FF 19+ */
color:crimson;
opacity:1;}

textarea.other::-moz-placeholder {
/* FF 19+ */
color:crimson;
opacity:1;}

#colophon {
background:#000;
color:#FFF;
border-top:none;
margin-top:0px;
padding:5px 0;}