@charset "utf-8";
/* CSS Document */
/* External Styles: style.css */
#content h2{color:#000;margin:0;}
#content h3{color:#000;margin:0;text-align: center;}
#content li{margin-bottom:6px;padding-left:7px;}
a:hover{color:#4D4D4D;}
h4{font-size:100%;font-weight:normal;color:#000;}
ul{list-style-type:square;}
ul ul{list-style-type:disc;}
ul ul ul{list-style-type:none;}

/* Navbar Hover & Subnav states */
.navbar a:hover, .subnav:hover .subnavbtn {background-color:grey;color:white;}
.subnav-content a:hover {background-color: black;color: white;}
.subnav:hover .subnav-content {display:block;}
.navbar a:hover, .subnav:hover .subnavbtn {background-color:black;color:white;}
.subnav-content a {color: white;text-decoration: none;}
.subnav-content a:hover {background-color: #eee;color: black;}

@media only screen and (min-width:300px) and (max-width:469px) {
    #content img.smg-img{max-width:100%;height:auto;text-align: center;}
    #content img.btna{max-width:300px;height:300px;}
    #content{width:100%;margin:20px 0px 10px 0px;}
    #content h2{font-size:1.8em;padding:10px 4px 10px 4px;}
    #content h3{font-size:1.45em;padding:5px 4px 8px 4px;}
    #content p{font-size:1.2em;margin:0px 4px 0px 4px;padding:6px 0px 6px 0px;}
    #content ul{padding-left:5px;}
    #content ol{font-size:16px;}
    #content ol li{font-size:.9em;}
    #content ol li, li{font-size:.9em;}
    #content ol li, li, li{font-size:1.1em;}
    caption{font-weight:bold;font-size:100%;padding:10px 5px 0 5px;color:#000;}
    .jump{padding-bottom:140px}
    .youtube { position: relative; max-width: 100%;width:auto; padding-top: 30px;}
    .center {margin-left: auto;margin-right: auto;}
    .imga{padding-top:20px;padding-bottom:20px;background-color:darkgrey;}
    #content img{width:100%;height:auto;max-width:100%;}
    .callbtn{width:293px; height:46px;}
    .callbtn:hover{transform: scale(1.1);}
    
    .navbar a:hover, .subnav:hover .subnavbtn {border-radius: 5px;border: 1px solid #ccc;}
    .navbar a:hover, .subnav:hover .subnavbtn {border-radius: 5px;border: 1px solid black;}
    .subnav-content a {border-radius: 5px;border: 1px solid black;}

    #siteInfo {padding-right:0;padding-left:0;padding-top:15px;padding-bottom:15px;background-color:#000;color: #fff;font-size: 16px;}
    #siteInfo a:link{color:#fff;text-decoration:none;}
    #siteInfo a:visited{color:#fff;}
    #siteInfo a:hover{color:aquamarine;}
    #siteInfo > div {text-align: center;padding: 0;}
    #siteInfo div.siteA{margin: 0;background-color:#000;padding-top:15px;border-bottom: 2px solid #414141;box-sizing: border-box;width:100%;}
    .siteFlex {display:flex;flex:100%;flex-wrap: wrap;box-sizing: border-box;}
    #siteInfo div.siteB{flex:100%;padding-top: 20px; margin: 0;max-width:100%;background-color:#000;text-align: center;border-bottom: 2px solid #414141;box-sizing: border-box;}
    #siteInfo div.siteC{flex:50%; max-width:100%;background-color:#000;margin-right: 1%;margin-left: 1%;box-sizing: border-box;}
    #siteInfo h3.siteA{font-size:2em;}
    #siteInfo h3.siteC{font-size:1.5em;}
    #siteInfo p.siteA{text-align: center;font-size:1.3em;padding:4px;}
    #siteInfo p.siteC{text-align: center;font-size:1em;padding:4px;}
    #siteInfo img.siteB{max-width:100%;height:auto;}
    #siteInfo p.siteCfr{text-align:center;}
    #siteInfo p.siteCfl{text-align:center;}
    #siteInfo .addr{text-align: center;font-size: 16px;}
    .siteB, .siteC {flex: 100%;}
}

@media only screen and (min-width:470px) and (max-width:799px) {
    #content img.smg-img{max-width:100%;height:auto;text-align:center;}
    #content{width:100%;margin:10px 0px 5px 0px;}
    #content h2{font-size:2em;padding:10px 3px 10px 3px;}
    #content h3{font-size:1.7em;padding:5px 5px 1em 5px;}
    #content p{font-size:1.4em;padding:0 5px 0 5px;}
    #content ul{padding-left:75px;}
    ul li{font-size:1.4em;padding-left:50px;}
    #content ol{font-size:18px;}
    #content ol li{font-size:.9em;}
    #content ol li, li{font-size:.9em;}
    #content ol li, li, li{font-size:1.1em;}
    #content dt{font-size:105%;}
    #content dd{font-size:100%;}
    caption{font-weight:bold;font-size:110%;padding:10px 5px 0 5px;color:#000;}
    .jump{padding-bottom:70px}
    .youtube { position: relative; max-width:100%;width:470px; padding-top: 30px;}
    .center {margin-left: auto;margin-right: auto;}
    .imga{padding-top:20px;padding-bottom:20px; height:162px;width:597px;background-color:darkgrey;}
    .imgb{padding-top:20px;padding-bottom:20px; height:186px;width:790px;background-color:darkgrey;}
    #content img{max-width:100%;height:auto;}
    .imgc{padding-top:20px;padding-bottom:20px; height:526px;width:790px;background-color:darkgrey;}
    .callbtn{width:293px; height:46px;}
    .callbtn:hover{transform: scale(1.1);}
    
    .navbar a:hover, .subnav:hover .subnavbtn {border-radius: 10px;border: 2px solid #ccc;}
    .subnav-content a {float:right;color: white;text-decoration: none;}
    .navbar a:hover, .subnav:hover .subnavbtn {border-radius: 10px;border: 2px solid black;}
    .subnav-content a {border-radius: 10px;border: 2px solid black;}

    #siteInfo {padding:0px;background-color:#000;color: #fff;font-size: 16px;}
    #siteInfo a:link{color:#fff;text-decoration:none;}
    #siteInfo a:visited{color:#fff;}
    #siteInfo a:hover{color:aquamarine;}
    #siteInfo > div {text-align: center;padding: 0;}
    #siteInfo div.siteA{margin: 0;background-color:#000;padding-top:5px;border-bottom: 2px solid #414141;box-sizing: border-box;width:100%;}
    .siteFlex {display:flex;flex:100%;flex-wrap: wrap;box-sizing: border-box;}
    #siteInfo div.siteB{flex:100%;padding-top: 20px; margin: 0;max-width:100%;background-color:#000;margin-right: 10%;margin-left: 10%;text-align: center;border-bottom: 2px solid #414141;box-sizing: border-box;}
    #siteInfo div.siteC{flex:100%; max-width:100%;background-color:#000;margin-right:0;margin-left: 0;box-sizing: border-box;}
    #siteInfo h3.siteA{font-size:2em;}
    #siteInfo h3.siteC{font-size:1.5em;}
    #siteInfo p.siteA{text-align: center;font-size:1.3em;padding:4px;}
    #siteInfo p.siteC{text-align: center;font-size:1em;padding:4px;}
    #siteInfo img.siteB{max-width:100%;height:auto;}
    #siteInfo .siteBimg{text-align: center;}
    #siteInfo p.siteCfr{text-align:center;}
    #siteInfo p.siteCfl{text-align:center;}
    #siteInfo .addr{text-align: center;font-size: 16px;}
    .siteB, .siteC {flex: 100%;}
}

@media only screen and (min-width:800px) {
    #content img.smg-img{max-width:100%;height:auto;text-align: center;}
    #content h1{padding-top:60px;margin:0;color:#000;font-size:3.2em;text-align: center;}
    #content h2{padding-top:60px;margin:0;color:#000;font-size:2.8em;text-align: center;}
    h2{text-align: center; font-size:3em;font-style: italic; padding:15px 0px 0px 10px;}
    h3{font-size:1.8em;text-align: center;font-style: italic;}
    .button{border-radius:10px;border: 0px solid #ccc;}
    .button:hover{transform: scale(1.02); box-shadow:10px 10px 5px 5px darkgrey;}
    #content p{font-size:1.5em;padding:0px 40px 0px 40px;}
    #content ul{padding-left:75px;}
    ul li{font-size:1.5em;padding-left:50px;}
    #content ol{font-size:25px;padding-left:75px;}
    #content ol li{font-size:.9em;}
    #content ol li, li{font-size:.9em;}
    #content ol li, li, li{font-size:1.1em;}
    #content dt{font-size:110%;}
    #content dd{font-size:100%;}
    .fbT{padding-top:10px;}
    .jump{padding-bottom:50px}
    .youtube { position: relative; max-width:100%;width:800px; padding-top: 30px;}
    .center {margin-left: auto;margin-right: auto;}
    #content .imga{height:auto;width:auto;max-width:100%;padding-top:50px;padding-bottom:0px;}
    #content img.imga{width:100%;height:auto;background-color:darkgrey;}
    .callbtn{width:293px; height:46px;}
    .callbtn:hover{transform: scale(1.1);}
    
    .navbar a:hover, .subnav:hover .subnavbtn {border-radius: 10px;border: 2px solid #ccc;}
    .subnav-content a {float:right;color: white;text-decoration: none;}
    .navbar a:hover, .subnav:hover .subnavbtn {border-radius: 10px;border: 2px solid black;}
    .subnav-content a {border-radius: 10px;border: 2px solid black;}
    
    #siteInfo {padding:0px;background-color:#000;color:#fff;font-size: 16px;}
    #siteInfo a:link{color:#fff;text-decoration:none;}
    #siteInfo a:visited{color:#fff;}
    #siteInfo a:hover{color:aquamarine;}
    #siteInfo > div {text-align: center;padding: 0;}
    #siteInfo div.siteA{margin: 0;background-color:#000;padding-top:15px;border-bottom: 2px solid #414141;box-sizing: border-box;width:100%;}
    .siteFlex {display:flex;flex:100%;flex-wrap: wrap;box-sizing: border-box;}
    #siteInfo div.siteB{flex:50%;padding-top: 20px; margin: 0;max-width:100%;background-color:#000;margin-right: 10%;margin-left: 10%;text-align: left;border-bottom: 2px solid #414141;box-sizing: border-box;}
    #siteInfo div.siteC{flex:50%; max-width:100%;background-color:#000;margin-right: 10%;margin-left: 10%;box-sizing: border-box;}
    #siteInfo div.siteD{flex:50%;max-width: 100%;background-color:#000;padding:15px 16% 0 0;border: 2px solid #ccc;box-sizing: border-box;}
    #siteInfo div.siteE{grid-area: 2 / 2 / span 1 / span 1;margin: 0;max-width: 500px;background-color:#ccc;padding-top:15px;}
    #siteInfo h3.siteA{font-size:2.2em;}
    #siteInfo h3.siteC{font-size:1.7em;}
    #siteInfo p.siteA{text-align: center;font-size:1.4em;padding:4px;}
    #siteInfo p.siteC{text-align: center;font-size:1.2em;padding:4px;}
    #siteInfo img.siteB{max-width:100%;height:auto;}
    #siteInfo .siteBimg{float: left;}
    #siteInfo p.siteCfr{float:right;text-align:left;}
    #siteInfo p.siteCfl{float:left;text-align:left;}
    #siteInfo .addr{text-align: right;font-size: 16px;}
    .siteB, .siteC {flex: 100%;}
}

@media print {
    @page{ size:8.5in 11in; margin: 2cm;}
    body{background-color:#fff;color:#000;font-family:"Times New Roman", Times, Serif;font-size:14pt;text-align:left;}
    table{width:90%;}
    h1, h2, h3{font-family:Garamond, Arial, sans-serif;} 
    #siteInfo{display:none;}
    #masthead{display:none;}
    .youtube{display:none;}
}

/* Lite YouTube Styles */
lite-youtube {background-color: #000;position: relative;display: block;contain: content;background-position: center center;background-size: cover;cursor: pointer;max-width: unset;} 
lite-youtube::before {content: attr(data-title);display: block;position: absolute;top: 0;background-image: linear-gradient(180deg, rgb(0 0 0 / 67%) 0%, rgb(0 0 0 / 54%) 14%, rgb(0 0 0 / 15%) 54%, rgb(0 0 0 / 5%) 72%, rgb(0 0 0 / 0%) 94%);height: 99px;width: 100%;font-family: "YouTube Noto",Roboto,Arial,Helvetica,sans-serif;color: hsl(0deg 0% 93.33%);text-shadow: 0 0 2px rgba(0,0,0,.5);font-size: 18px;padding: 25px 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;box-sizing: border-box;} 
lite-youtube:hover::before {color: white;}
lite-youtube::after {content: "";display: block;padding-bottom: calc(100% / (16 / 9));} 
lite-youtube > iframe {width: 100%;height: 100%;position: absolute;top: 0;left: 0;border: 0;} 
lite-youtube > .lyt-playbtn {display: block;width: 100%;height: 100%;background: no-repeat center/68px 48px;background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2068%2048%22%3E%3Cpath%20d%3D%22M66.52%207.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13%2034%200%2034%200S12.21.13%206.9%201.55c-2.93.78-4.63%203.26-5.42%206.19C.06%2013.05%200%2024%200%2024s.06%2010.95%201.48%2016.26c.78%202.93%202.49%205.41%205.42%206.19C12.21%2047.87%2034%2048%2034%2048s21.79-.13%2027.1-1.55c2.93-.78%204.64-3.26%205.42-6.19C67.94%2034.95%2068%2024%2068%2024s-.06-10.95-1.48-16.26z%22%20fill%3D%22red%22%2F%3E%3Cpath%20d%3D%22M45%2024%2027%2014v20%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');position: absolute;cursor: pointer;z-index: 1;filter: grayscale(100%);transition: filter .1s cubic-bezier(0, 0, 0.2, 1);border: 0;} 
lite-youtube:hover > .lyt-playbtn,lite-youtube .lyt-playbtn:focus {filter: none;} 
lite-youtube.lyt-activated {cursor: unset;}
lite-youtube.lyt-activated::before, lite-youtube.lyt-activated > .lyt-playbtn {opacity: 0;pointer-events: none;}
.lyt-visually-hidden {clip: rect(0 0 0 0);clip-path: inset(50%);height: 1px;overflow: hidden;position: absolute;white-space: nowrap;width: 1px;}