*{padding:0; margin:0;box-sizing: border-box;}
 body {font-size:15px; font-family:verdana,arial,sans-serif;} 

.westpage-content {width:100%; font-family:"trebuchet ms",arial,sans-serif;}
.header-top {width:100%; height:100px; background:#FFFAF0; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.sitelogo {width:190px; height:60px; position:absolute; z-index:1; margin:22px 0 0 20px; background:url(logo.png); }

.nav1 {width:850px; position:absolute; z-index:2; margin:35px 0 0 990px;}
.nav1 ul {float:right; padding:0 15px 0 0; }	
.nav1 li {display:inline; list-style:none;}
.nav1 li a {display:block; float:left; padding:2px 5px 2px 5px; color:rgb(125,125,125) ; text-decoration:none; font-size:120%;}
.nav1 a:hover {text-decoration:none; color:rgb(50,50,50);}

.sitemessage {width:1200px; height:180px; position:absolute; z-index:4; margin:220px 0 0 480px; color:rgb(234,239,247); overflow:hidden /*IE6*/;}
.sitemessage h1 {width:1200px; text-align:left; font-size:325%; font-weight:100;font-style:normal;font-stretch: condensed;font-family:Helvetica, sans-serif;color:#FFFAF0;}

.layer1 {width:100%; height:725px; background: white;position:relative;overflow:hidden; }
.layer1 h2 {text-align:center; margin-top:90px; margin-left:28%;margin-right:28%;font-size:190%; font-weight:100;font-style:normal;font-family:Helvetica, sans-serif;color:#FFFAF0;}
.layer1 a:link {color: green; background-color: transparent; text-decoration: none;}
.layer1 a:visited {color: black; background-color: transparent; text-decoration: none;}
.layer1 a:hover {color: black; background-color: transparent; text-decoration: none;}
.layer1 a:active {color: black; background-color: transparent; text-decoration: none;}

.layer2 {width:100%; height:1060px; background:#FFFAF0;position:relative;overflow:hidden; z-index: 5; }
.layer2 h2 {text-align:center; margin-top:90px; font-size:200%;font-weight:100;font-style:normal;font-family:Helvetica, sans-serif;color:#FFFAF0;}
.layer2 a {text-decoration:none;color:rgb(0,191,255)}
.layer2 a:hover {text-decoration:none;color:rgb(65,105,225);}
.layer2 table {width:60%; text-align:center; margin-top:60px;margin-left:auto;margin-right:auto}
.layer2 td {padding-top:50px;padding-bottom:50px;font-size:18px;font-family:arial }
.layer2 p {text-align:left;}

.layer3 {width:100%; height:300px; background:#696969;position:relative;overflow:hidden;  }
.layer3 a {text-decoration:none;color:rgb(0,206,209)}
.layer3 a:hover {text-decoration:none;color:rgb(32,178,170);}
.layer3 table {width:60%;text-align:center;margin-top:60px;margin-left:auto;margin-right:auto }
.layer3 td {font-size:18px;font-style:normal;text-align:center;padding-top:10px;padding-bottom:10px }

.layer4 {width:100%; height:475px; background: linear-gradient(to right, #0066cc 26%, #0099cc 100%);position:relative;overflow:hidden; }
.layer4 h1 {text-align:center; margin-top:200px; font-weight:100;font-size:500%; font-style:normal;font-family:Helvetica, sans-serif;color:#FFFAF0;}

.layer5 {width:100%; height:auto; background:#FFFAF0;position:relative;overflow:hidden; z-index: 5; }
.layer5 h1 {text-align:center; margin-top:50px; margin-left:22%;margin-right:22%;font-size:220%; font-weight:100;font-style:normal;font-family:Helvetica, sans-serif;color:#696969;}
.layer5 h2 {text-align:center; margin-top:20px; margin-left:22%;margin-right:22%;font-size:140%; font-weight:100;font-style:normal;font-stretch: condensed;font-family:Helvetica, sans-serif;color:#696969;}
.layer5 a {text-decoration:none;color:#4682B4}
.layer5 a:hover {text-decoration:none;color:#1E90FF;}
.layer5 table { width:55%;margin-left:auto;margin-right:auto;margin-top:70px;margin-bottom:30px}

.home {
	height: 500px;
	position: relative;
	overflow:hidden;
}
.home img {width:100%}

#vid{
	position: absolute;
	top: 50%; 
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	min-width: 100%; 
	min-height: 100%; 
	width: auto; 
	height: auto;
	z-index: -1000; 
	overflow: hidden;
}

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 2;
	background: rgba(0,0,0,0.7);
}


@media only screen and (max-width: 767px) 
{  
   /* CSS for mobile view goes in this media query*/  

    body {font-size:10px; font-family:verdana,arial,sans-serif;} 
.westpage-content {width:100%; font-family:"trebuchet ms",arial,sans-serif;}

.header-top {width:100%; height:130px; background:#FFFAF0; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.sitelogo {width:190px; height:60px; position:absolute; z-index:1; margin:22px 0 0 5px; background:url(logo.png); }
.nav1 {width:100%; position:absolute; z-index:2; margin:90px 0px 0px 0px;}
.nav1 ul {float:right; padding:0 15px 0px 0; }	
.nav1 li {display:inline; list-style:none;}
.nav1 li a {display:block; float:left; padding:2px 5px 2px 5px; color:rgb(125,125,125) ; text-decoration:none; font-size:121%;}
.nav1 a:hover {text-decoration:none; color:rgb(50,50,50);}

.sitemessage {width:100%; height:180px; position:absolute; z-index:4; margin:90px 0 0 6px; color:rgb(234,239,247); overflow:hidden /*IE6*/;}
.sitemessage h1 {width:1000px; text-align:left; font-size:190%; font-weight:100;font-style:normal;font-stretch: condensed;font-family:Helvetica, sans-serif;color:#FFFAF0;}

.layer1 {width:100%; height:175px; background: linear-gradient(to right, #0066cc 26%, #0099cc 100%);position:relative;overflow:hidden; }
.layer1 h2 {text-align:center; margin-top:40px; margin-left:5%;margin-right:5%;font-size:160%; font-weight:100;font-style:normal;font-family:Helvetica, sans-serif;color:#FFFAF0;}
.layer1 p {text-align:left;}

.layer2 {width:100%; height:1100px; background:#FFFAF0;position:relative;overflow:hidden; z-index: 5; }
.layer2 h2 {text-align:center; margin-top:90px; font-size:200%;font-weight:100;font-style:normal;font-family:Helvetica, sans-serif;color:#FFFAF0;}
.layer2 a {text-decoration:none;color:rgb(0,191,255)}
.layer2 a:hover {text-decoration:none;color:rgb(65,105,225);}
.layer2 table {width:90%; text-align:center; margin-top:40px;margin-left:auto;margin-right:auto}
.layer2 td {padding-top:40px;padding-bottom:40px;font-size:18px;font-family:arial }
.layer2 p {text-align:left;}

.layer3 {width:100%; height:325px; background:#696969;position:relative;overflow:hidden;  }
.layer3 a {text-decoration:none;color:rgb(0,206,209)}
.layer3 a:hover {text-decoration:none;color:rgb(32,178,170);}
.layer3 table {width:90%;text-align:center;margin-top:30px;margin-left:auto;margin-right:auto }
.layer3 td {font-size:18px;font-style:normal;text-align:center;padding-top:10px;padding-bottom:10px }

.layer4 {width:100%; height:260px; background: linear-gradient(to right, #0066cc 26%, #0099cc 100%);position:relative;overflow:hidden; }
.layer4 h1 {text-align:center; margin-top:100px; font-weight:100;font-size:500%; font-style:normal;font-family:Helvetica, sans-serif;color:#FFFAF0;}

.layer5 {width:100%; height:auto; background:#FFFAF0;position:relative;overflow:hidden; z-index: 5; }
.layer5 h1 {text-align:center; margin-top:50px;margin-left:10%;margin-right:10%; font-size:220%; font-weight:100;font-style:normal;font-family:Helvetica, sans-serif;color:#696969;}
.layer5 h2 {text-align:center; margin-top:20px;margin-left:10%;margin-right:10%; font-size:140%; font-weight:100;font-style:normal;font-stretch: condensed;font-family:Helvetica, sans-serif;color:#696969;}
.layer5 a {text-decoration:none;color:#4682B4}
.layer5 a:hover {text-decoration:none;color:#1E90FF;}




.home {
	margin-top:0px;
	height: 250px;
	position: relative;
	overflow:hidden;
}


#vid{
	position: absolute;
	top: 50%; 
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	min-width: 100%; 
	min-height: 100%; 
	width: auto; 
	height: auto;
	z-index: -1000; 
	overflow: hidden;
}

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 2;
	background: rgba(0,0,0,0.7);
}


}