body {  color: #000160; background-color: #FFF;}

a {color:blue;}
nav a {text-decoration:none;}
nav a:hover {color: black;}
.w3-blue a {color: white; }

hr {border-color: #2196f3;}



.clearHeader {margin-top: 184px;}

@media (max-width: 1070px) {
	.clearHeader {margin-top: 236px;}
}
@media (max-width: 550px) {
	.clearHeader {margin-top: 284px;}
}

/*#page { width: 1100px;
		margin: auto;
		background-color: white;
		padding-left: 50px;
		padding-right: 50px;
		padding-top: 16px;
}*/

#mc_embed_signup         { background:#fff; clear:left;}
#mc_embed_signup label { display: inline-block; width: 175px;}
#mc_embed_signup input { margin: 8px;}

.cellWidth33 { max-width:33.33%; }
.cellWidth66 { max-width:66.66%; }



.contactHdr	{width: 300px;
			 height: 138px;
			 background-image: url('../Images/churchGoogleBlur300x138.png');
}

.date {list-style-type: none; margin: 0px; padding:0px 16px 16px 16px;}
.date li {text-align: left; }

.flex-container {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	text-align: center;
}

.flex-item-left { flex: 25%; align-self: center; }
.flex-item-middle { flex: 50%;}
.flex-item-right { flex: 25%; }

@media (max-width: 800px) {

	.flex-item-left { display: none;}
	
	.flex-item-middle, .flex-item-right { flex: 100%; }

}

.horizontal_ul li {display: inline; padding-right:20px;}

.marginNone {margin: 0px;}
.marginTop0 {margin-top: 0px;}

.noPadding {padding: 0px;}



.resolution {
	max-width: 1050px;
}

.shadow {box-shadow: 5px 5px 5px grey;}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
  
  left: 50%;
  margin-left: -60px;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}

/* #topBar {max-width:100%} */

.up125px {position:relative; top: -115px; left: 16px;}
.up100px {position:relative; top: -90px;}