@charset "utf-8";
/* CSS Document */
* {margin:0 0 0 0;padding:0 0 0 0}
body {
	text-align: left !important;
	max-width:1000px;
	margin:0 auto;
	font-family:verdana,  Arial, tahoma , serif;
	font-size:16px;
	font-style:normal;
	font-weight:normal;
	line-height:28px;
	background:#FFF;
}
h1 , h2 {font-weight:bold}
a {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
}
.Verdana-10 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
}
img {
	margin: 1% 1%;	
    max-width: 100%;
    height: auto;
}
video 
{
    width: 100%;
    height: auto;
    max-height: 100%;
}
.image1 {float:left}
.image2 , .image3, .image4 {display: none}
header {width: 90%;float: left;padding: .5% 5%; background:#FFF;} 
.main {
	width: 90%;
	float: center;
	padding: 0 2% 0 5%;
	text-align: left !important;
	background:#FFF;
}
.img {margin: 1% 1%;box-shadow:2px 2px 4px #00000e;}
footer {
	width: 90%;
	float: left;
	background:#FFF;
}
.main h1 {
	font-size : 30px;
	color: #000000;
	text-align : left;
	margin: 2% 0;
	font-weight: bold;
}
.main h2 {
	font-size : 24px;
	color: #000000;
	margin: 2% 0;
	font-weight: bold;
}
.green-text {
	color: #00C100;
}
.Yellow {
	background-color: #FF3;
}
p.clear {clear: both}
.main p ,{text-align : left;text-indent : 16px ;margin: 1% 0 }
footer p {text-align : center; padding: 1% 0} 
footer p a {color: #000000}
@media all and (max-width:1350px) {.image1 {display: none}
.image2 {display: block;float: left}
}
@media all and (max-width:1280px) {
body {font-size:16px}
header h1 , .main h1 {font-size:28px}
.slogan , .main h2  {font-size:22px}
}
@media all and (max-width:1024px) {
.main{width: 82%}
header h1 , .main h1 {font-size:24px}
.slogan , .main h2 ,{font-size:20px}
}
@media all and (max-width:850px) {
.image2 {display: none}
.image3 {display:block;float: left}
}
@media all and (max-width:768px) {
body {font-size: 16px;}
.main{width: 82%}
header h1 , .main h1 {font-size:22px}
.slogan , .main h2 {font-size:18px}
}
@media all and (max-width:640px) {
header ,  nav , .main , footer  {
width: 90% !important;
display: block !important;
padding:0 5% !important;
margin: 0 auto !important;}
.main h1 {font-size:20px}
}
@media all and (max-width: 480px) {
header h1 {float: none;font-size:18px;text-align: center}
.slogan {font-size:18px;}
.main h1 , .main h2  {font-size: 18px}


/*
     FILE ARCHIVED ON 11:25:29 Oct 08, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:59:24 Aug 02, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.521
  exclusion.robots: 0.058
  exclusion.robots.policy: 0.048
  esindex: 0.009
  cdx.remote: 9.88
  LoadShardBlock: 340.296 (3)
  PetaboxLoader3.datanode: 175.95 (4)
  PetaboxLoader3.resolve: 210.686 (3)
  load_resource: 56.98
*/