@charset "utf-8";
/* CSS Document spx */

	body{
		margin:0;
		font-size:62.5%;
		}
		
		html{
		font-family:"Lucida Sans", san-serif; }

*{
	box-sizing: border-box;
	}
	
/* Clear floats */
.row:after {
  content: "";
  display: table;
  clear: both;
}
			
	[class*="col-"]{
		float:left;
		padding: .86em;
		}
		
	
/******************************em sizing************************************************/				
				
	
		
							
		h1 {font-size:3.6em;
			color:#069;}  /* displayed at 36px */
		
		h2 {font-size:2em;
			font-family:Tahoma, Geneva, sans-serif;
			color:#069;
				}  /* displayed at 18px */
				
		h3 {
			font-size: 1.6em;
			font-family:Tahoma, Geneva, sans-serif;
			color:#069;
			}  /* displayed at 15px */
			
		
		/******************** h4 using for headlines**************/
		h4 {font-size:1.6em;
			font-family:Tahoma, Geneva, sans-serif;
			color:#FF1D25;
			font-weight:300;
			}
		
		p {font-size:1.6em;	\
			color:#000;}	
		
						
		
		input, select, th, td {font-size:1em}
		
		li li {font-size:1.6em}
		li li, li p, td p, blockquote p,q {font-size:1.6em}
		
		
	/*****************************************************************************/	
		
		img{
			width:100%;
			height:auto;
			}
			
			
/*this center class center images*/
			
	.centerImg {
	  display: block;
	  margin: 0 auto;
	}
	
	
	display: table;
}

		
		
iframe:focus { 
  outline: none;
}

 iframe[seamless] { 
  display: block;
}
			
		/*.headline{
		font-weight:bold;
		line-height: .003;
		}/
		
		
			/*classes for background colors*/
		.bgTeal{
			background-color:#87c7cd;
			}
		
			
			.cursive{
			font-family:"Comic Sans MS", cursive;	
			}
		
/*classes for text*/
	
			.bodyText{
			font-family:"Times New Roman", Times, serif;
			font-size:1.6em;
			line-height:1.6em;
			text-align:justify;
			}
			
			
			
		.smallBoldTxt{
			font-size:.8em;
			font-weight:bold;
			line-height:normal;
			}	
		.smallTxt{
			font-size:.8em;
			line-height:normal;
			}	
			
			
		
	
			

		
	
			
	/**************************************************borders left*****/		
			
	.ColBorderLeft{
	border-left:#6AFFB5 solid medium;
	margin:1em 0em;
			}
			
	.ColBorderRight{
	border-right:#6AFFB5 solid medium;
	margin:1em 0em;
			}
		
			
/**************************************************images************************/
			
	/*For block elements with specified height*/
	.clearfix{
			overflow:auto;	
			}
			
			
	.imageBox{
		width:100%;
		height:auto;
		background-color:#FFF;
		margin:0em;
		padding:0em;
		text-align:center;
		border:#87C7CD solid medium;
		}
			
/**************************************************************HEADER***************/
		
	.header{
		width:100%;
		height:auto;
		overflow:auto;
		background-color:#BDF;
		color:#FFF;
		line-height:normal;
		margin:0em;
		padding:0em 0em 0em 1em;
		border-bottom:#3FF medium solid;
		}
		
		
	.headerImageBox{
		width:95%;
		height:auto;
		background-color:#BDF;
		margin-top:0em;
		margin-right:4em;
		margin-left:0em;
		margin-bottom:0em;
		padding:0em;
		text-align:center;
	
		}
		
		
	.header h1{
		margin:4em 0em 0em 0em;
		font-size:2.8em;
		color:#069;
		line-height:normal;
		
		}
		
					
	.tagline{
		margin-top:.5em;
		margin-bottom:.5em;
		font-size: 1.4em;
		color:#069;
		line-height:normal;
		}
		
	.address{
	font-size:1em;
	color:#069;
	line-height:normal;
	margin-bottom:1em;
	}
	
	.office{
	margin-top:0em;
	color:#069;
	line-height:normal;
	font-size:1.2em;
	font-weight:normal;
	}
		/***********************************************bishop****************/
	ul.bishop{
		width:95%;
		font-size: 1.4em;
		border:none;
		list-style:disc;
		line-height:normal;
		background-color:#FFF;
		margin:0em 0em ;
  		padding:1em;
		text-align:left;
		border-bottom:none;
	box-shadow: none;
		}
			
.bishop li{
	list-style:disc;margin:0 0 10px 0;;
			}
							
	
	
		/***********************************************history****************/
	ul.history {
		width:95%;
		font-size: 1.4em;
		border:none;
		list-style:disc;
		margin:1em 2em;
		line-height:normal;
		background-color:#CAE4FF;
		padding:1em 2em;
		}
			
.history li{
	list-style:disc;margin:0 0 10px 0;;
			}
							
	
	/*********************************************** header for smaller screen888****************/
	
	@media only screen and (min-width: 600px) {
		
		
		.header h1{
		margin:.3em 0 0 0;
		font-size:3em;
		color:#069;
		line-height:normal;
		}
		
		
		
		}
	
	
/**************************************************ANCHOR****************/	
.anchor{
	
	padding-top:5em;
	}


/******************************************************* topNavbar***********/	


.active {
    font-weight: bold;
}

 ul {
	 
	overflow: hidden;
	width:100%;
	margin:0em 0em ;
  	padding:0em;
  	list-style-type:none;
 	padding-left:1.5em;
	padding-right:1em;
  	font-size: 1.4em;
  	background-color: #37A1AC;
	border-top:#6AFFB5 thin solid;
	border-bottom:#999 solid thin;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	}

  li {float: left;}
	
 li.home a{}
	
  li.right{float:right;}



li a, .dropbtn {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 10px 12px;
  text-decoration: none;
	}

/* Change the link color on hover */
 li a:hover, .dropdown:hover .dropbtn {
  background-color:#4BC1C6;
 }

/* Change the link color on hover */

   li a.active{background-color:#069;	}

  li.dropdown { display: inline-block;}

 .dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
	}

 .dropdown-content a {
  color: black;
  padding: 10px 12px;
  text-decoration: none;
  display: block;
  text-align: left;
  border-bottom: #999 thin solid
}

.dropdown-content a:hover {background-color:#4BC1C6;}

 .dropdown:hover .dropdown-content {
	background-color:#BDF;
	display: block;
	}

	/********************************SECTION********/
	.section{
	width:100%;
	height:auto;
	background-color:#FFF;
	padding:2em;
	margin-top:1em;
	margin-left:.5em;
	margin-right:.5em;
	margin-bottom:2em;
	border:#87C7CD solid .5em;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
		}
	.section p{
	font-size: 1.6em;
	line-height:1.8em;
	color:#000;
	font-family:Tahoma, Geneva, sans-serif;
	margin:.05em 0em .5em 0em;
	padding:0em;
	text-align:left;
	
	}	
	.section h3{
	font-size: 1.6em;
	margin:.05em 0em .6em 0em;
	padding:0em;
	text-align:center;
	}	
		
	
/************************************************/	
	
	
	
	

/********************************aside********/
	.aside{
	width:100%;
	height:auto;
	background-color:#FFF;
	padding:2em;
	color:#069;
	text-align:center;
	margin-top:1em;
	margin-left:.5em;
	margin-right:.5em;
	border:#87C7CD solid .5em;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	line-height:normal;
		}
	.aside p{font-size: 1.4em;
	font-family:Tahoma, Geneva, sans-serif;
	margin:.05em 0em .5em 0em;
	padding:0em;
	
	}	
	.aside h3{
	font-size:1.6em;
	margin:.05em 0em .6em 0em;
	padding:0em;
	}	
		
	
/************************************************/				
	
	/*****************************************asideNav****************/
	.asideNav{
	width:100%;
	height:auto;
	background-color:#87C7CD;
	text-align:center;
	color:#069;
	font-size: 1.6em;
	margin-top:1em;
	margin-left:.45em;
	margin-right:0em;
	border:#87C7CD solid 1.4em;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
		}
	
/*********************************************/	
	
		
/**********************************************************************Vertical-menu***/

	
.vertical-menu {
  width: 99%; /* Set a width if you like */
  height:auto;
 	}

.vertical-menu a {
  background-color:#FFF; /* Grey background color */
  color: #069; /*#000 Black text color or your choice */
  display: block; /* Make the links appear below each other */
  padding: .6em; /* Add some padding */
  text-decoration: none; /* Remove underline from links */
  border-bottom:#CCC solid thin;
}

.vertical-menu a:hover {
  background-color: #BDF; /* Dark grey background on mouse-over */
}

.vertical-menu a.active {
  background-color: #06C; /* Add a green #4CAF50 color to the "active/current" link */
 color: white;
}


/***************************************************************************#photo_leftNav***/

	#photo-test_leftNav ul{
		width:93%;
		margin:0px;
		padding:0px;
		background-color:#E6F1FB;
		list-style:none;
	}
	
		
	
	/*#leftNav ul{
		width:92%;
	
	}*/
		
		
	#photo-test_leftNav li  {
	margin:0px;
	padding:1em;
	width:92%;
	font-size:1.1em;
	color:#039;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #039;
	background-color:   #E6F1FB;
	}	
	
	#photo-test_leftNav  ul a {
	display: block;
	color:#039;
	padding:0px 0px;
	text-decoration:none;
	}
	
	#photo-test_leftNav ul a:hover {
	color: #F33;
	}
	
	#photo-test_leftNav, ul #currentpage a {
	color: #F33;
	font-weight: bold;
	background-image: url(../images/pointer.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	}
	
		
		
	/******************************DONATION BUTTON***/
	.donationButton{
		background-color:#D2FFFF;
		border:none;
		padding: 1em;
		text-align:center;
		text-decoration:none;
		display:online-block;
		font-size:1.6em;
		margin-left:.45em;
		cursor:pointer;
		box-shadow:0 4px 8px 0 rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19);
		}
.donationButton:hover{color:#F7EB99t;}
.donationButton a:link{text-decoration:none;}
.donationButton a:visited{text-decoration:none;}
	
/*********************************************ALERT BUTTON******************************/
 .boxShadow{
	box-shadow:0 4px 8px 0 rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19);
	}
 .alertButton{

 border: none; /* Remove borders */
 background-color:inherit;
 color:white;/* Add a text color */
 padding:2em; /* Add some padding */
 font-size:1.2em;
 cursor: pointer;
 text-decoration:none;

 /* Add a pointer cursor on mouse-over */
 }
   
 .alertButton a:link{text-decoration:none;}
 
 .alertButton  a:visited{text-decoration:none;}
 

.blue {background-color: #2196F3;
box-shadow:0 4px 8px 0 rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19);} /* Blue */
.blue:hover{background: #6C0;
}

.green {
	background-color:#093;
} /* Green */
.green:hover {
	background-color: #0C3;
}

.purple {
	background-color:#63C;
	box-shadow:0 4px 8px 0 rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19);
	} /*purple*/ /* purple */
.purple:hover {background:#D2FFA6;}

.lavendar{background-color:#8080FF;} /* lavender */
.lavendar:hover {background-color:#0C3;}

.lavendar-2{background-color:#8080FF;border:#639 solid thin} /* lavender */
.lavendar-2:hover {background-color:#0C3;}

.yellow {background-color:#C90;} /* Orange */
.yellow:hover {background:#0C3;}

.orange {background-color:#FF8040;} /* Orange */
.orange:hover {background: #0C3;}

.red {background-color: #f44336;} /* Red */ 
.red:hover {background:  #0C3;}

.purple{background-color: #400080;} /* Purple */ 
.purple:hover {background: #0C3;}

.default {background-color: #e7e7e7; color: black;} /* Gray */ 
.default:hover {background: #ddd;}
 
.cyan {
	background-color: #00CCF5;/* Cyan */
	color:#069;
	 box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19)} 
.cyan:hover {background: #85FF5F; color:#069;}




.green {
	background-color: #C8FF91;
} /* Green */
.green:hover {
	background-color: #ADFF5B;
}


.orange {background-color: #ff9800;} /* Orange */
.orange:hover {background: #e68a00;}

.red {background-color: #f44336;} /* Red */ 
.red:hover {background: #da190b;}

.purple{background-color: #662D91;} /* Purple */ 
.purple:hover {background: #4D226D;}

.default {background-color: #e7e7e7; color: black;} /* Gray */ 
.default:hover {background: #ddd;}
	
/******************************************************************************************/
	
/******this active controls the accordian and slide show dot************************/
.active {
  background-color: ##FC3;
}



/******************************************************************************************/
	
	/* Style the counter cards */
	.card {
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  		padding: .5em;
  		text-align: left;
  		background-color: #f1f1f1;
 		margin-bottom:0em;
	}
	
	
	.contentBox{
		width:100%;
		margin-top:1.5em;
		height:auto;
		background-color:#BDF;
		padding:.5em 3em;
		
		
		}	
		
		.contentBox p{
		font-family:"Times New Roman", Times, serif;
		font-size:1.6em;
		color:#444;	
		line-height:1.6em;
		text-align:justify;
		}
	
						
	.contentBox h3{
	font-size:1.6em;
		color:#069;
		}	
			
	.footer{
	background-color:#37A1AC;
	color:#ffffff;
	text-align: center;
	font-size: 12px;
	padding: 15px;
	}
	
	
	
	
	/***************************************************************Ministy Page**************/
	
	.ministry{
		
	margin: 2em;
	padding:2em;
		
		
		}
	
	
	
	
	
	
	
	/***************************** book-mark MinistryNav
	/* auto slider bar */ 
/* This is ministryNav menu */ 
.ministryNav {
height:100%;
  width:16.66%;
  position: fixed;
  z-index: 1;
  top: 24em;
  right: 1%;
  background:#D8D8D8;
  overflow-x: hidden;
  padding-top: 1em;
}


/* The Ministry  navigation menu links */
.ministryNav a {
  padding: 6px 8px 6px 8px;
  text-decoration: none;
  font-size: 1.4em;
  color: #2196F3;
  display: block;
  border-bottom:#FFF thin solid;
}

/* When you mouse over the navigation links, change their color */
.ministryNav a:hover {
  color: #064579;
}

/* Style page content */
.main {
	
	width:83.33%;
	margin-right: 16.66%;} /* margin Same as the width of the sidebar */

/* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size:1em;}
  
} 


/*******************************************Contact form******************************************/

.antispam { display:none;}




/********************************************************************************************************************/







/***********************************************************ARCHIVE PAGE (bulletins) ****/
	
	
.archives table,th,td, {
	
	}
		
		
	.archives table{
	width: 80%;
	border-collapse: collapse;
	cellspacing:;
	background-position: center;
	padding:20px;
	margin-bottom:3em;
	
	
	}
	
	caption{
	background-color: #0080C0;
	font-size:1.4em;
	font-weight:bold;
	padding:4px 0;
	margin-left:-1px; /*fix FF 1px issue*/
	}	
	
	html: first-child caption{/*fix Opera only*/
		margin-left:0;	
		}
						
	
 										
				
	.archives th {
	width:16%;
	background-color:#BDF;
	text-align:left;
	scope:col;
	font-size:1.4em;
	color:#666;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	
	vertical-align: top;
	}
		
	.archives td{
	vertical-align: top;
	text-align:left;
	padding-left:5px;
	line-height:1.8em;
	font-size:1.5em;
	
	} 	
	
	/*.archives p  {
	scope:col;
	color:#666;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	font-size:1.3em;
	}*/