body
{
overflow-x:hidden;
width:100%;
font: 15px  "Times Roman", sans-serif;
background:#eee;
min-height:550px;
background-attachment:fixed;
}
.bg
{
min-height:540px;
}
.bg1
{
width:100%;
position: absolute;
}
.hero-form{
display:inline;
 text-decoration:none;
 color:#FFFFFF;
 border:1px solid #FFFFFF;
 padding:12px 34px;
 font-size:13px;
 background:white;
 position:relative;
}

@font-face {
   font-family: 'typo';
    src: url('../fonts/typo.ttf');
	}

@font-face {
   font-family: 'gothic';
    src: url('../fonts/gothics.ttf');
	}

.panel{
border-color:#eee;
margin:40px;
padding:20px;
font: 15px "Century Gothic", "Times Roman", sans-serif;
}

.title
{
font-family:'typo';
}

.header
{
background:#382f52;
height:70px;
}
.logo
{
font-family:'typo';
font-size:25px;
color:#ffbb33;
margin:15px;
padding:30px;
}
.title1{
font: 16px "Century Gothic", "Times Roman", sans-serif;
}
.title2{
font-family: 'Ubuntu', sans-serif;
font-size:20px;
}


.sub1
{
width:90px;
color:#202020;
background:orange;
font-size:15px;
height:35px;
margin:20px;
padding:10px;
width:100px;
}


.sub
{
width:100%;
background-color:#9acd32;
font-size:20px;
padding:2px;
margin-top:15px;
margin-right:20px;
}
.sub:hover
{
color:#fff;
}

.footer
{
font-size:15px;
text-align:center;
border-top:1px solid;
border-color:#323232;
background-color:#3CB371;
}
.dfooter
{
font-size:15px;
text-align:center;
width: 100%;
 height: 45px;
 padding:25px;
top: 100%;
border:none;
justify-self:space-between;
position:sticky;
background-color:#3CB371;
margin-top:20em;
}
.footer a
{
margin:25px;
color:orange;
text-decoration:none;
font: 15px "Century Gothic", "Times Roman", sans-serif;

}
.footer a:hover
{
text-decoration:none;
color:#9acd32;
border-bottom:solid 3px #8f0b28;
}
#footnotes{
	color:#000;
	}
.box
{
padding:9px;
}
hr{
color:#000000;
}
.top
{
margin-top:20px;
}
.log1
{
font: 15px 'Ubuntu', sans-serif;
color:orange;
margin-left:10px;
}

.log
{
margin:10px;
margin-right:60px;
margin-left:5px;
color:orange;
text-decoration:none;
}
.log:hover
{
color:#9acd32;
border-top:2px solid;
border-color:orange;
text-decoration:none;
}
nav{
	margin:0;
	width:100%;
	background-color:#008B8B;
	}
	ul{
		padding-top:20px;
	}
	ul li{
	list-style:none;
	display:inline-block;
	line-height:100px;	
		}
	ul li a{
            text-decoration:none;
            color:#CCC;
            font-size:14px;
            font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
            font-weight:bold;
            padding:0 20px;
            float:left;	
            display:block;
            margin-top:0.5em;
            }
		ul li a:hover{
			color:#000;
			text-decoration:none;
			}
			a:hover{
					text-decoration:none;
					}
					.current{
						color:#C36;
						 
							}
							.current a{
								color:#000;
								border-bottom:solid #9CF;
								}
								#inner-img{
                               width:100%;
							   height: 740px;
								}
								#inner-img-help{
									width:500px;
									height: 400px;
									 }
									 .formlogin{
										width:400px;
										height:375px;
										background:#A9A9A9;
										position:relative;
										border-top-left-radius:20px;
										border-top-right-radius:20px;
										padding:25px;
										float:center;
										box-shadow: 5px 5px 12px rgba(0,0,0,.1);
									 }
									 .login_header{
										background:#696969;
										width:400px;
										height: 50px;
										margin-top:-40px;
										margin-left:-25px;
										border-top-left-radius: 10px;
										border-top-right-radius: 10px;
									 }
									 .header-text{
										color:#eee;
										font-size:18px;
										font-weight:bold;
										margin-top:15px;
										padding:10px;
									 }
									  
									 .formlogin input[type="text"]{
										width:320px;
										height:35px;
										background-color:#FAFAD2;
										border-bottom: 1px solid #ffbb33;
										border-top: none;
										border-right: none;
										border-left:none;
										color: rgb(71, 64, 64);
										font-size: 15px;
										letter-spacing: 1px;
										margin-top:10px;
										margin-bottom: 15px;
										font-family: sans-serif;
									 }
									 .formlogin input[type="password"]{
										width:320px;
										height:35px;
										background-color: #FAFAD2;
										border-bottom: 1px solid #ffbb33;
										border-top: none;
										border-right: none;
										border-left:none;
										color: rgb(68, 62, 62);
										font-size: 15px;
										letter-spacing: 1px;
										margin-top:5px;
										margin-bottom: 5px;
										font-family: sans-serif;
									 }
									 .formlogin input[type="password"]:hover{
										border: solid 1px ;
										 border-color: #800000;
									 }
									 .formlogin input[type="text"]:hover{
										border: solid 1px ;
										 border-color: #800000;
									 }
									 .formlogin input[type="submit"]{
										border-bottom: none;
									 }
									 .formlogin input:focus{
										outline:none;
									 }
									 ::placeholder{
										color: #CCC;
										font-family: sans-serif;
										font-weight: bold;
									 }
									 .btnn{
										
										width:320px;
										height: 40px;
										background-color:#3CB371;
										color:#eee;
										font-weight: bolder;
										margin-top:20px;
										border:none;
										border-radius: 10px;
										padding: 10px;
									 }
									 .btnn:hover{
										background:#CCC;
										 color:#ff7200;
										 transition:0.4s;
									 }
								#visitors{
									margin-top: 1em;
								}
								.section{
									width:100%;
									height: 185vh;
									background: white;
									margin-top: 3em;
								}
								.section h1{
									color:#800000;
									text-align: center;
									font-size: 28px;
									font-family: Georgia, 'Times New Roman', Times, serif;
								}
								 
								.section h2{
									color:#131212;
									text-align: left;
									font-size: 28px;
									font-family: Georgia, 'Times New Roman', Times, serif;
								}
								.admin-formlogin{
									width:480px;
									height:375px;
									background:#FFF5EE;
									position:relative;
									border-top-left-radius:20px;
									border-top-right-radius:20px;
									padding:25px;
									float:center;
									box-shadow:12px 16px 5px 0 rgba(0,0,0,.1);
								 }
								 .admin_login_header{
									background:#CD5C5C;
									width:480px;
									height: 50px;
									margin-top:-40px;
									margin-left:-25px;
									border-top-left-radius: 10px;
									border-top-right-radius: 10px;
								 }
								 .admin-header-text{
									color:#eee;
									font-size:18px;
									font-weight:bold;
									margin-top:15px;
									padding:10px;
								 }
								  
								 .admin-formlogin input[type="text"]{
									width:320px;
									height:35px;
									background-color:#FAFAD2;
									border-bottom: 1px solid #ffbb33;
									border-top: none;
									border-right: none;
									border-left:none;
									color: rgb(71, 64, 64);
									font-size: 15px;
									letter-spacing: 1px;
									margin-top:10px;
									margin-bottom: 15px;
									font-family: sans-serif;
								 }
								 .admin-formlogin input[type="password"]{
									width:320px;
									height:35px;
									background-color: #FAFAD2;
									border-bottom: 1px solid #ffbb33;
									border-top: none;
									border-right: none;
									border-left:none;
									color: rgb(68, 62, 62);
									font-size: 15px;
									letter-spacing: 1px;
									margin-top:5px;
									margin-bottom: 5px;
									font-family: sans-serif;
								 }
								 .admin-formlogin input[type="password"]:hover{
									border-bottom: solid 1px ;
									border-left: none;
									border-right: none;
									border-top: none;
									 border-color: #800000;
								 }
								 .admin-formlogin input[type="text"]:hover{
									border-bottom: solid 1px ;
									border-left: none;
									border-right: none;
									border-top: none;
									 border-color: #800000;
								 }
								 .admin-formlogin input[type="submit"]{
									border-bottom: none;
								 }
								 .admin-formlogin input:focus{
									outline:none;
								 }
								 ::placeholder{
									color: #CCC;
									font-family: sans-serif;
									font-weight: bold;
								 }
								 .admin-btnn{
									
									width:100px;
									height: 40px;
									background-color:#382f52;
									color:#eee;
									font-weight: bolder;
									margin-top:20px;
									margin-right:12px;
									border:none;
									border-radius: 10px;
									transition:0.4s;
									padding: 10px;
									float: right;
								 }
								 .admin-btnn:hover{
									background:#4682B4;
									 color:#ff7200;
								 }
								 .uname{
									color:#000;
									font-size: 18px;
									font-weight: bolde;
									margin-top:0.7em;
									letter-spacing: 2px;
								 }
								 .password{
									color:#000;
									font-size: 18px;
									font-weight: bolde;
									margin-top:0.7em;
									margin-left: 1em;
									letter-spacing: 2px;
								 }
								 .scontent{
									width:70%;
									margin-left:40em;
								 }
								 .section h3{
									color:#008B8B;
									font-size: 20px;
									font-weight: bold;
									text-decoration: underline;
									text-align: left; 
								 }
								 #ncontents{
									color: #0c0b0b;
									font-size: 16px;
									font-family: 'Times New Roman', Times, serif;
									line-height: 25px;
									text-align: justify;
								 }
								 #caption{
									color: #8B4513;
									font-size: 20px;
									font-weight: bold;
									font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
								 }
								 #search-input:hover{
									border:solid 1px black;
														  
								   }
								   #surveying{
									width:100%;
									height:fit-content;
									 
								 }
								 #surveying2{
									width:100%;
									height:fit-content;
									 
								 } 
			@media(max-width:1315px){
				.admin-formlogin{
					width:100%;
					height:375px;
					background:#FFF5EE;
					position:relative;
					border-top-left-radius:20px;
					border-top-right-radius:20px;
					padding:25px;
					float:center;
					box-shadow:12px 16px 5px 0 rgba(0,0,0,.1);
				 }
				 .admin_login_header{
					background:#CD5C5C;
					width:350px;
					height: 50px;
					margin-top:-40px;
					margin-left:-25px;
					border-top-left-radius: 10px;
					border-top-right-radius: 10px;
				 }
				 .admin-header-text{
					color:#eee;
					font-size:18px;
					font-weight:bold;
					margin-top:15px;
					padding:10px;
				 }
				  
				 .admin-formlogin input[type="text"]{
					width:320px;
					height:35px;
					background-color:#FAFAD2;
					border-bottom: 1px solid #ffbb33;
					border-top: none;
					border-right: none;
					border-left:none;
					color: rgb(71, 64, 64);
					font-size: 15px;
					letter-spacing: 1px;
					margin-top:10px;
					margin-bottom: 15px;
					font-family: sans-serif;
				 }
				 .admin-formlogin input[type="password"]{
					width:320px;
					height:35px;
					background-color: #FAFAD2;
					border-bottom: 1px solid #ffbb33;
					border-top: none;
					border-right: none;
					border-left:none;
					color: rgb(68, 62, 62);
					font-size: 15px;
					letter-spacing: 1px;
					margin-top:5px;
					margin-bottom: 5px;
					font-family: sans-serif;
				 }
				 .admin-formlogin input[type="password"]:hover{
					border-bottom: solid 1px ;
					border-left: none;
					border-right: none;
					border-top: none;
					 border-color: #800000;
				 }
				 .admin-formlogin input[type="text"]:hover{
					border-bottom: solid 1px ;
					border-left: none;
					border-right: none;
					border-top: none;
					 border-color: #800000;
				 }
				 .admin-formlogin input[type="submit"]{
					border-bottom: none;
				 }
				 .admin-formlogin input:focus{
					outline:none;
				 }
				 ::placeholder{
					color: #CCC;
					font-family: sans-serif;
					font-weight: bold;
				 }
				 .admin-btnn{
					
					width:100px;
					height: 40px;
					background-color:#382f52;
					color:#eee;
					font-weight: bolder;
					margin-top:20px;
					margin-right:12px;
					border:none;
					border-radius: 10px;
					transition:0.4s;
					padding: 10px;
					float: right;
				 }
				 .admin-btnn:hover{
					background:#4682B4;
					 color:#ff7200;
				 }
				 .uname{
					color:#000;
					font-size: 18px;
					font-weight: bolde;
					margin-top:0.7em;
					letter-spacing: 2px;
				 }
				 .password{
					color:#000;
					font-size: 18px;
					font-weight: bolde;
					margin-top:0.7em;
					margin-left: 1em;
					letter-spacing: 2px;
				 }
				 .scontent{
					width:70%;
					margin-left:40em;
				 }
				 .section h3{
					color:#008B8B;
					font-size: 20px;
					font-weight: bold;
					text-decoration: underline;
					text-align: left; 
				 }
				 #ncontents{
					color: #0c0b0b;
					font-size: 16px;
					font-family: 'Times New Roman', Times, serif;
					line-height: 25px;
					text-align: justify;
				 }
				 #caption{
					color: #8B4513;
					font-size: 20px;
					font-weight: bold;
					font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
				 }
				 #search-input:hover{
					border:solid 1px black;
										  
				   }
				   #surveying{
					width:100%;
					height:fit-content;
					 
				 }
				 #surveying2{
					width:100%;
					height:fit-content;
					 
				 } 
				#search-input{
					margin-top:-3em;
					width:90%;					  
				   } 
				   #btn-searches{
					margin-top:-3em;
					margin-left:10em;
					float: right;
				   }
				.section{
					width:100%;
					height: 285vh;
					background: white;
					margin-top: 3em;
				}
				#ncontents{
					color: #0c0b0b;
					font-size: 14px;
					font-family: 'Times New Roman', Times, serif;
					line-height: 25px;
					text-align: justify;
				 }
				 #caption{
					color: #8B4513;
					font-size: 10px;
					font-weight: bold;
					font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
				 }
				 #surveying{
					width:50%;
					height:fit-content;
					margin-top: 10px;
				 }
				 #surveying2{
					width:50%;
					height:fit-content;
					margin-top: 10px;
				 }
				.formlogin{
					width:100%;
					height:380px;
					margin:5px;
					background:A9A9A9;
					border-top-left-radius:20px;
					border-top-right-radius:20px;	 
				 }
				 .formlogin .login_header{
					width:114%;
					height: 50px;
					margin-top:-40px;
					background:#696969;
				 }
				 .header-text{
					color:#eee;
					font-size:16px;
					font-weight:bold;
					margin-top:15px;
					text-align: center;
				 }
				  
				 .formlogin  input[type="text"]{
					width:100%;
					height:35px;
					background-color:#FAFAD2;
					border-bottom: 1px solid #ffbb33;
					border-top: none;
					border-right: none;
					border-left:none;
					color: rgb(71, 64, 64);
					font-size: 15px;
					letter-spacing: 1px;
					margin-top:10px;
					margin-bottom: 15px;
					font-family: sans-serif;
					display: block;
				 }
				 .formlogin input[type="password"]{
					width:100%;
					height:35px;
					background-color: #FAFAD2;
					border-bottom: 1px solid #ffbb33;
					border-top: none;
					border-right: none;
					border-left:none;
					color: rgb(68, 62, 62);
					font-size: 15px;
					letter-spacing: 1px;
					margin-top:5px;
					margin-bottom: 5px;
					font-family: sans-serif;
					display: block;
				 }
				 .formlogin input[type="password"]:hover{
					border: solid 1px ;
					 border-color: #800000;
				 }
				 .formlogin input[type="text"]:hover{
					border: solid 1px ;
					 border-color: #800000;
				 }
				 .formlogin input[type="submit"]{
					border-bottom: none;
				 }
				 .formlogin input:focus{
					outline:none;
				 }
				 ::placeholder{
					color: #CCC;
					font-family: sans-serif;
					font-weight: bold;
				 }
				 .btnn{
					
					width:100%;
					height: 40px;
					background-color:#3CB371;
					color:#eee;
					font-weight: bolder;
					margin-top:30px;
					border:none;
					border-radius: 10px;
					display: block;
					transition:0.4s;
					padding: 10px;
				 }
				 .btnn:hover{
					background:#CCC;
					 color:#ff7200;
				 }
				 #visitors{
					margin-top: 1em;
				}
				.admin-formlogin{
					width:100%;
					height:380px;
					margin:5px;
					background:A9A9A9;
					border-top-left-radius:20px;
					border-top-right-radius:20px;	 
				 }
				  .admin_login_header{
					width:114%;
					height: 50px;
					margin-top:-40px;
					background:#CD5C5C;
				 }
				 .admin-header-text{
					color:#eee;
					font-size:16px;
					font-weight:bold;
					margin-top:15px;
					text-align: center;
				 }
				  
				 admin-formlogin input[type="text"]{
					width:100%;
					height:35px;
					background-color:#FAFAD2;
					border-bottom: 1px solid #ffbb33;
					border-top: none;
					border-right: none;
					border-left:none;
					color: rgb(71, 64, 64);
					font-size: 15px;
					letter-spacing: 1px;
					margin-top:10px;
					margin-bottom: 15px;
					font-family: sans-serif;
					display: block;
				 }
				 input[type="password"]{
					width:100%;
					height:35px;
					background-color: #FAFAD2;
					border-bottom: 1px solid #ffbb33;
					border-top: none;
					border-right: none;
					border-left:none;
					color: rgb(68, 62, 62);
					font-size: 15px;
					letter-spacing: 1px;
					margin-top:5px;
					margin-bottom: 5px;
					font-family: sans-serif;
					display: block;
				 }
				 input[type="password"]:hover{
					border-bottom: solid 1px ;
					border-left: none;
					border-right: none;
					border-top: none;
					border-color: #800000;
				 }
				input[type="text"]:hover{
					border-bottom: solid 1px ;
					border-left: none;
					border-right: none;
					border-top: none;
					border-color: #800000;
				 }
				 
				 .admin-btnn{
					width:100%;
					height: 40px;
					background-color:#382f52;
					color:#eee;
					font-weight: bolder;
					margin-top:30px;
					border:none;
					border-radius:10px;
					display: block;
					transition:0.4s;
					padding:10px;
					float:center;
				 }
				 .admin-btnn:hover{
					background:#4682B4;
					 color:#ff7200;
				 }
				.downloads{
					font-size:10px;
					width:100%;
				}
				#inner-img-help{
					width:100%;
					height:280px;
					 }
				#inner-img{
					width:100%;
					height: 240px;
					 }
				.logo
{
font-family:'typo';
font-size:14px;
color:#ffbb33;
padding:5px;
}
ul li{
	list-style:none;
	display:block;
	line-height:100px;
	
		}
	ul li a{
		text-decoration:none;
		color:#CCC;
		font-size:14px;
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-weight:bold;
		padding:0 20px;
		float:left;	
		display:block;
		}
		ul li a:hover{
			color:#000;
			text-decoration:none;
			}
				a:hover{
					text-decoration:none;
					}
					img{
						width:40px;
						height:40px;
						}
						.current{
							color:#000;
							}
							nav{
								margin:0;
								width:100%;
								background-color:#008B8B;
								display: block;
								}
								nav input[type="text"]{
									position:relative;
									left:0;
									right:0;
								}
				}