<style type="text/css">
<!--
body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	display: none;
}
ul {  
  list-style-type: none;  
  position: sticky;  
  width:100%;  
  top:0;  
  margin: 0;  
  padding: 0px;  
  overflow: hidden;  
  background-color: #EEEEEE;  
}  
.style1 {
	color: #8FAC6C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
}
.style2 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
}
.style3 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
}
.style4 {
	color: #8FAC6C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
}
.style5 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 50px;
	font-weight: bold;
}
.style6 {
	color: #8FAC6C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 50px;
	font-weight: bold;
}
.style7 {
	color: #8FAC6C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
}
.image1 {
  border: 3px solid #555;
  border-color: #8FAC6C;
}
.image2 {
  border: 3px solid #555;
  border-color: #FFFFFF;
}
a:link {
	color: #8FAC6C;
	text-decoration: none;
}
a:visited {
	color: #8FAC6C;
	text-decoration: none;
}
a:hover {
	color: #8FAC6C;
	text-decoration: underline;
}
a:active {
	color: #8FAC6C;
	text-decoration: none;
}
.fade-in {
	animation: fadeIn 3s;
}
@keyframes fadeIn {
	from {	
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
.fade-out {
	animation: fadeOut 3s;
}
@keyframes fadeOut {
	from {	
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
.form1 input[type="text"],
.form1 input[type="email"],
.form1 input[type="password"],
.form1 input[type="search"],
.form1 input[type="file"],
.form1 select,
.form1 textarea { 
	width: 100%; min-width: 100%; 
	box-sizing: border-box;
	padding: 4px;
	outline: none;
	font-size: 1em; 
	border: 1px solid gainsboro;
	color: teal;
	font-family: inherit;
	font-weight:300; 
}

.form2 input[type="text"],
.form2 input[type="email"],
.form2 input[type="password"],
.form2 input[type="search"],
.form2 input[type="file"],
.form2 select,
.form2 textarea { 
	box-sizing: border-box;
	padding: 4px;
	outline: none;
	font-size: 1em; 
	border: 1px solid gainsboro;
	color: teal;
	font-family: inherit;
	font-weight:300; 
}

.form3 input[type="text"],
.form3 input[type="email"],
.form3 input[type="password"],
.form3 input[type="search"],
.form3 input[type="file"],
.form3 select,
.form3 textarea { 
	width: 100%; min-width: 100%; 
	box-sizing: border-box;
	padding: 4px;
	outline: none;
	font-size: 1em; 
	border: 1px solid gainsboro;
	color: #FFFFFF;
	font-family: inherit;
	font-weight:300; 
}

/* Customize the label (the container) */
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* Customize the label (the container) */
.container2 {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.container2 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.checkmark2 {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container2:hover input ~ .checkmark2 {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container2 input:checked ~ .checkmark2 {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark2:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container2 input:checked ~ .checkmark2:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container2 .checkmark2:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}
-->
</style>