body, html {
    height: 100%;
	margin:0;
	padding:0;
	font-family: 'Mina';font-size: 22px;
	color:white;
}

#overlay {
  text-align:center;
  padding-top:50%;
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  padding-top:200px;
  height:100%;
  width:100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: black ; /*rgba(0,0,0);  Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
  color:white;
  text-align:center;
  opacity:75%;
}

.divB {
	text-align:center;
	background-color:black;
	display:inline-block;
	color:white;
	font-size:28px;
	opacity:1;
}

.a1 {
	clear:both;
	height:50%;
	width:100%;
	background-repeat: no-repeat;   
	background-attachment: fixed; 
	background-position: center; 
	background-size: cover;
}

.a2 {
	color:silver;
	font-size:16px;

}

.a3 {
	clear:both;
	padding:10% 15% 10% 15%;
	text-align:center;
	line-height:0.5;
}

.input0			{
	font-family:tahoma;
	font-size:18px;
	color:teal; 
	padding:10px; 
	border-radius:5px;
	border:1px #202020 solid;
	width:80%;
}

.input0:focus	{
	box-shadow: 0px 0px 5px 5px lavender;
}


.search1 {
	background-color:white;
	font-size:18px;
	border-radius:5px;
	color:teal;
	border:1px solid teal;
	padding:10px;
}

.search1:hover {
	background-color:teal;
	font-size:18px;
	border-radius:5px;
	color:white;
	border:2px solid teal;
	padding:10px;
	box-shadow: 0px 0px 5px 5px lavender;
}

.input2 {
	color:black;
	font-size:18px;
}

.header {
	width:100%;
	height:80px;
	font-size:40px;
	line-height:120%;
}

.logo {
	font-size:40px;
	color:#179ea0 ;
	text-decoration:none;
	font-family:"Passion One";
	
}

.tagline {
	font-size:12px;
	color: #2c3e50 ;
	text-decoration:italic;
	line-height:90%;
	font-style:italic;
}

.div1 {
	background-color: #e8eaee ;
	font-size:14px;
	padding-top:10px;
	padding-left:25px;
	padding-bottom:100px;
	color:gray;

}

.div2{
	height:100%;
	width:100%;
	font-size:20px;
}

.div3 {
	width:100%;
	height: 100%;
	background-image:url('../images/trees.jpg');
	background-size: cover;
	background-attachment: fixed; 
	background-position: center;

}

.div4 {
	color:gray;
	font-size:14px;
	padding:5px;
}

.div5 {
	text-align:center;
}

.div6 {
	font-size:16px;
	text-align:center;
	color:blue;
	text-decoration:underline;
}

.div7 {
	font-size:20px;
	text-align:center;
	color:gray;
}

.div8 {
	font-size:12px;
	text-align:center;
	color:teal;
}
.div9 {
	color:gray;
	padding:0% 1% 2% 1%;
	background-color:#DEDEDE;
	width:80%;
}

.div10 {
	font-size:20px;
	font-family:calibri;
	color:teal;
	border-radius:5px;
	border:1px teal solid;
	height:200px;
	width:90%;
}

.button1 {
	background-color:teal;
	font-size:16px;
	border-radius:5px;
	color:white;
	border:0px;
	padding:10px;
}



.submit3		{
	font-family:tahoma;
	font-size:16px;
	font-weight:bold;
	padding:10px;
	border:1px solid silver;
	border-radius:5px;
	color:white;
	background-color:teal;
}

.submit3:hover		{
	font-family:tahoma;
	font-size:16px;
	font-weight:bold;
	padding:10px;
	border:1px solid silver;
	border-radius:5px;
	color:teal;
	background-color:white;
}

.subHeading2 	{
	font-family:tahoma;
	font-size:32px;
	color:#696969;
	font-weight:bold;
	height:80px;
	text-align:center;
}

.lbl {
	font-family:tahoma;
	font-size:18px;
	color:teal; 
	padding:10px; 
}

/* c1 content 1 */
.lbl2	{
	font-family:tahoma;
	font-size:18px;
	color:teal; 
	padding:10px; 
}

.a4 {
	color:teal;
	font-size:14px;
	text-decoration:none;
	font-family:calibri;
	text-align:right;
	padding-right:10px;
	font-weight:bold;
	height:20px;
	display:block;
}

.a5 {
	color:black;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	font-family:calibri;
	text-align:right;
	padding-right:10px;
	height:50px;
	display:block;
}

.a6 {
	color:black;
	font-size:14px;
	font-family:calibri;
	text-decoration:none;
	padding-right:10px;
	line-height:80%;
}



.input2 {
	color:black;
	font-size:18px;
}

.table1{
	background-color:white;
	border-radius:5px;
	box-shadow: 0px 0px 5px 5px lavender;
}

.tt1 {
	width:60%;
}


.subHeading2 	{
	font-family:tahoma;
	font-size:32px;
	color:#696969;
	font-weight:bold;
	height:80px;
	text-align:center;
}


.submit3		{
	font-family:tahoma;
	font-size:16px;
	font-weight:bold;
	padding:10px;
	border:1px solid silver;
	border-radius:5px;
	color:white;
	background-color:teal;
}

.submit3:hover		{
	color:white;
	background-color:teal;
	text-shadow: 4px 4px 12px silver;
	box-shadow: 0px 0px 5px 5px lavender;
}

.label1	{
	font-family:tahoma;
	font-size:14px;
	color:gray;
	display:inline-block;
	width:48%;
	text-align:right;
	margin:7px;
}

.input1			{
	display:inline-block;
	font-family:tahoma;
	font-size:14px;
	color:teal; 
	padding:5px; 
	border:1px silver solid;
	border-radius:5px;

}

.input1:focus	{
	box-shadow: 0px 0px 5px 5px lavender;
}

.span1 {
	display:inline-block;
	width:48%;
	text-align:left;
	color:teal;
	font-size:14px;
}

.span2  {
	display:inline-block;
	width:48%;
	text-align:left;
}

.div0 {
	font-size:12px;
	color:teal;
}

/***************************************************
   styles for urlBar.php used in showResults.php 
***************************************************/

.urlBar1 {
	width:100%;
	text-align:center;
	color:white;
	font-size:10px;
	font-weight:bold;
}

.urlBar2 {
	display:inline-block;
	width:60%;
	text-align:center;
	background-color: #1cc274 ;
	padding:10px;
	position:relative;
}

.urlBar3 {
	display:inline-block;
	font-size:20px;
	background-color:silver;
	border: 1px solid silver;
	border-radius:3px;
	padding-right:10px;
	padding-left:10px;	
}

.urlBar4 {
	display:inline-block;
	background-color:silver;
	border: 1px solid silver;
	border-radius:3px;
	padding-right:10px;
	padding-left:10px;
}

.urlBar5 {
	display:inline-block;
	background-color:silver;
	border: 1px solid silver;
	border-radius:3px;
	padding-right:10px;
	padding-left:10px;
}

.urlimg1 {
	height:25px;
	width:100px;
}

.urlimg2 {
	height:25px;
	width:25px;
	cursor:pointer;
}



/****** tab sextion STARTS hre ******************/
/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  width:90%;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
  width:88%;
}

.a7 {
	padding-top:20px;
	color: #808080;
	font-size:14px;
	text-align:center;
	 font-style: italic;
	clear:both;
}

.pic1 {
	height:250px;
	width:300px;
	border:2px dashed red;
	background-image:url('https://storage.googleapis.com/afs-prod/media/0ca68832000343a99339dbb6a1544e55/1000.jpeg');
	background-size:cover;
	background-repeat: no-repeat;
}

/*************tab section ENDS here***********************************/
@media screen and (max-width: 500px) {

	.header {
		width:100%;
		height:40px;
		padding:5px;
		font-size:20px;
	}
	
	.tagline {
		width:0px;
		height:0px;
		display:none;
	}
	
	
	.logo {
		font-size:20px;
		color:black;
		text-decoration:none;
		color:#179ea0 ;
		font-family:"Passion One";
	}
	.a2 {
		width:0px;
		height:0px;
		display:none;
	}
	.div2{
		height:100%;
		width:100%;
		font-size:12px;
	}
	
	.a3 {
		padding:25% 2% 20% 2%;
	}	
	

	
	.tt1 {
		width:95%;
	}
	
	.label1	{
		text-align:left;
		font-family:tahoma;
		font-size:14px;
		color:gray;
		display:inline-block;
		width:98%;
		margin:7px;
	}

	.input1			{
		display:inline-block;
		font-family:tahoma;
		font-size:14px;
		color:teal; 
		padding:5px; 
		border:1px silver solid;
		border-radius:5px;
		text-align:left;
		width:100%;

	}
	
	.input2			{
		display:inline-block;
		font-family:tahoma;
		font-size:14px;
		color:teal; 
		padding:5px; 
		border:1px silver solid;
		border-radius:5px;
		text-align:left;
		width:50%;
	}
	
	
	.span1 {
		display:inline-block;
		width:98%;
		text-align:left;
	}
	
	.span2 {
		display:inline-block;
		width:100%;
		text-align:left;
	}
	
	.div9 {
		color:gray;
		padding:0% 1% 2% 1%;
		background-color:#DEDEDE;
		width:90%;
	}

	.div10 {
		font-size:12px;
		font-family:calibri;
		color:teal;
		border-radius:5px;
		border:1px teal solid;
		height:100px;
		width:90%;
	}
	
	.a4 {
		color:teal;
		font-size:14px;
		text-decoration:none;
		font-family:calibri;
		text-align:right;
		padding-right:10px;
		font-weight:bold;
		height:5px;
		display:block;
	}

	.a5 {
		color:black;
		font-size:14px;
		font-weight:bold;
		text-decoration:none;
		font-family:calibri;
		text-align:right;
		padding-right:10px;
		height:50px;
		display:block;
	}
	.a6 {
		color:black;
		font-size:14px;
		font-family:calibri;
		text-decoration:none;
		padding-right:10px;
		line-height:100%;
	}
	/***************************************************
		styles for urlBar.php used in showResults.php 
	***************************************************/

	.urlBar1 {
		width:100%;
		text-align:center;
		color:white;
		font-size:10px;
		font-weight:bold;
	}

	.urlBar2 {
		display:inline-block;
		width:60%;
		text-align:center;
		background-color: #1cc274 ;
		padding:10px;
		position:relative;
	}

	.urlBar3 {
		display:inline-block;
		font-size:12px;
		background-color:silver;
		border: 1px solid silver;
		border-radius:3px;
		padding-right:5px;
		padding-left:5px;	
	}

	.urlBar4 {
		display:inline-block;
		background-color:silver;
		border: 1px solid silver;
		border-radius:3px;
		padding-right:5px;
		padding-left:5px;
	}

	.urlBar5 {
		display:inline-block;
		background-color:silver;
		border: 1px solid silver;
		border-radius:3px;
		padding-right:5px;
		padding-left:5px;
	}
	
	.urlimg1 {
		height:10px;
		width:25px;
	}
	
	.urlimg2 {
		height:10px;
		width:10px;
		cursor:pointer;
	}
	
	.a7 {
		color: #202020;
		font-size:10px;
		text-align:center;
		clear:both;
	}
	
	.input0			{
		font-family:tahoma;
		font-size:14px;
		color:teal; 
		padding:5px; 
		border-radius:2px;
		border:1px #202020 solid;
		width:95%;
	}

	.input0:focus	{
		box-shadow: 0px 0px 5px 5px lavender;
	}


}