.maincol01{

	width: 100%;

	height:70%;
	margin-left:50px;
	margin-bottom:auto;

	
	}

	

.maincol02{

	width: 100%;

	height:70%;

    margin-left:50px;
    margin-top:110px;

	}



.maincol03,.maincol04, .maincol05 {

	width: 100%;

	height:70%;
margin-left:50px;
  margin-top:190px;

	}

.parishcol03,.parishcol04, .parishcol05, .parishcol06 {

	width: 100%;

	height:70%;
margin-left:50px;
  margin-top:110px;

	}


.parishmain{

	width: 100%;

	height:70%;

	margin-left:100px;

    margin-top:100px;

	}


.clergypdetails {

	position:absolute;

	 margin-top:-20px;

	 margin-left:0px;

	  background-color:#FFF;

	  height:auto;

	  width:250px;

	  border-radius: 10px;

	  border-color:2px solid #660099;

	  box-shadow: 2px 4px 4px 0px  #660099;

	  animation-name: fadeOutIn;

    animation-delay: 2s;

    animation-duration: 6s;

        

	}


.details01 {

	position:absolute;

	 margin-top:-20px;

	 margin-left:-20px;

	  background-color:#FFF;

	  height:auto;

	  width:290px;

	  border-radius: 10px;

	  border-color:2px solid #660099;

	  box-shadow: 2px 4px 4px 0px  #660099;

	  animation-name: fadeOutIn;

    animation-delay: 2s;

    animation-duration: 6s;

        

	}
	
.clergyhead{

	width:100%;

	text-align:center;

	color:#009;
	margin-left:50px;

	}






.clergyfdetails {

	position:absolute;

	 margin-top:-20px;

	 margin-left:0px;

	  background-color:#FFF;

	  height:140px;

	  width:200px;

	  border-radius: 10px;

	  border-color:2px solid #CCC;

	  box-shadow: 2px 4px 4px 0px #C90;

	  animation-name: fadeOutIn;

      animation-delay: 2s;

      animation-duration: 6s;

        

	}



.parishcouncil {

	position:absolute;

	 margin-top:-20px;

	 margin-left:0px;
	  background-color:#FFF;

	  height:80px;

	  width:200px;

	  border-radius: 10px;

	  border-color:2px solid #CCC;

	  box-shadow: 2px 4px 4px 0px #C90;

	  animation-name: fadeOutIn;

      animation-delay: 2s;

      animation-duration: 6s;

        

	}


.clergytop {

	

	margin-left:400px;

	float:left;

    width: 250px;

	height:225px;

    /*background-color:#ccc;*/

	

  /* Should be removed. Only for demonstration */

  

}
	

.clergycolumn {

	

	margin-left:150px;

	float:left;

    width: 250px;

	height:225px;

    /*background-color:#ccc;*/

	

  /* Should be removed. Only for demonstration */

  

}





.clergycolumn01 {

	float:left;

	margin-left:200px;

   width: 250px;

	height:225px;

   /*background-color:#bbb;*/

   

   /* Should be removed. Only for demonstration */

}



.clergycolumn02, .clergycolumn03, .clergycolumn04, .clergycolumn05 {

	float:left;
    width: 200px;
	height:150px;
	padding:20px;
	margin-left:5px;
}




.clergyfname {

	padding-top:2px;

	font-size:14px;

	line-height: 0.5cm;

	font-family:"Bookman Old Style";

	color:#609;

	opacity: 1;

    

  

	}

.clerygtitle{

	

	width:50%;

	text-align:left;

	color:#333;

	margin-left:140px;

		

	}

.clerygfsubject{

	

	width:120%;

	text-align:center;

	color:#090;

		

	}
	
.clergypimage{

	

	padding:5px;

	width:150px;

	height:150px;

	border-style:solid; 

	border-color:#660099;

	}

.ppcimage01{

	

	padding:10px;

	width:200px;

	height:200px;

	border-style:solid; 

	border-color:#660099;

	}	

	

.clergyfimage {

	padding:10px;

	width:150px;

	height:150px;

	border-style:solid; 

	border-color:#CCC;

	}

.clergypcol{

	width: 900px;

	height:70%;

	margin-left:10px;

    

	}	

.clergyformerhead{

	width:100%;

	text-align:center;

	color:#009;
	margin-left:50px;
	margin-bottom:20px;

	}

	

	

@media screen and (min-width: 320px) and (max-width: 480px)  {

	.clergyhead {

 	font-size:14px;
	
	}	
	
.clergyformerhead {
    width:50%;
	margin-left:0px;
	margin-bottom:auto;
	
	}	

.maincol01{

	width: 100%;

	height:auto;

	margin-left:70px;


   
	}
	
.maincol02 {

	width: 100%;

	height:auto;
	
	margin-left:70px;
	margin-top:auto;
	

	}
	
.maincol03, .maincol04, .maincol05 {
	width: 100%;

	height:auto;


	margin-left:50px;
	margin-top:auto;
	
	
	
	}
	
.parishcol03,.parishcol04, .parishcol05, .parishcol06 {

	width: 100%;
	height:auto;
margin-left:70px;
  margin-top:auto;

	}	


.clergyfname {

	padding-top:1px;

	font-size:9px;

	line-height: 0.3cm;

	font-family:"Bookman Old Style";

	color:#609;

	opacity: 1;

    

  

	}

.clerygtitle{

	

	width:100%;

	height:auto;

	text-align:center;

	color:#333;

	margin-left:0px;

			

	}

	

.clergypcol{

	width: 100%;

	height:70%;

	margin-left:10px;

    

	}	
	
.clergytop {

	

	margin-left:0px;

	width: 100%;

	height:225px;

    /*background-color:#ccc;*/

	

  /* Should be removed. Only for demonstration */

  

}

.clergycolumn {

	

	margin-left:0px;

	width: 100%;

	height:225px;

    /*background-color:#ccc;*/

	

  /* Should be removed. Only for demonstration */

  

}



.clergycolumn01 {

	margin-top:100px;

	margin-left:0px;

	width: 100%;

	height:225px;

    /*background-color:#ccc;*/

	

  /* Should be removed. Only for demonstration */

  

}



.name01 {

	text-align:center;

	padding-top:10px;

	font-size:13px;

	font-family:"Bookman Old Style";

	color:black;

	opacity: 1;

	}


.clergypdetails{

	margin-top:-40px;

	 margin-left:30px;

	 height:150px;

	  width:250px;

	}
.details01 {

	margin-top:-40px;

	 margin-left:30px;

	 height:150px;

	  width:250px;

	}
	

.clergyhead{

	width:100%;

	text-align:center;

	color:#009;
	

	}

.clergyformerhead{

	width:100%;
    color:#009;
	font-size:12px;
	

	}

	


.ppcimage01{

	margin-left:-30px;

	padding:0px;

	width:220px;

	height:220px;

	border-style:solid; 

	border-color:#660099;

	}

.clergycolumn02, .clergycolumn03, .clergycolumn04, .clergycolumn05 {

	width: 50%;
	height:auto;
	margin-top:10px;
	
	
	
	}
	
.clergyfdetails {

	position: absolute;
	margin-top: -40px;
	margin-left:0px;
	line-height: 0.2cm;
	background-color: #FFF;
	font-size:11px;
	width:40%;
	height:auto;
	}

.parishmain{

	width: 100%;

	height:70%;

	margin-top:100px

	}

.parishcouncil {

	position:absolute;
	 margin-top:0px;
	 margin-left:0px;
	  background-color:#FFF;
	  height:auto;
	  font-size:13px;
	  width:40%;

	  

        

	}







}