/* NAV1 LINKS */
.class1 a {font-family:arial,helvetica,sans serif; color:#062743; font-size: 14px; display: block; font-weight: bold; line-height:14px; 
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease; }
.class1 a:link {text-decoration:none; }
.class1 a:hover {color: #33798d; font-size: 16px;}
.class1 a:visited {text-decoration:none; }
.class1 a:active {text-decoration:none; }



/* NAV2 LINKS */
.class2 a {font-family:arial,helvetica,sans serif; font-size: 11pt; color: #062743; font-style:normal; font-weight:bold; 
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease; }
.class2 a:link {text-decoration:none;}
.class2 a:hover {color:#33798d;}
.class2 a:visited {text-decoration:none; }
.class2 a:active {text-decoration:none; }



/* NAV3 LINKS */
.class3 a {font-family:arial,helvetica,sans serif; font-size: 14pt; color: #33798d; font-style:normal; font-weight:bold;
	-webkit-transition: all .1s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease; }
.class3 a:link {text-decoration:none;}
.class3 a:hover {color:#062743; padding-right:5px;}
.class3 a:visited {text-decoration:none; }
.class3 a:active {text-decoration:none; }


/* NAV4 LINKS */
.class4 a {font-family:arial,helvetica,sans serif; font-size: 10pt; color: #33798d; font-style:normal; 
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease; }
.class4 a:link {text-decoration:none;}
.class4 a:hover {color:#062743; padding-right:10px;}
.class4 a:visited {text-decoration:none; }
.class4 a:active {text-decoration:none; }




/* GLOBAL TAGS */
a img { border: none; }

html, body { margin: 0px; padding: 0px;
background: #ffffff url(../images/home_bannerpic.jpg);
background-repeat: no-repeat;
background-size: 100% auto;
}



 
/* TEXT */
.titletext {font-family:arial,helvetica,sans serif; color:#062743; font-size: 18pt; font-style:normal;  display:inline-block;line-height:130%; }

.titletextit {font-family:arial,helvetica,sans serif; color:#33798d; font-size: 15pt; font-style:italic; font-weight: normal; }

.titletextbl {font-family:arial,helvetica,sans serif; color:#46899f; font-size: 15pt; display:inline-block; line-height:130%;  }

.subtitletext {font-family:'paulmaulregular'; color:#33798d; font-size: 30px; font-style:normal; }

.bodytext {font-family:arial,helvetica,sans serif; color:#062743; font-size: 18px;); display:inline-block; line-height:140%;}

.bodytextit {font-family:arial,helvetica,sans serif; color:#062743; font-size: 18px; font-style:italic;  display:inline-block; line-height:140%;}

.bodytextbl {font-family:arial,helvetica,sans serif; color:#46899f; font-size: 14pt; display:inline-block; line-height:140%; }

.bodytextsm {font-family:arial,helvetica,sans serif; color:#062743; font-size: 14pt;}

.formtext {font-family:arial,helvetica,sans serif; font-size: 11pt; color:#33798d; display:inline-block; line-height:130%; }

.copytext {font-family:arial,helvetica,sans serif; font-size: 10pt; color:#062743; display:inline-block; line-height:130%; }

.largedots {font-family:arial,helvetica,sans serif; color:#33798d; font-size: 48pt; font-weight: bold; }

h1 {font-family:arial,helvetica,sans serif; font-size: 16pt; font-weight:normal; color:#21697d; font-style:italic; }









/* FORM FIELDS */
input {
width: 100%;
}

input.short {
width: 85px;
}

textarea {
width: 100%;
}





#container {
	position: absolute;
	width: 100%;
	}


	
	#header {
	}
	

		#headerbg {
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a5cfdb+0,ffffff+50,ffffff+50 */
		background: #a5cfdb; /* Old browsers */
		background: -moz-linear-gradient(top,  #a5cfdb 0%, #ffffff 50%, #ffffff 50%); /* FF3.6-15 */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cfdb), color-stop(50%,#ffffff), color-stop(50%,#ffffff)); /* Chrome4-9,Safari4-5 */
		background: -webkit-linear-gradient(top,  #a5cfdb 0%,#ffffff 50%,#ffffff 50%); /* Chrome10-25,Safari5.1-6 */
		background: -o-linear-gradient(top,  #a5cfdb 0%,#ffffff 50%,#ffffff 50%); /* Opera 11.10-11.50 */
		background: -ms-linear-gradient(top,  #a5cfdb 0%,#ffffff 50%,#ffffff 50%); /* IE10 preview */
		background: linear-gradient(to bottom,  #a5cfdb 0%,#ffffff 50%,#ffffff 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5cfdb', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
		position: absolute;
		height: 150px;
		width: 100%;
		-webkit-opacity: 0.9; -moz-opacity: 0.9; opacity: 0.9;
		z-index: 1;
		}
	

		#logo {
		position:relative;
		float: left;
		padding-top: 10px;
		margin-left: 10%;
		width:250px;
		z-index: 100;
		}

			
		#email {
		position:relative;
		float:right;
		text-align: right;
		margin: 5px 1% 0 0;
		white-space: nowrap;
		z-index: 1000;
		}

		#email-rsp {
		display: none;
		}
		

		#descr {
		position:relative;
		padding-top: 110px;
		margin-left: 60%;
		bottom: 30px;
		z-index: 100;
		}

	
		#nav1 {
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e0f3bd+0,8ee8e5+15,aeedde+28,fcf5ab+63 */
		background: #e0f3bd; /* Old browsers */
		background: -moz-linear-gradient(left,  #e0f3bd 0%, #8ee8e5 15%, #aeedde 28%, #fcf5ab 63%); /* FF3.6-15 */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e0f3bd), color-stop(15%,#8ee8e5), color-stop(28%,#aeedde), color-stop(63%,#fcf5ab)); /* Chrome4-9,Safari4-5 */
		background: -webkit-linear-gradient(left,  #e0f3bd 0%,#8ee8e5 15%,#aeedde 28%,#fcf5ab 63%); /* Chrome10-25,Safari5.1-6 */
		background: -o-linear-gradient(left,  #e0f3bd 0%,#8ee8e5 15%,#aeedde 28%,#fcf5ab 63%); /* Opera 11.10-11.50 */
		background: -ms-linear-gradient(left,  #e0f3bd 0%,#8ee8e5 15%,#aeedde 28%,#fcf5ab 63%); /* IE10 preview */
		background: linear-gradient(to right,  #e0f3bd 0%,#8ee8e5 15%,#aeedde 28%,#fcf5ab 63%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f3bd', endColorstr='#fcf5ab',GradientType=1 ); /* IE6-9 */
		position: absolute;
		height: 20px;
		width: 100%;
		top: 145px;
		padding-top: 5px;
		border-bottom: 4px solid #062743; 
		z-index: 20; 
		}
		
		.toggle, [id=drop] {
		font-family:arial,helvetica,sans serif;
		color:#062743;
		font-size: 14px;
		display: block;
		font-weight: bold;
		line-height:14px;
		display: none;
		}

		ul {
		padding-left: 25%;
		list-style: none;
		margin-left: 0px;
		margin-top: 0px;
		}

		ul li {
		display: in-line block;
		float: left;
		text-align: center;
		width: 8%;
		}


		/* SLIDESHOW */

		.fadein { 
			position:relative; 
			left: 36%;
			top: 400px;
			z-index: 100;
			width: 30%;
			 }
	 
		.fadein img {
			position:absolute;
			left: 0;
			top: 0;
			width: 100%;
			z-index: 100;
			 }


	
		#newsblast {
		position: relative;
		float: left;
		top: 50px;
		left: 80%;
		background: #ade2e8;
		padding: 15px;
		width: 290px;
		border:1px solid #062743; border-color:#062743;
		text-align: justify;
		z-index: 100; 
		clear:both;
		}
		
	
	#content {
	position: relative;
	margin-top: 15%;
	margin-right: 18%;
	margin-bottom: 0px;
	margin-left: 18%;
	text-align:center;
	width:64%;
	z-index: 10;
 	}	
		
		#pillar {
		position: relative;
		float: left;
		background-image: url(../images/home_pillarback_wh.jpg);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		margin-top: 20px;
		margin-left:4%;
		margin-right:4%;
		padding: 30px 10px 20px 10px;
		width: 21%;
		height: auto;
		min-height: 100px;
		text-align: center;
		}


		#pages {
		position: relative;
		padding: 20px;
		top: 40px;
		margin-bottom: 0px;
		text-align: center;
		}


			#dots {
			text-align: center;
			margin-top: 20px;
			margin-bottom: 60px;
			}		



	#footer {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+0,74acbc+72&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(116,172,188,0.72) 72%, rgba(116,172,188,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(72%,rgba(116,172,188,0.72)), color-stop(100%,rgba(116,172,188,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(116,172,188,0.72) 72%,rgba(116,172,188,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(116,172,188,0.72) 72%,rgba(116,172,188,1) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(116,172,188,0.72) 72%,rgba(116,172,188,1) 100%); /* IE10 preview */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(116,172,188,0.72) 72%,rgba(116,172,188,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#74acbc',GradientType=0 ); /* IE6-9 */
	-webkit-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7;

	position: fixed;
	height: 280px;
	width: 100%;
	bottom: 0;
	text-align: right;
	z-index: 1;
	}
	
	
	#nav4 {
	position: relative;
	margin-top: 70px;
	margin-right: 2%;
	text-align: right;
	width: 15%;
	z-index: 100;
	}
	
	#footer-rsp {
	display: none;
	}





/* DESKTOP MEDIUM CODE 1301 to 1600*/


	@media (max-width:1600px) {
	

		.titletext {font-size: 15pt; }
		
		.titletextit {font-size: 13pt; }
		
		.formtext {font-size: 10pt; }
		
		h1 {font-size: 14pt; }

	
		#headerbg {
		height: 140px;
		}
		
		#logo {
		padding-top: 0px;
		width:225px;
		}

		email {
		white-space: nowrap;
		}
		
		#descr {
		padding-top: 95px;
		margin-left: 50%;
		}

		
		#nav1 {
		top: 115px;
		}
		
		ul {
		padding-left: 30%;
		}
		
		
		#newsblast {
		top: 0px;
		width: 220px;
		}


		/* SLIDESHOW */

		.fadein { 
		top: 250px;
		 }
			 


		#content {
		top: -100px;
		}
		
		#pillar {
		margin-top: 0px;
		}
		
		#covid {
		margin-left: 10%;
		margin-right: 10%;
		width: 80%;
		}
		
		#pages {
		margin-left: 10%;
		margin-right: 10%;
		width: 80%;
		}


	
	}



/* DESKTOP SMALL CODE 768 to 1300*/

	
	@media (max-width:1300px) {
	

		/* NAV2 LINKS */
		.class2 a {font-size: 10pt; }

		/* NAV3 LINKS */
		.class3 a {font-size: 12pt; }


		.titletext {font-size: 13pt; }
	
		.titletextit {font-size: 10pt; }

		.titletextbl {font-size: 14pt; }
		
		.bodytext {font-size: 12pt; }

		.bodytextbl {font-size: 12pt;}

		.formtext {font-size: 7pt; }

		h1 {font-size: 11pt; }



	
		html, body { margin: 0px; padding: 0px;
		background: #ffffff url(../images/home_bannerpic_rsp_800.jpg);
		background-repeat: no-repeat;
		background-size: 100% auto;
		}
	
	
		#headerbg {
		height: 144px;
		}
		
		#logo {
		padding-top: 6px;
		margin-left: 5%;
		width: 200px;
		}
		
		#email {
		white-space: nowrap;
		}
		
		#descr {
		padding-top: 95px;
		margin-left: 40%;
		width: 100%;
		}

		
		#nav1 {
		top: 115px;
		}


		ul li {
		width: 15%;
		}

		
		#newsblast {
		top: 0px;
		left: 70%;
		width: 150px;
		}
		
		#content {
		top: 0px;
		margin-right: 12%;
		margin-left: 12%;
		width:76%;
		}
		
		
		/* SLIDESHOW */

		.fadein { 
		top: 170px;
		left: 30%;
		 }
			 
		.fadein img {
		width: 300px;
		 }


		#pillar {
		margin-top: 0px;
		}
		
		#covid {
		margin-left: 10%;
		margin-right: 10%;
		width: 80%;
		}
		
		#pages {
		margin-left: 10%;
		margin-right: 10%;
		width: 80%;
		}
	
		#footer {
		display: none;
		}

		
		#footer-rsp {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,86c0ce+80&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(134,192,206,0.8) 80%, rgba(134,192,206,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(80%,rgba(134,192,206,0.8)), color-stop(100%,rgba(134,192,206,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(134,192,206,0.8) 80%,rgba(134,192,206,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(134,192,206,0.8) 80%,rgba(134,192,206,1) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(134,192,206,0.8) 80%,rgba(134,192,206,1) 100%); /* IE10 preview */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(134,192,206,0.8) 80%,rgba(134,192,206,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#86c0ce',GradientType=0 ); /* IE6-9 */

		position: relative;
		display: block;
		margin: 0 auto 0 auto;
		padding-bottom: 100px;
		height: 250px;
		width: 100%;
		text-align: center;
		z-index: 1000;
		}

		#nav4 {
		width: 50%;
		text-align: center;
		}


}






/* CELLPHONE and SMALL TABLET CODE 768 and smaller*/
	

	@media (max-width:768px) {

		/* NAV3 LINKS */
		.class3 a {font-size: 12pt; }
		
		.titletext {font-size: 12pt; }

		.titletextbl {font-size: 11pt; }

		.bodytext {font-size: 11pt; display:inline-block; line-height:150%; }
		
		.bodytextit {font-size: 12pt; }
		
		.bodytextbl {font-size: 11pt; }
	
		.formtext {font-size: 9pt; }

		.copytext {font-size: 8pt; }

		h1 {font-size: 10pt; }
		

		html, body { margin: 0px; padding: 0px;
		background: #ffffff url(../images/home_bannerpic_rsp_600.jpg);
		background-repeat: no-repeat;
		background-size: 100% auto;
		}


		#wrap {
		min-height: 100%;
		height: auto; 
		margin: 0 auto;  
		padding: 0;
		}


		#headerbg {
		height: 150px;
		}
		
		
		#logo {
		padding: 5px 20% 0 20%;
		width:42%;
		text-align: center;
		}


		#email {
		display: none;
		}
		
		
		#email-rsp {
		display: block;
		position:relative;
		text-align: right;
		margin-top: 0px;
		padding-right: 5%;
		white-space: nowrap;
		z-index: 100;
		}
		
		
		#descr {
		padding-top: 65px;
		margin: -25px auto 0 auto;
		bottom: none;
		text-align: center;
		width: 80%;
		}
		

		#nav1 {
		top: 150px;
		padding-top: 4px;
		padding-left: 0px;
		height: 22px;
		}


		label {
		text-align: center;
		padding-top: 3px;
		}

		ul {
		width: 100%;
		}


		ul li {
		padding: 4px 4px;
		width: 96%;
		text-align: center;
		background: #a3dfe9;
		-webkit-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7;
		}
		
		.toggle + a, .menu {
		display: none;
		margin-left: 0px;
		padding-left: 0px;
		}
		
		
		.toggle {
		display: block;
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-ms-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease; 
		}
		

		[id^=drop]:checked + ul {
		display: block;
		margin: 0px;
		}


		/* SLIDESHOW */

		.fadein { 
		left: 5%;
		width: 100%;
		z-index: 100;
		 }
			 
		.fadein img {
		margin: 0 auto 0 auto;
		width: 90%;
		 }


		#newsblast {
		clear: both;
		left: 23%;
		margin: 270px auto 0 auto;	
		width: 50%;	
		}
		
		
		#content {
		clear: both;
		margin-top: 40px;	
		}


		#pillar {
		background-image: url(../images/home_pillarback_wh.jpg);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		margin: 0 auto 0 auto;
		padding: 15px 0 15px 0;
		min-height: 60px;
		float: none;
		width: 90%;
		}
		
		
		#pages {
		margin: 0 auto 0 auto;
		width: 90%;
		}



		#nav4 {
		width: 100%;
		text-align: center;
		z-index: 100;
		}


}