/* Begin open access, public domain code*/

html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}

/* W3schools Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}svg:not(:root){overflow:hidden}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-input-placeholder{color:inherit;opacity:0.54}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* End normalize extract */

/*********************** From W3school.com ************************/
.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;animation:animatetop 1.0s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 1.0s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 1.0s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 1.0s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}
.w3-opacity,.w3-hover-opacity:hover{opacity:0.60}.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1}
.w3-opacity-max{opacity:0.25}.w3-opacity-min{opacity:0.75}
.w3-animate-zoom {animation:animatezoom 1.0s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

/* Begin copyrighted code v. 200815 */
/* Copyright Nova Software, Inc.  2020 Below here.  All rights reserved */

/********************************** GENERAL NSW RULES *********************************/

body { 
  	margin: 0;
  	border: 0;
  	padding: 0;
  	background-color: white;
	background-image: none;  	
	color: black;
}
html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}
h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}

a:hover { color: red; }
input { margin: 4px; }
p.honey { display: none; }
li { margin-top: 10px; }
.dnldbtn {
    font-weight: bold;
    border: solid black 3px; 
    border-radius:5px; 
    background: lime;
    margin: 5px;
    padding: 3px;
}
hr.hr1 { 
    size: 0 10pc 0 10px;
    noshade: noshade;
    color: black; 
    width: 75%; 
}
ul.ul-no-symbol {list-style-type:none}
.rt-fig {
    float: right;
    margin: 10px;
}
.lft-fig {
    float: left;
    margin: 10px; 
}
.caption {
    margin: 5px;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}
.rt-img { 
    width: 340px;
    height: 240px;
    margin: 10px ;
}
.acc-button { /*pleats*/
    border: 1px black solid;
    display:inline-block;
    padding:8px 16px;
    vertical-align:middle;
    overflow:hidden;
    text-decoration:underline;
    font-weight: bold;
    color:inherit;
    background-color:beige;
    text-align:left;
    cursor:pointer;
    white-space:nowrap;
    width: 100%;  
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.acc-button:hover{color:#000;background-color:#ccc}
.acc-button:disabled{cursor:not-allowed;opacity:0.3;pointer-events:none}

.hide {display: none;}
.show {display: block;}

.container { padding: 5px;}

.photo-credit { font-size: smaller; }
.photo-credit li {
    margin: 0;
    padding: 0;
} 

img {
    max-width: 100%;
    height: auto;
    border-radius: 20px;
}   


/**************** Modal box *******************/
.nsw-modal{
    z-index:3;
    display:none;
    padding-top:100px;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:auto;
    background-color:rgb(0,0,0);
    background-color:rgba(0,0,0,0.4)
}
.nsw-modal-content{
    border: 4px solid black; 
    border-radius: 15px; 
    margin:auto;
    background-color: white;
    position:relative;
    padding:4px;
    outline:0;
    width:60%;
}
ul.mode-box { font-weight: bold; }

ul.mode-box li {font-weight: normal; margin-top: 0;}
    
h4.headline {
    text-align: center;    
    font-weight: bold;
}


/************************************** LAYOUT ************************************/ 

.headbar {
    position: fixed;
    width: 100%;
    margin: 0; 
    padding: 5px;
    border: none;
    font-size: 16px;
    color: white; 
    background-color: #000081;
    z-index: 1; 
}
.inov {
    font-size: 10px;
    vertical-align: top;
    padding-left: 100px; 
    white-space: nowrap; 
    overflow: hidden;
}
img.logo {
    width: 300px;
    height: 40px;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: top;    
}

/************** Navbar ****************/
.navbar {
    position: fixed;
    top: 65px; 
    right: 0; 
    height: auto;
    width: auto;
    margin: 0;
    padding: 4px;
    border: 0; 
    background: yellow;
    font-size: 12px;
    text-align: right;
    z-index: 1
}
.navbar ul {
    margin: 0;
    padding: 0;
    color: #fff;
    white-space: nowrap;
}
.navbar li {
    font-weight: bold;
    list-style-type: none;
    display: inline;
}
.navbar li a, .dropbtn {
    text-decoration: none;
    padding: 5px;
    color: #000;
}
.navbar li a:link {  color: black;}
.navbar li a:visited {  color: black;}
.navbar li a:active {
	color: black;
	background-color: white;
}
.navbar li a:hover {
    padding-top:14px;
    color: white;
    background-color: #000081;
}
.navbar li.dropdown { display: inline-block;}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.dropdown-content a {
    display: block;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    text-align: left;
}
.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown:hover .dropdown-content { display: block;}

/********************** Status Bar *******************/
.status-bar {
/*    position: fixed;   no scrolling */
    position: relative
/*    top: 45px;  */
    width:350px;
    padding: 5px;
    margin: 5px; 
    margin-left: 10px;
    line-height: 1.7; 
    border-radius: 10px; 
    background-color: black;
    font-size: 12pt; color: white; 
    overflow: auto;
}
.status-bar a {
    text-decoration: underline;
    font-weight: bold;
    color: white; 
}


/********************** Center box, content *******************/
.content {
    position: relative;
    top: 80px;
	width: auto; 
/*	height: 510px;
	overflow: auto;*/
	padding: 10px;
	border: none;
	background-color: white;	
	z-index: 0;
}

/*********** Flexboxes ************/

/* phones first */
.flexcontainer {
    display: flex; 
    flex-direction: column; 
    flex-wrap: nowrap; 
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 10px; 
}
.flexbox  {
    width: 100%; 
    padding: 10px;
}

/* tablets next, in portrait mode. */
@media screen and (min-width: 600px) {  
    .flexcontainer {
        display: flex; 
        flex-direction: column; 
        flex-wrap: nowrap; 
        align-items: center;
        justify-content: center;
        width: 100%;
        padding: 20px;
    }
    .flexbox  {
        width: 100%; 
        padding: 20px;  
    }
}

/* PC's */
@media screen and (min-width: 1050px) {  
    .flexcontainer {
        display: flex; 
        flex-direction: row; 
        flex-wrap: nowrap; 
        align-items: center;
        justify-content: center;
        width: 100%;
        padding: 20px;
    }
    .flexbox  {
        width: 50%; 
        padding: 10px;
    }
}

/***************** Footer **************/
.footbar {
    position: relative; 
    bottom: -120px;   /* fix this */
    height: auto;
    width: 100%;
    border: 0;
    background-color: #000081;
    color: white;
    text-align: center;
    padding-top: 4px;
    padding-bottom: 4px;  
	z-index: 1;
}
.footbar a:link {  color: white;}
.footbar a:visited {  color: yellow;}
.footbar a:active {
	color: red; 
	background-color: white;
}
.footbar a:hover {  
	color: red;
	background-color: white;	
}