@charset "UTF-8";
/* CSS Document */

body{ 
	margin-top:0px ;
	padding:0; 
	background-color: #f1f1f1; 
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
body h1{ 
	font-size:36px; 
	margin-top: 50px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	text-align: center; 
}
body h2{ 
	font-size:36px; 
	margin-top: 50px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	text-align: left; 
	}
body p{
	font-size:24px; 
	margin-top: 50px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
body h{
	font-size:24px; 
	font-weight:500;  
	margin-top: 50px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

#navbar{ 
	background-color: #333;
	position:fixed;
	top:-10px;
	width: 100%;

	display:inline-block;
	transition: top 0.4s; 
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
#navbar a{ 
	float: left; 
	display: block;
	color: #F2F2F2; 
	text-align: center ; 
	padding: 15px;
	text-decoration:none; 
	font-size: 17px; 
}
#navbar a:hover{ 
	background-color: #FCEA78; 
	color: #33A342;

}
#navbar a .active{ 
	background-color: none; 
	display: block;
	color: #F2F2F2; 
	text-align: center ; 
	padding: 15px;
	
	font-size: 17px; 

}
#navbar .search-container{
	float:right;
	margin: -10px;
	display: block;
	padding: 0px; 
	font-size: 17px; 
	
}

#navbar input[type=text]{
padding: 6px; 
margin-top: 8px;
font-size:17px; 
border: none; 
}

.myInput{ 
	/*background-image:url("/css/searchicon#png");*/
	background-position:right; 
	background-repeat: no-repeat;
	width: 100%;
	font-size: 16px; 
	padding: 0;
	border: 1px solid #ddd; 
	margin: 0px; 
	text-align: center;
	float:right;  
	
 
}


#siteUL{ 
list-style-type: none; 
padding: 0;
	margin: 0; 
}
#siteUL li a { 
	border: 1px solid #ddd ; 
	background-color: #f6f6f6; 
	margin-top: -1px; /*prevents doubling*/
	padding:12px; 
	text-decoration: none; 
	font-size: 18px; 
	color: black; 
	display:block; 
}
#siteUL li a:hover:not(#header){ 
	background-color: #eee; 
	
}

/*media query adjust this for mobile devices purdy plz*/ 
@media only screen and (max-height: 450px) and (max-width: 350px){
	.parallax1{}
	.parallax2{}
	.parallax3{}
	.parallax4{}
	
	.overlay a{font-size: 20px}
	.overlay .closeThis{ 
		font-size: 40px; 
		top:15px; 
		right:35px; 
	}
}
	/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 350px) {
  .parallax1, .parallax2, .parallax3, .parallax4 {
    background-attachment: scroll;
    min-height: 400px;
  }
}
 
#menu {
}
.menu {
}