@charset "utf-8";
/*CSS RESET*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;outline:none;border:none;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block}body{line-height:1}ul{list-style:disc}ol{list-style:decimal;}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}button,input,select{margin:0;padding:0;border:none;outline:none;box-sizing:border-box;cursor:pointer;border-radius:0px;background-color:#FFFFFF;-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:visible;font-family:Arial, Helvetica, sans-serif;}abbr{border:none;outline:none;text-decoration:none;}

html {font-family:Arial, Helvetica, sans-serif; overflow-x:hidden;}

body {width:100%; padding:0; /*background:url(../images/xxx.jpg) 100% 140px no-repeat; background-attachment:fixed !important;*/ margin:0 auto; overflow-x:hidden;}

a:focus, button:focus, input:focus {outline:1px dashed #7089FF;}
a, a:active, a:hover, a:visited {color:#0000EE;}

button#TO_TOP, main>nav button {height:35px; padding:0 5px; text-align:center; overflow:hidden; -webkit-transition:right 0.2s ease-in; transition:right 0.2s ease-in; border:1px #FFFFFF; font-weight:bold; line-height:1; color:#ffffff; background-color:#348371; position:fixed; right:-130px; bottom:155px; border-radius:0px;}

button#TO_TOP:hover, main>nav button:hover {background-color:#003c72;}

button#TO_TOP.show {right:0px;}

button#PRINT {
	position: absolute;
	top: 10px;
	right: 20px;
	padding: 5px;
	background-color:transparent; border:2px #FFFFFF solid; border-radius: 5px; color:#FFFFFF; font-size:8pt; font-weight:bold; z-index:9999; overflow:hidden;
z-index:9997;}



button#PRINT:focus {background-color:rgba(255,255,255,0.1);}

button#MLN {
	position: absolute;
	top: 30px;
	right: 70px;
	padding: 5px;
	background-color:transparent; border:2px #FFFFFF solid; border-radius: 5px; color:#FFFFFF; font-size:8pt; font-weight:bold; z-index:9999; overflow:hidden;
z-index:9997;}

a#SKIPPER {position:absolute; top:-9999px;}

a#SKIPPER:focus {top:3px; color:#FFFFFF; left:41%;}

a#DOWNLOAD {display:block;}

/* HEADER ////////////////*/

header {width:100%; background-color:#00529B; overflow:visible; z-index:9998;}

header img {height:100%; width:auto;}

#WRAPPER {/*background-color:#e5edf5;*/ border-top:2px #00529B solid;}

h1 {height:auto; width:100%; text-align:center; color:#00529B; line-height:1.1; box-sizing:border-box; }

h1>span.title {height:30px; padding:5px 0;}

h1>span.title.fixed {position:fixed; background-color:#FFFFFF; z-index:9997; top:0px; left:0px; overflow:hidden; line-height:1;}

#LOGO {width:100%; text-align:center; margin-bottom:10px; background-color:rgb(245,245,245); border-radius:10px; box-shadow:0px 0px 10px #EFEFEF inset;}

section {width:100%; margin:10px 0; padding:30px; display:inline-block; box-sizing:border-box; background-color:#FFFFFF; border-radius:10px; border:4px solid #00529B;}

section {width:100%;}

h2 {width:calc(100% + 60px); height:auto; color:#FFFFFF; background-color:#00529B; /*border-bottom:3px #f0ca00 solid;*/ padding:10px 30px 10px 30px; margin:0 -30px; box-sizing:border-box;  position:relative;}

/*#BACKGROUND>h2 {top:0px; margin-top:40px; margin-bottom:30px; border-radius:0px !important;}*/

#INFO2 h2 {border-radius:8px 8px 0 0;}

h2>span {text-transform: lowercase;}

h2:first-of-type {margin-top:0px;}

h3 {margin-bottom:8px;}

p, label, ul, ol, .textbox {margin-bottom:15px; line-height:1.2;}


.textbox {border:3px #2bb891 solid; padding:18px; background-color:#eaf5f0; border-radius:10px; box-sizing:border-box; position:relative;}

.textbox ul.only, .textbox ul.only>li:last-of-type {margin-bottom:0;}

#JUMP>.textbox:not(.help) {text-align:center;}

.textbox>h3, .textbox>h2 {color:#000000; text-text-align:center; font-size:1em; width:100%; margin:0 0 8px 0; top:auto; padding:0; background:none;}

.textbox>p:last-of-type {margin-bottom:0;}

ul, ol {margin:0 0 10px 17px; position:relative;}

ul ul, ol ol, ol ul, ul ol {margin-left:17px;}

ul>li, ol>li {margin-bottom:10px; clear:left;}

li>ul, li>ol {margin-top:10px; list-style:circle;}

li>p {margin-top:10px;}

ol.alpha {list-style:upper-alpha;}

ol.alpha>li {font-weight:bold;}

ol.alpha>li>ul>li {list-style: disc;}

ol.alpha>li>*:not(.tip) {font-weight:normal;}

ol.lower-alpha {list-style:lower-alpha;}

ol.number {list-style:decimal;}

ol.number>li>ul {list-style:disc;}

ol.number>li>ol>li>ul {list-style:disc;}

ol.roman {list-style-type:upper-roman;}

ol.roman>li {font-weight:bold;}

ol.roman>li>p {font-weight:normal;}

ol.roman>li>ol {font-weight:normal;}

ol.lower-roman {list-style-type:lower-roman;}

/* TABLE ////////////////*/

caption {font-weight: bold; text-align: left; margin-bottom: 2px;}

table, th, td {border:1px solid black; padding:5px; margin-bottom:20px; line-height: 1.4; table-layout:fixed;}

td {vertical-align:top;}

th {vertical-align:center; background-color:#00529b; color:white; padding:10px;}

td>a {display:block; margin-bottom:10px; line-height:1.3;}

td>a:last-of-type {margin-bottom:0;}

td>ul>li:last-of-type {margin-bottom:-10px;}

tr:nth-child(even) {background-color:#dee3f1}

thead th:nth-child(odd) {width:25%;}

label {display:inline-block;}

.noWrap {white-space:nowrap;}

main {max-width:1200px; height:100%; margin:0 auto; background:#FFFFFF; margin-bottom:30vh;}
 
nav, nav+div {box-sizing:border-box; overflow:hidden;}

nav+div {width:100%; padding:0 20px 25px 20px; position:relative;} 

nav {-webkit-transition:height 0.2s ease-in; transition:height 0.2s ease-in;}

main>nav button {height:45px; padding:0 15px; position:relative; right:auto; bottom:auto; border-radius:0px; margin-right:6px; flex:1 auto; -webkit-transition:background-color 0.2s ease-in; transition:background-color 0.2s ease-in;}

main>nav button#DISC_BUT {margin-right:0;}

main>nav button.live {color:#00528B; background-color:#F0CA00; cursor:default;}

#INTRODUCTION {}

#bottomLogos {position:fixed; bottom:10px; right:2px; z-index:9990;}

#bottomLogos img, #bottomLogos a {display:inline-block; padding:0; margin:0;}

footer {width:100%; padding:10px; background-color:#FFFFFF; border-top:2px #00529B solid; margin-top:-40px; box-sizing:border-box; position:relative; z-index:9997;}

.fauxTableRaw>* {display:inline-block; vertical-align:middle; padding:10px;}

.bold {font-weight:bold;}

.floatRight {float:right;}

.floatLeft {float:left;}

.floatFix {display:block; margin-bottom:15px; font-weight:bold !important;}

.banner {width:auto; height:auto;}

.noBottomPad {padding-bottom:0 !important; margin-top: 40px; width: 80%;}


/* PLACE MARKERS */
#MARKER {width:100px; height:auto; position:fixed; top:120px; left:-120px; overflow:visible; z-index:9996;}

#MARKER>div {width:100%; height:auto; padding:10px; position:absolute; left:0px; top:0px; border-radius:0 6px 6px 0; background-color:red; color:#FFFFFF; font-size:0.8em; font-weight:bold; -webkit-transition:left 0.2s ease-in; transition:left 0.2s ease-in;}

#MARKER>div.show {left:120px;}

button.live {background-color:red;}

/* FORM TUTORIAL */
#FORM {/*margin-bottom:100px;*/}

#TUTORIAL, #INFO2 {display:block; position:relative; width:100%; padding-bottom:130%; vertical-align:middle;}

#TUTORIAL {position:absolute; top:-9999px;}

#TUTORIAL>svg, #INFO2>svg {display:block; position:absolute; top:0; left:0; padding:0; border:1px #000000 solid; border-radius:10px;}

#INFO2>svg {border:none;}
#TUTORIAL image {}

.zone {fill:rgba(0,200,0,0.20); background-blend-mode:multiply;}

.zone2 {fill:rgba(0,0,0,0.20); background-blend-mode:multiply; border-radius:10px;}

.zone:hover, a:focus>.zone {opacity:0.2;fill:#bbbbbb;}

. {position:fixed; top:-9999px; left:-9999px;}


#HELP_TEXT2, #HELP_TEXT3 {display:none;}


@media screen and (min-width: 0px) {
	html {font-size:90%;}
	
 	header {width:500px; height:80px;}
	
	header img {height:98px; width:auto;}
	
	button#PRINT {top:-9999px;}
	
	button#PRINT2 {top:0px;}
	
	h1 {padding:35px 0 15px 0; font-size:1.1em;}
	
	h1>span.title.fixed {width:100%; border-bottom:2px #00529B solid; font-size:75%; line-height:1.4;}
	
	.subHead {margin-top:4px;}
	
	nav {background:#FFFFFF; margin-bottom:5px;}
	
	nav.fix {overflow:hidden;}
	
	nav>div {width:100%; margin:0 auto; display:grid;}
	
	nav>#MENU {position:relative;}
	
	nav>#MENU>button.plus::after {content:' +'; position:absolute; right:15px; margin-top:-6px; font-size:2em;}
	
	nav>#MENU>button.minus::after {content:' -'; float:right; position:absolute; right:17px; margin-top:-9px; font-size:2em;}
	
	nav>#MENU+div {height:0px;}
	
	nav>#MENU+div.open {height:auto;}
	
	main {width:100%;}
	
	main>nav button {height:35px; width:100%; max-width:none; padding:0 15px; position:relative; right:auto; bottom:auto; margin-right:0; margin-bottom:2px; flex:1 auto;}
	
	.list h3 {font-size:0.85em;}
	
	h2 {font-size:1.25em; top:-30px;}
	
	#INFO2 h2 {border-radius:0; margin-bottom:17px; top:0px;}
	
	li {break-inside: avoid;}
	
	mark {background-color: #FFFF00;
  color: black;}
	
	td>a {word-break:break-all;}

	footer>.floatLeft, footer>.floatRight {float:none; margin:0 auto; text-align:center;}
	
	.textbox.floatRight {width:100%; margin:5px 0 20px 25px;}
	
	#bottomLogos {display:none;}
	
	footer {height:60px;}
	
	button#TO_TOP {width:100%; bottom:-35px; right:0px; -webkit-transition:bottom 0.1s ease-in; transition:bottom 0.1s ease-in;}
	
	button#TO_TOP.show {bottom:0px;}
	
	.left {padding-left:30px;}
	
	.left .banner {display:none;}
	
	.right {padding-right:30px;}
	
	.right .banner {display:none;}
}


@media screen and (max-height: 389px) {

}


@media screen and (min-width: 500px) {
	html {font-size:95%;}
	
	header {width:100%;}
	
	h1 {font-size:1.4em;}
	
	h1>span.title.fixed {width:100%; font-size:70%; line-height:0.9;}
	
	#WRAPPER {width:100%; position:relative; top:0px; bottom:0px;}
	
	.list h3 {font-size:1.1em;}

	footer {height:60px;}
}


@media screen and (min-width: 650px) {
	nav {height:40px;}
	
	nav>div {display:flex;}
	
	main>nav button {max-width:25%; margin-right:2px; margin-bottom:0; border-radius:0 0 10px 10px;}
	
	main>nav button {font-size:70%;}
	
	nav>#MENU {position:absolute; top:-9999px;}
	
	nav>#MENU+div {height:auto;}
	
	button#PRINT {top:30px;}
	
	button#PRINT2 {top:-9999px; position:absolute;}
	
	.left {padding-left:230px;}
	
	.left .banner {/*min-height:100%;*/display:block; position:absolute; top:auto; bottom:0px; left:0px; border-right:4px #00529B solid;}
	
	.right {padding-right:370px;}
	
	.right .banner {display:block; position:absolute; top:-10px; right:0px; border-left:4px #00529B solid;}
}


@media screen and (min-width: 700px) {
	header {height:104px;}
	
	header img {height:130px; width:auto;}
	
	button#RES {margin-right:0;}
	
	h1 {font-size:1.7em;}
	
	#WRAPPER {top:-10px;}
	
	.textbox.floatRight {width:50%; margin-bottom:10px;}
	
	.width42 {width:42%;}
	
	li.textboxer>p {width:calc(50% - 25px); float:left;}

	li.textboxer>p:first-of-type {margin-top:0px;}

	li.textboxer>p:last-of-type {margin-bottom:5px;}
	
	footer {height:90px;}
}

@media screen and (min-width: 800px) {
	h2 {top:-30px;}
	
	#INFO2 h2 {border-radius:8px 8px 0 0; margin-bottom:0px; top:-30px;}
}


@media screen and (min-width: 1000px) {
	html {font-size:100%;}
	
	header {height:121px;}
	
	header img {height:151px; width:auto;}
	
	h1 {padding:45px 20px 20px 20px; font-size:1.85em;}
	
	h1>span.title.fixed {width:100%; height:30px; padding:5px 0; font-size:90%; white-space:nowrap; text-overflow:ellipsis;}
	
	.subHead {margin-top:8px;}
 
	nav {width:100%; position:relative; background:none; font-size:1em; }
	
	nav>div {width:98%; height:57px; padding:0 6px 6px 6px; background-color:#FFFFFF; border-radius:0px; box-sizing:border-box; /*box-shadow:0px 0px 6px #333333;*/ justify-content:space-around;}
	
	main {width:calc(100% - 4px); /*border:2px #CCDCEB; border-style:none solid;*/}
	
	main>nav button {margin-right:6px;}
	
	button#TO_TOP, main>nav button {font-size:0.9em;}
	
	td>a {word-break:normal;}	
	
	h2{font-size:1.5em;}
	
	/*.fauxTableRaw>* {display:table-cell;}*/

	footer>.floatLeft {float:left;} 
	
	footer>.floatRight {float:right;}

	footer {height:90px;}
}


@media screen and (min-width: 1400px) {
	#bottomLogos {width:100px; display:block;}
	
	#bottomLogos img {width:100px;}
	
	button#TO_TOP {width:120px; right:-130px; bottom:155px; border-radius:0px; -webkit-transition:right 0.1s ease-in; transition:right 0.1s ease-in;}
	
	button#TO_TOP.show {right:0px; bottom:155px;}
	
}


@media screen and (min-width: 1435px) {


}


@media screen and (min-width: 1200px) and (max-height: 570px) {
	

}


@media screen and (min-width: 1200px) and (max-height: 750px) {


}


/* MISC //////////*/
.clear {clear:both;}

.center {text-align:center;}

.whiteBackground {background-color:#FFFFFF !important;}

.noWrap {white-space:nowrap;}

.print-only, .hidden {display:none !important;}

.hiddenUp {position:absolute; top:-9999px;}

.topUp {top:-9999px !important;}

.showMe {display:block !important;}

.showMeInline {display:inline !important;}

.showMeTable {display:inline-table !important;}

.noScroll {overflow:hidden !important; }

.fix {max-width:1200px; width:100%; position:fixed; top:42px; z-index:9998;}

.note {margin:25px 0; position:relative; padding:20px; background-color:#EFEFEF;}

.note>span {font-weight:bold; position:absolute; left:-60px;}

.note>span + strong {position:relative; left:0px;}

.disclaimer {font-size:80%; padding:20px 0; margin-bottom:25px; background-color:rgba(167,157,136,0.1); border:1px #333333; border-style:solid none;}

.fauxTable {display:table; margin-bottom:15px;}

.topBottBorder {padding:3px 0 2px 0; margin-top:15px; border:1px #000000; border-style:solid none;}

.font90 {font-size:90%; line-height: 1.2em;}

.font90 {font-size:95%;}

.font80 {font-size:80%;}

.font85 {font-size:85%;}

.font75 {font-size:75%;}

.font70 {font-size:70%;}

.font50 {font-size:50%;}

.black {color:#333333;}

.subHead {font-size:45%; color:#333333; font-weight:normal; display:block;}

*[aria-hidden=true] {display:none;}

*[aria-hidden=false] {display:block;}

.printLogo {display:none !important;}