@charset "utf-8";
/* CSS Document */
html,body{
	padding:0px;
	margin:0 auto ;
	max-width: 1500px;


}
#push{
	padding-top: 55px;
	margin-left: 10px;
}
/* Navigation and footer for every page begins */
.nav {
  background-color: grey;
	overflow:hidden;
	width:100% ;
	height: 50px;
	position:fixed;
	text-align: center;
		max-width: 1500px;
	top: 0;

}
.nav a {
	display:inline-block;
	color:black;
	text-align: center;
	font-size: 15px;
	padding: 16px  10px;
	text-decoration: none;
}
.nav a:hover {
	background-color: grey;
}
.nav a.active{
	text-decoration: underline;
	text-decoration-color: aliceblue;
	font-size: 18px;
	font-weight: bold;

}
footer {
	background-color:grey;
	color: black;
	text-align: center;
		width: 100%;
		Height: 55px;
			max-width: 1500px;
	padding-top: 22px;
}
/* ends */
/* Home Page */
.introPhoto {
	content:url(cover.jpg);
 		align-content:center;
	margin: 0 auto;
	padding-top:50px;
	width:100%;
	height: 360px;
		max-width: 1200px;
}
#homepage {
	padding: 10px;
		max-width: 1000px;
	
}
#h5	{
	color: white;
	font-size: 13.5px;
	font-weight: normal;
	font-family: "Times New Roman", Times, serif;
}

/* Ends */
/* Staff Page */
.selection {
Height: 150px;
	width: 100%;
	max-width: 1500px;
	padding-top: 50px;
	text-align: center;
}
#staffCon{
	text-align: center;

}
#willie {
	padding-top: 50px;
	background-image: url(willie.jpg);
		background-repeat: no-repeat;
		background-position: 55%;
		background-size: 160% ;
	width: 80px;
	height: 80px ;
	border: 1px solid black;
	margin: 10px;
	display:inline-block;
}
#willie:hover {
	cursor:pointer;
}

#mike {
	padding-top: 50px;
	background-image: url(mike.jpg);
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: 125% ;
	width: 80px;
	height: 80px ;

	margin: 10px;
	display:inline-block;
}
#mike:hover {
	cursor:pointer;
}
#mary {
	padding-top: 50px;
	background-image: url(mary.jpg);
		background-repeat: no-repeat;
		background-position: 65%;
		background-size: 140% ;
	width: 80px;
	height: 80px ;

	margin: 10px;
	display:inline-block;
}
#mary:hover {
	cursor:pointer;
}
.img{
    STYLE="float:left;
    WIDTH:75px;
    HEIGHT:75px;"
 }