/* Document Styles */

@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap);
@import url(http://weloveiconfonts.com/api/?family=iconicfill);

/* start pages */

/* ::-moz-selection { background: rgba(0,255,124,0.5); color: 000; text-shadow: none; }
::selection { background: rgba(0,255,124,0.5); color: #000; text-shadow: none; }
*/

::-moz-selection { background: rgba(248,126,49,0.5); color: 000; text-shadow: none; }
::selection { background: rgba(248,126,49,0.5); color: #000; text-shadow: none; }


body {
	text-rendering: optimizeLegibility;
    font-size: 1em;
    line-height: 1.5;
	background-color: #fff;
    color: #666666;
	margin: 0;
	padding: 0;

}

a:link, a:visited {
	color: inherit;
	text-decoration: none;
	margin: 0 0 1px 0;
	border-color: #003399;
	border-style: solid;
	border-width: 0 0 2px 0;
}

a:hover {
	border-left: 1px;
	border-right: 1px;
	background-color: #003399;
	background-color: #003399;
	background-image: -webkit-linear-gradient(top, #003399, #003399);
	background-image:    -moz-linear-gradient(top, #003399, #003399);
	background-image:      -o-linear-gradient(top, #003399, #003399);
	background-image:         linear-gradient(to bottom, #003399, #003399);
	border-top-color: #003399;
	border-bottom-color: #003399;
	color: #000;
	text-decoration: none;
	border-width: 4px 0 2px 0;
}


p, h1, h2 {
	font-size:1em;
	margin: 0;
	font-family: 'Open Sans', sans-serif;
	padding: 0.5em 0;
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
}

h1, h2, strong, {
	font-family: 'Open Sans', sans-serif;
	font-weight: 7s00;
	font-style: normal;
	font-stretch: normal;
}

/* iconicfill */
[class*="iconicfill-x"]:before {
  font-family: 'iconicfill', sans-serif;
}

[class*="iconicfill-arrow-up"]:before {
  font-family: 'iconicfill', sans-serif;
}

[class*="iconicfill-arrow-down"]:before {
  font-family: 'iconicfill', sans-serif;
}

[class*="iconicfill-download"]:before {
  font-family: 'iconicfill', sans-serif;
}

[class*="iconicfill-minus"]:before {
  font-family: 'iconicfill', sans-serif;
}


[class*="iconicfill-plus"]:before {
  font-family: 'iconicfill', sans-serif;
}

.iconicfill-x {
  display: inline-block;
}

.iconicfill-arrow-up {
    display: inline-block;
  float: right;
}

.iconicfill-minus {
  display: inline-block;
}

.iconicfill-plus {
  display: inline-block;
}

#main {
	float:left;
	clear:both;
	/*margin: 2em 5% 3em 5%;*/
    margin: 1.5em 5% 3em 5%;
	width: 90%;
}

hr {
    border-top:1px solid #000;
}

/* ==========================================================================
   toggle container 1
   ========================================================================== */

#toggle_container1 {
    background-color: #fff;
    font-size: 1em;
    line-height: 1.5em;
    padding-top: 1em;
    padding-right: 0em;
    padding-left: 0em;
    padding-bottom: 1.5em;
}

#toggle_container1 p {
    background-color: #003399;
    line-height: 2.0em;
    padding-top: 1em;
    padding-right: 1em;
    padding-left: 1em;
    padding-bottom: 1.5em;
}

#toggle_container1 p a:link {
    color: inherit;
	text-decoration: none;
	margin: 0 0 2px 0;
	border-color: #666666;
	border-style: solid;
	border-width: 0 0 2px 0;
}

#toggle_container1 a:visited {
    color: inherit;
	text-decoration: none;
	margin: 0 0 1px 0;
	border-color: #666666;
	border-width: 0 0 2px 0;
}

#toggle_container1 a:hover {
    border-left: 1px;
	border-right: 1px;
	background-color: white;
	background-color: white;
	background-image: -webkit-linear-gradient(top, white, white);
	background-image:    -moz-linear-gradient(top, white, white);
	background-image:      -o-linear-gradient(top, white, white);
	background-image:         linear-gradient(to bottom, white, white);
	border-top-color: white;
	border-bottom-color: white;
	color: #000000;
	text-decoration: none;
	border-width: 4px 0 2px 0;
}

#show_label1 {
}

#show_label1:hover {
	cursor: pointer;
    color: #111111;
}

#show_label1_none:hover {
	cursor: pointer;
    color: #111111;
}

#hide_label1 {
	cursor: pointer;
	display:none;
}

#hide_label1:hover {
	cursor: pointer;
	display:none;
    color: #111111;
}

/* ==========================================================================
   toggle container 2
   ========================================================================== */

#toggle_container2 {
    background-color: #fff;
    font-size: 1em;
    line-height: 1.5em;
    padding-top: 1em;
    padding-right: 0em;
    padding-left: 0em;
    padding-bottom: 1.5em;
}

#toggle_container2 p {
    background-color: #8EFAFA;
    padding-top: 1em;
    padding-right: 1em;
    padding-left: 1em;
    padding-bottom: 1.5em;
}

#toggle_container2 p a:link {
    color: inherit;
	text-decoration: none;
	margin: 0 0 2px 0;
	border-color: #666666;
	border-style: solid;
	border-width: 0 0 2px 0;
}

#toggle_container2 a:visited {
    color: inherit;
	text-decoration: none;
	margin: 0 0 1px 0;
	border-color: #666666;
	border-width: 0 0 2px 0;
}

#toggle_container2 a:hover {
    border-left: 1px;
	border-right: 1px;
	background-color: white;
	background-color: white;
	background-image: -webkit-linear-gradient(top, white, white);
	background-image:    -moz-linear-gradient(top, white, white);
	background-image:      -o-linear-gradient(top, white, white);
	background-image:         linear-gradient(to bottom, white, white);
	border-top-color: white;
	border-bottom-color: white;
	color: #000000;
	text-decoration: none;
	border-width: 4px 0 2px 0;
}

#toggle_container2 a:hover[href^="mailto:"] {
	color: #000000;
	text-decoration: none;
	margin: 0 0 1px 0;
	border-color: #ffffff;
	border-style: solid;
	border-width: 0 0 2px 0;
}

#show_label2 {
}

#show_label2:hover {
	cursor: pointer;
    color: #111111;
}

#show_label2_none:hover {
	cursor: pointer;
    color: #111111;
}

#hide_label2 {
	cursor: pointer;
	display:none;
}

#hide_label2:hover {
	cursor: pointer;
	display:none;
    color: #111111;
}

/* ==========================================================================
   toggle container 3
   ========================================================================== */

#toggle_container3 {
    background-color: #fff;
    font-size: 1em;
    line-height: 1.6em;
    padding-top: 1em;
    padding-right: 0em;
    padding-left: 0em;
    padding-bottom: 1.5em;
}

#toggle_container3 p {
    background-color: #DDDDDD; <--#D3D3D3;-->!
    padding-top: 1em;
    padding-right: 1em;
    padding-left: 1em;
    padding-bottom: 1.5em;
}

#toggle_container3 p a:link {
    color: inherit;
	text-decoration: none;
	margin: 0 0 2px 0;
	border-color: #666666;
	border-style: solid;
	border-width: 0 0 2px 0;
}

#toggle_container3 a:visited {
    color: inherit;
	text-decoration: none;
	margin: 0 0 1px 0;
	border-color: #666666;
	border-width: 0 0 2px 0;
}

#toggle_container3 a:hover {
    border-left: 1px;
	border-right: 1px;
	background-color: white;
	background-color: white;
	background-image: -webkit-linear-gradient(top, white, white);
	background-image:    -moz-linear-gradient(top, white, white);
	background-image:      -o-linear-gradient(top, white, white);
	background-image:         linear-gradient(to bottom, white, white);
	border-top-color: white;
	border-bottom-color: white;
	color: #000000;
	text-decoration: none;
	border-width: 4px 0 2px 0;
}

#toggle_container3 a:hover[href^="mailto:"] {
	color: #000000;
	text-decoration: none;
	margin: 0 0 1px 0;
	border-color: #ffffff;
	border-style: solid;
	border-width: 0 0 2px 0;
}

#show_label3 {
}

#show_label3:hover {
	cursor: pointer;
    color: #111111;
}

#show_label3_none:hover {
	cursor: pointer;
    color: #111111;
}

#hide_label3 {
	cursor: pointer;
	display:none;
}

#hide_label3:hover {
	cursor: pointer;
	display:none;
    color: #111111;
}

#footer {
    padding-top: 10em;
	bottom: 1em;
    text-align: left;
	left: 5%;
	max-width: 95%;
	color:#000;
	font-size: 50%;
	line-height: 120%;
}

.haswebfonts {
	display:none;
}

.webfonts .haswebfonts {
	display: inline !important;
}

@media screen and (min-width: 45em) {body {font-size: 1.05em;}}
@media screen and (min-width: 61.5em) {body {font-size: 1.25em;}}
@media screen and (min-width: 75em) {body {font-size: 1.5em;}}
@media screen and (min-width: 87em) {body {font-size: 1.75em;}}
/*
@media screen and (min-width: 90em) {body {font-size: 2.75em;}}
@media screen and (min-width: 170em) {body {font-size: 3.75em;}}
@media screen and (min-width: 200em) {body {font-size: 6em;}}
*/