@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;1,300;1,400;1,700&family=Open+Sans:ital,wght@0,300;0,400;0,600;1,400;1,600&display=swap');

BODY {
	background: #58A07B ; /*#086146  url(../images/BG_LINE.GIF)*/
	margin: 50px 20px;
	/*** SCROLL BARS ***************************************************************/
         
	scrollbar-3dlight-color: #FFFF00;
	scrollbar-light-color: #CC0000;
	scrollbar-arrow-color: #FFFFFF; /* arrow color when the scroll bar appear with long content*/
	scrollbar-base-color: #FFFFFF;
	scrollbar-darkshadow-color: #000000;
	scrollbar-face-color: #086146;
	scrollbar-highlight-color: #6666FF;     /* outline color of scroll bar, drop shadow of arrow */
	scrollbar-shadow-color: #FFFFFF;        /* arrow color when there is no scroll bar*/
	scrollbar-track-color: #086146;
		
	}
body {
	font-family: Lato,'Open Sans', Arial, Helvetica, sans-serif;
	line-height:1.75em;
	font-weight:400;
	font-size: .9em;
	font-style: normal;
	color: 086146;
}

.container { width:750px; margin: 0 auto; padding: 25px; box-sizing: border-box; }
.pcontent  { background: #D9F0AC; overflow:auto;  }
.leftcol  { width: 50%; float: left; padding:5%; }
.rightcol { width: 40%; float: left; }
.rightcol img { float: right; }

header { width:100%; height:75px; font-size: 100%; text-indent:-9999px; }
footer { width:100%; height:75px; }

 /********************************************************************/

A:link { 
	color: #086146; 
	text-decoration:underline;
	}
A:visited { 
	color: #086146; 
	text-decoration: none
	}
A:hover { 
	color: #58A07B; 
	text-decoration: underline; 
	}
.smgreen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #086146;

}

.navbar { background: #3e624e; width:100%; padding: 5px 20px; overflow:auto; box-sizing:border-box; font: 0.9em Arial, Helvetica, sans-serif; }
.navbar a:link, .navbar a:visited  { margin: 0 15px; color: #fff; text-decoration: none; }
.navbar a:hover { color: #ddf706; }

@media screen and (max-width: 640px) {
	body { margin: 0; }
	.container { width: 100%; float:none; padding: 0;  }
	.navbar a:link { margin: 0 10px; }
	.leftcol  { width: 90%; float: none; margin: 0 auto; padding:0; }
	.rightcol { width: 100%; float: none; }
}