/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */

html {
	/* Ensure the html element always takes up the full height of the browser window */
	min-height: 100%;
	/* The Magic */
	background-size: cover;
}
.city {
	background-color: antiquewhite;
	border: 4px solid midnightblue;
	color: black; 
    font-size: 23px;
	font-family: Georgia;
	font-weight: bold;
	font-style: italic;
	padding: 0px 0px;
	border-radius: 50px;
	width: 330px;
	height: 100px;
	opacity: 0.7;
    }
.city:hover {
	background-color: limegreen;
	color: black;
	border: 6px solid cornsilk;
	opacity: 0.7;
}
.citn {
	background-color: transparent;
	border: 4px solid midnightblue;
	color: black; 
    font-size: 23px;
	font-family: Georgia;
	font-weight: bold;
	font-style: italic;
	padding: 0px 0px;
	border-radius: 50px;
	width: 330px;
	height: 100px;
	}
.citn:hover {
	background-color: limegreen;
	color: black;
	border: 6px solid cornsilk;
	opacity: 0.5;
}
.border {
	background-color: transparent;
	border: 4px solid darkgreen;
	color: black; 
   font-family: Georgia;
	font-size: 23px;
	font-weight: bold;
	font-style: italic;
	padding: 0px 0px;
	border-radius: 50px;
	width: 330px;
	height: 100px;
	  }
.border:hover {
	background-color: firebrick;
	color: white;
	border: 6px solid cornsilk;
	}
.statemap {
	background-color: transparent;
	border: 4px solid transparent;
	color: black; 
    font-family: Georgia;
	font-size: 23px;
	font-weight: bold;
	font-style: italic;
	padding: 0px 0px;
	border-radius: 50px;
	width: 330px;
	height: auto;
   }
.online {
	background-color: transparent;
	border: 4px solid darkgreen;
	color: blackS; 
    font-family: Georgia;
	font-size: 23px;
	font-weight: bold;
	font-style: italic;
	padding: 0px 0px;
	border-radius: 50px;
	width: 300px;
	height: 100px;
    }
.online:hover {
	background-color: midnightblue;
	color: white;
	border: 4px solid cornsilk;
	opacity: 0.5;
}
.time {
	background-color: transparent;
	border: 0px;
	color: black; 
   font-family: Georgia;
	font-size: 23px;
	font-weight: bold;
	font-style: italic;
	padding: 0px 0px;
	border-radius: 50px;
	width: 200px;
	height: 200px;
}
.clock {
	background-color: transparent;
	border: 0px solid transparent;
	color: black; 
   font-family: Georgia;
	font-size: 23px;
	font-weight: bold;
	font-style: italic;
	padding: 0px 0px;
	border-radius: 50px;
	width: 200px;
	height: 200px;
}
.webs{
	background: url('https://thechurchatmorley.org/jpg/contact.png') no-repeat center center;
	background-color: transparent;
	border: 4px transparent;
	color: black; 
    font-family: Georgia;
	font-size: 23px;
	font-weight: bold;
	font-style: italic;
	padding: 0px 0px;
	border-radius: 50px;
	width: 240px;
	height: 100px;
}
.webs:hover{
	background: url('https://thechurchatmorley.org/jpg/contact_hover.png') no-repeat center center;
}
.note {
	-webkit-animation: glowing 500ms infinite;
	-moz-animation: glowing 500ms infinite;
	-o-animation: glowing 500ms infinite;
	animation: glowing 500ms infinite;
	border-radius: 50px;
	width: auto;
	height: auto;
	background-color: almondwhite;
	border: 4px solid midnightblue;
	color: black;
	padding: 2px 2px;
		font-size: 30px;
    font-family: Cedarville;
    font-weight: bold;
    font-style: italic;
	border-radius: 20px;
	width: auto;
	height: auto;
}
.verify {
	background-color: antiquewhite;
	border: 4px solid midnightblue;
	color: black; 
    font-size: 23px;
	font-family: Georgia;
	font-weight: bold;
	font-style: italic;
	padding: 0px 0px;
	border-radius: 50px;
	width: 900px;
	height: 60px;
	opacity: 0.5;
   }