@import url(https://fonts.googleapis.com/css?family=Cardo);
/*
TEMPLATE FOR MEDIA QUERIES
	@media screen and (min-width:1050px) {}                           --------> full layout
	@media screen and (min-width:850px) and (max-width:1049px) {}	  --------> layout without vertical menu, but id=content_area is not fluid
	@media screen and (min-width:715px) and (max-width:849px) {}      --------> id=content_area is fluid
	@media screen and (max-width:714px) {}                            --------> horizontal menu collapses to a button

COPY AND PASTE MEDIA QUERIES
.lt-ie9
@media screen and (min-width:1050px) {}
@media screen and (min-width:800px) and (max-width:1049px) {}
@media screen and (min-width:715px) and (max-width:799px) {}
@media screen and (max-width:714px) {}

Z-INDEX
	Header and main menu 	= 660
	Main menu				= 650
	Main					= 650
	Vertical Menu (.js)		= 650

COLOR PALLETE
 	#0E4B78 = Blue Background
	#636363 = Footer light gray Bg
	#464646 = Footer dark gray Bg
	#f8f8f8 = Background Info Box
	#e4e4e4 = Outline Info Box
	#d1930d = Orange

	Fonts:
	#565656 = general text
	#FFF 	= H1
	#7BC1F4 = H2 light blue, menu over
	#6ca0c8 = H1 Info Box
	#535353 = Menu out gray
	#A9A9A9 = Search menu gray
	#BBB 	= Footer gray
	#ba9357 = Gold Scripture


INDEX
	- PAGE RESET
	- STRUCTURE SHARED
	- STRUCTURE HEADER
	- STRUCTURE MAIN
	- STRUCTURE FOOTER
	- MAIN PAGE ELEMENTS
	- ICONS CONTACT, PDF, ETC...
	- SECTION NAVIGATION
	- PAGE INDEX
	- PAGINATION
	- DEFAULT TABLE
	- DEFAULT FORM
	- PAGINATION
	- SCROLL TO TOP
	- NEWS
	- NEWS & BLOGS COMMENTS
	- CS NEWS
	- OTHER CS NEWS
	- EVENTS
	- CHRUCH & SCHOOL PRESENTATION
	- MASS SCHEDULE
	- MISCELLANEOUS
	- PASTORAL TEAM	
	- PHOTO ALBUMS
	- CALENDAR
	- PODCAST
	- PASTORAL BULLETIN ARCHIVES	
	- HIDE/DISPLAY MEDIA QUERIES
	- ARCHDIOCESAN ENTITIES
	- JOB OPPORTUNITIES
	- FX_4
	- FX_3
	- FX_2
    - HISTORY OF BISHOPS
	
	*/
	/*-----------------------------------------------------------  PAGE RESET   --------------------*/
	* {
		padding: 0;
		margin: 0;
		border: 0;
		text-decoration: none;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	body {
		background-color:#FFFFFF;
		color:#212121;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 16px; /* 16px */
	}

	article, aside, figure, footer, header, menu, nav, section { display: block; }

	input {
		-webkit-appearance: none;
		border-radius: 0;
	}

	.flex {
		display: flex;
		flex-wrap: wrap;
	}

	.flexC {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	/*-----------------------------------------------------------  STRUCTURE MAIN  -----------------*/
	.lt-ie9 form#search_home {
		display: inline-block;
		margin: 0 20px;
	}
	
	@media screen and (min-width:585px) {
		form#search_home {
			display: inline-block;
			margin: 0 20px;
		}
	}

	@media screen and (max-width:584px) {
		form#search_home {
			display: block;
			margin: 0 auto;
		}

		form#search_home input[type="submit"] {
			position: relative;
			top: 3px;
		}
	}

	form#search_home {
		padding: 0;
		position: relative;
		top: 6px;
		width: 235px;
	}

	form#search_home input[type="text"] {
		left: 0;
		padding: 2px 5px;
		position: absolute;
		top: 0;
		width: 157px;
	}

	form#search_home input[type="submit"] {
		background-color: #868686;
		border: 1px solid #868686;
		outline: 1px solid #868686;
		line-height: 15px;
		margin: 0;
		padding: 2px 5px;
		width: 70px;
	}

	form#search_home input[type="submit"] {
		background-color: #868686;
		border: 1px solid #868686;
		outline: 1px solid #868686;
		line-height: 15px;
		margin: 0;
		padding: 2px 5px;
		width: 70px;
	}

	form#search_home input[type="submit"]:hover {
		background: none repeat scroll 0 0 #d1930d;
		border: 1px solid #d1930d;	
	}


	/*-----------------------------------------------------------*/

	.old_browser { margin-top:30px; }
	@media screen and (min-width:1px) { .old_browser { display:none; } }

	.lt-ie8 #top_bar, .lt-ie8 .blue_bar, .lt-ie8 header, .lt-ie8 #main, .lt-ie8 footer { display:none; }

	.lt-ie9 header {
		margin:0 auto;
		height: 95px;
		width:1050px;
	}

	.lt-ie9	.blue_bar { top:131px; }	

	.lt-ie9 #top_bar { 
		height: 35px;
		overflow:hidden;
	}
	
	.lt-ie9	#search_buttons {
		line-height:35px;
		margin:0 auto;
		text-align:right;
		width:1050px;
	}	

	.lt-ie9	#main {
		margin: 0 auto;
		width:1050px;
	}

	.lt-ie9	#main_nav {
		width: 685px;
		height: 29px;
		position: absolute;
		right: 0;
		bottom:18px;
	}

	.lt-ie9	#main_menu_button, #sub_menu_button { display:none; }

	.lt-ie9	#content_area {
		float: left;
		width: 800px;
	}

	.lt-ie9	#content { padding:15px; }

	.lt-ie9	.hgroup {
		padding: 10px 0 0 0;
		margin: 16px 0;
	}

	.lt-ie9	#vertical_bar {
		background-color:#FFFFFF; 
		float: right;
		min-height:400px; 
		width: 238px;
	}
	
	@media screen and (min-width:1050px) {
		header {
			margin:0 auto;
			height: 95px;
			width:1050px;
		}

		.blue_bar { top:131px; }	

		#search_buttons {
			line-height: 35px;
			margin: 0 auto;
			text-align: right;
			width: 1050px;
			z-index: 999999;
			position: relative;
		}	

		#main {
			margin: 0 auto;
			width:1050px;
		}

		#main_nav {
			width: 685px;
			height: 29px;
			position: absolute;
			right: 0;
			bottom:35px;
		}

		#main_menu_button, #sub_menu_button { display:none; }

		#content_area {
			float: left;
			width: 800px;
		}

		#content { padding:15px; }

		.hgroup {
			padding: 10px 0 0 0;
			margin: 16px 0;
		}

		#vertical_bar {
			background-color:#FFFFFF; 
			float: right;
			min-height:400px; 
			width: 238px;
		}
	}

	@media screen and (min-width:800px) and (max-width:1049px) {
		header {
			height: 163px;
			padding:15px;
		}

		.blue_bar { top:233px; }	

		#top_bar { height: 70px; }

		#search_buttons {
			margin:19px 10px 0;
			float:right;
		}

		#main_nav {
			margin: 0 auto;
			width:685px;
		}

		#main_menu_button, #sub_menu_button { display:none; }

		#content_area {
			width: 800px;
			margin:0 auto;
		}

		#content { padding:15px; }

		.hgroup {
			padding: 10px 0 0 0;
			margin: 16px 0;
		}

		#vertical_bar {
			background-color: #ffffff;
			box-shadow: 0 0 5px 0 #000;
			display: block;
			height: 1000px;
			overflow: auto;
			position: absolute;
			right: 0;
			top: 150005px;
			width: 320px;
			z-index: 900;
		}
	}

	@media screen and (min-width:715px) and (max-width:799px) {
		header {
			height: 174px;
			padding: 15px;
		}

		.blue_bar { top:244px; }	

		#top_bar { height: 70px; }

		#search_buttons {
			margin:19px 10px 0;
			float:right;
		}	

		#main_nav {
			margin:0 auto;
			width:685px;
		}

		#main_menu_button, #sub_menu_button { display:none; }

		#content, #entity_news, #other_CS_news { padding:15px 1.875%; }

		.hgroup {
			padding: 10px 0 0 15px;
			margin: 16px 0;
		}

		#vertical_bar {
			background-color:#FFFFFF;
			box-shadow: 0 0 5px 0 #000;
			position: absolute;
			right: 0;
			top: -15000px;
			height:1300px;
			overflow:auto;
			width: 320px;
			z-index: 900;
		}


/*	#vertical_bar {
		background-color:#FFFFFF;
		clear:both;
		margin:0 auto 50px auto;
		width:320px;
		z-index: 900;
		}*/

	}

	@media screen and (max-width:714px) {

		.blue_bar { display:none; }

		#top_bar { height: 110px; }

		#search_buttons { text-align:center; }	

	/*form#search_home { 
		margin: 8px auto;
		height:26px;
		}*/

		#social_buttons {
			height: 28px;
			margin: 20px auto 0;
			width: 250px;
		}

		#main_nav {
			margin: 5px auto 0;
			position: relative;
			top: -600px;
		}

		#content, #entity_news, #other_CS_news { padding:15px; }

		#sub_menu_button {
			background-color:#0E4B78;
			color:#FFFFFF;
			display:block;
			margin:0 auto 3px auto;
			padding: 10px 12px;
			text-align: center;
			width: 280px;
		}

		#main_menu_button {
			background: url("../../images/ico_mobile_menu.png") no-repeat scroll 20px 10px #0e4b78;
			color: #ffffff;
			display: block;
			margin: 0 auto;
			padding: 10px 12px;
			text-align: center;
			width: 280px;
		}

		.hgroup {
			background-color:#0E4B78;
			padding: 10px 10px 10px 15px;
			margin: 16px 0;
		}

		#vertical_bar {
			background-color:#FFFFFF;
			clear:both;
			margin:0 auto;
			width:320px;
			z-index: 900;
		}

		#vertical_bar h2 { font-size: 18px !important; }	

		#vmenu { margin-bottom: 70px; }	

	}

	/*--- Search Parish School Box --*/
	.lt-ie9 #search_boxes {
		position: absolute;
		right: 0;
		top:5px;
		width:555px;
	}

	.lt-ie9	#search_tools { height: 38px; }	
	
	.lt-ie9	form#ChurchSchool {
		left: 4px;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 4px;
	}	

	.lt-ie9	form#ChurchSchool select {
		height: 28px;
		margin: 0;
		width: 260px;
	}	

	.lt-ie9	#search_boxes_or {
		left: 278px;
		position: absolute;
		top: 6px;
	}
	
	.lt-ie9	#search_boxes_close {
		position: absolute;
		right: 3px;
		top: 6px;
	}	

	.lt-ie9	form#zip {
		margin: 0;
		padding: 0;
		position: absolute;
		right: 39px;
		top: 4px;
		width: 190px;
	}
	
	.lt-ie9	form#zip input[type="text"] {
		width: 129px;
		float:left;
	}
	
	.lt-ie9	form#zip input[type="submit"] {
		padding:4px 0;
		width: 50px;
	}
	
	@media screen and (min-width:1050px) {
		#search_boxes {
			position: absolute;
			right: 0;
			top:5px;
			width:555px;
		}

		#search_tools { height: 38px; }	

		form#ChurchSchool {
			left: 4px;
			margin: 0;
			padding: 0;
			position: absolute;
			top: 4px;
		}	

		form#ChurchSchool select {
			height: 28px;
			margin: 0;
			width: 260px;
		}	

		#search_boxes_or {
			left: 278px;
			position: absolute;
			top: 6px;
		}

		#search_boxes_close {
			position: absolute;
			right: 3px;
			top: 6px;
		}	

		form#zip {
			margin: 0;
			padding: 0;
			position: absolute;
			right: 39px;
			top: 4px;
			width: 190px;
		}

		form#zip input[type="text"] {
			width: 129px;
			float:left;
		}

		form#zip input[type="submit"] {
			padding:4px 0;
			width: 50px;
		}
	}

	@media screen and (min-width:915px) and (max-width:1049px) {
		#search_boxes {
			position: absolute;
			right: 10px;
			top: 35px;
			width: 555px;
		}

		#search_tools { height: 38px; }	

		form#ChurchSchool {
			left: 4px;
			margin: 0;
			padding: 0;
			position: absolute;
			top: 4px;
		}	

		form#ChurchSchool select {
			height: 28px;
			margin: 0;
			width: 260px;
		}	

		#search_boxes_or {
			left: 278px;
			position: absolute;
			top: 6px;
		}

		#search_boxes_close {
			position: absolute;
			right: 3px;
			top: 6px;
		}	

		form#zip {
			margin: 0;
			padding: 0;
			position: absolute;
			right: 39px;
			top: 4px;
			width: 190px;
		}

		form#zip input[type="text"] {
			width: 129px;
			float:left;
		}

		form#zip input[type="submit"] {
			padding:4px 0;
			width: 50px;
		}	
	}

	@media screen and (max-width:914px) {
		#search_boxes {
			left: 5%;
			position: absolute;
			top: 0;
			width: 290px;
			z-index:670;
		}

		#search_tools { 
			height: 224px;
			padding-top:30px;
		}	

		form#ChurchSchool, form#zip { margin: 10px auto; }	

		form#ChurchSchool select, form#zip input[type="text"] {
			height: 28px;
			margin: 0;
			width: 260px;
		}	

		#search_boxes_or { margin:0 auto; }

		#search_boxes_close {
			position: absolute;
			right: 3px;
			top: 6px;
		}	

		form#zip input[type="submit"] {
			float: none;
			margin: 10px auto;
			padding: 4px 0;
			width: 260px;
		}	
	}

	#top_bar {
		background-color: #636363;
		color:#FFF;
	}

	#search_tools {
		background-color: #F8F8F8;
		border: 1px solid #e4e4e4;
		overflow: hidden;
	}	

	.lt-ie9 #social_buttons {
		float: right;
		height: 28px;
		margin-top: 4px;
		width: 150px;
	}

	@media screen and (min-width:715px) {
		#social_buttons {
			float: right;
			height: 28px;
			margin-top: 4px;
			width: 240px;
		}
	}

	#search_boxes_or {
		border: 1px solid #d1930d;
		border-radius: 13px 13px 13px 13px;
		color: #d1930d;
		display: block;
		font-size: 12px;
		height: 26px;
		line-height: 23px;
		text-align: center;
		width: 26px;
		z-index:660;
	}

	#search_boxes_close {
		background-color: #FF0000;
		color: #FFFFFF;
		cursor:pointer;
		display: block;
		font-family: arial,sans-serif;
		font-size: 16px;
		font-weight: bold;
		height: 26px;
		line-height: 26px;
		text-align: center;
		width: 26px;
	}	

	/*--- Logo & Search Box not overlap --*/
	.lt-ie9 .logo {
		display: block;
		position: absolute;
		top: 27px;
		width:328px;
	}
	@media screen and (min-width:1050px) {
		.logo {
			display: block;
			position: absolute;
			top: 10px;
			width: 426px;
			z-index: 700;
			background-image: url(../../../images/logo-miamiarch.png);
			height: 141px;
			left: 0;
			background-repeat: no-repeat;
		}
	}

	@media screen and (min-width:915px) and (max-width:1049px) {
		.logo {
			display: block;
			width: 375px;
			background-image: url(../../../images/logo-miamiarch.png);
			height: 100px;
			margin: 0 auto 6px auto;
			background-size: contain;
			background-repeat: no-repeat;
		}
	}

	@media screen and (min-width:370px) and (max-width:914px) {
		.logo {
			display: block;
			width: 345px;
			background-image: url(../../../images/logo-miamiarch.png);
			height: 100px;
			margin: 10px auto 6px auto;
			background-size: contain;
			background-repeat: no-repeat;
		}
	}

	@media screen and (max-width:369px) {
		.logo {
			display: block;
			width: 299px;
			background-image: url(../../../images/logo-miamiarch.png);
			height: 100px;
			margin: 10px auto 6px auto;
			background-size: contain;
			background-repeat: no-repeat;
		}
	}

	.lt-ie9 header {
		position:relative;
		z-index: 660;
	}

	@media screen and (min-width:600px) {
		header {
			position:relative;
			/*z-index: 760;*/
		}
	}

	@media screen and (max-width:599px) {
		header {
			position:relative;
			/*z-index: 750;*/
		}
	}

	#search_buttons p, #search_buttons a {
		display: inline-block;
		text-transform: uppercase;
		color: #ffffff;
		font-family: Tahoma;
		font-size: 13px;
	}

	#search_buttons a:hover { color:yellow; }

	#h_facebook, #h_twitter, #h_youtube, #h_instagram {
		background-image:url(../../Images/icos-social-network.png);
		height:28px;
		width:28px;
		margin:0 0 0 5px;
	}
	#ABCD{background: #84B9B1;
		display: block;
		float: right;
		margin: 0 0 0 2%;
		padding: 0 18px;
		line-height: 28px;}
		#ABCD:hover{background-color: #d1930d; color:#FFFFFF !important;}

		#h_facebook { background-position:0 255px; }
		#h_facebook:hover { background-position:0 103px; }

		#h_twitter { background-position:0 218px; }
		#h_twitter:hover { background-position:0 66px; }

		#h_youtube { background-position:0 293px; }
		#h_youtube:hover { background-position:0 141px; }

		#h_instagram { background-position:0 181px; }
		#h_instagram:hover { background-position:0 29px; }


		.blue_bar {
			position: absolute;
			background-color: #0E4B78;
			height: 300px;
			width: 100%;
			z-index: 300;
		}

		.lt-ie9 #main { z-index:660;}
		@media screen and (min-width:715px) { #main { z-index:660;} }
		@media screen and (max-width:714px) { #main { z-index:650;} }

		#main {
			position:relative;
			min-height: 400px;
		}

		#content {
			position: relative;
			background: white;
			min-height: 480px;
		}

		#vertical_bar h2 {
			background-color: #d1930d;
			color: #FFFFFF;
			font-size: 14px;
			margin: 0 0 10px;
			padding: 5px 0;
			text-align: center;
			text-transform: uppercase;
		}

		#vertical_bar h3 {
			border-bottom: 1px solid #E1E1E1;
			color: #575757;
			font-size: 17px;
			font-weight: normal;
			margin: 25px 10px 5px 10px;
		}

		#vertical_bar > ul {
			margin: 0 10px;
			overflow-x:hidden;
			overflow-y:auto;
			position:relative;
		}

		.ul_li_arrow {
			background-color: #f8f8f8;
			border: 1px solid #ffffff;
			outline: 1px solid #e4e4e4;
			color:#cdcdcd;
			cursor: pointer;
			display: block;
			margin: 10px 0;
			padding: 4px 0;
			text-align: center;
		}

		.ul_li_arrow:hover {
			background-color: #f8f8f8;
			border: 1px solid #ffffff;
			outline: 1px solid #cdcdcd;
			color:#ffffff;
		}

		#vertical_bar > ul li {
			background-position: 3px 12px;
			line-height: 16px;
			padding: 5px 2px 5px 14px;
		}

		#vertical_bar > ul li a {
			color: #545454;
			font-size: 14px;
		}

		#vertical_bar > ul li a:hover, #vertical_bar .selected {
			color: #d1930d;
		}


		.menu_events ul li span {
			display: inline-block;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			width: 173px;
		}

		#vertical_bar ul li em { 
			float: right;
			margin: 0;
		}

		/*-----------------------------------------------------------  STRUCTURE FOOTER  ---------------*/
		footer { background-color:#636363; }

		.lt-ie9 .footer_wrap {
			width:1050px;
			margin: 0 auto;
		}

		.lt-ie9	footer section {
			border-right: 1px dashed #BBB;
			display: inline-block;
			float: left;
			margin: 8px;
			width: 246px;
		}

		footer section:last-of-type { border: none; }

		@media screen and (min-width: 1050px) {
			.footer_wrap {
				width:1050px;
				margin: 0 auto;
			}

			footer section {
				border-right: 1px dashed #BBB;
				display: inline-block;
				float: left;
				margin: 8px;
				width: 246px;
			}

			footer section:last-of-type { border: none; }
		}

		@media screen and (min-width: 525px) and (max-width: 1049px) {
			.footer_wrap {
				width:524px;
				margin: 0 auto;
			}

			footer section {
				border-right: 1px dashed #BBB;
				display: inline-block;
				float: left;
				margin: 8px;
				width: 246px;
			}

			footer section:nth-child(2), footer section:nth-child(4) { border-right: none; }
		}

		@media screen and (min-width: 250px) and (max-width: 524px) {
			footer section {
				width: 300px;
				margin:8px auto;
			}

			footer section { border-bottom: 1px dashed #BBB; }

			footer section:last-child { border-bottom: none; }
		}

		@media screen and (max-width: 249px) {
			footer section { border-bottom: 1px dashed #BBB; }

			footer section:last-child { border-bottom: none; }
		}

		.footer_wrap {
			position: relative;
		}

		footer section {
			color: #BBB;
			padding: 8px;
			min-height: 202px;
		}

		.footer_wrap section:last-of-type h1 {
			background: url("../../Images/ico_subscribe.png") no-repeat 0 6px;
			padding: 0 0 0 42px;
			margin: 13px 0 6px 0;
		}

		footer section:first-of-type p:first-of-type { font-weight: bold; }

		footer h1 {
			color:#FFFFFF;
			font-size: 27px;
			letter-spacing: 2px;
			margin: 0 0 13px 0;
			text-transform: uppercase;
		}

		@media screen and (min-width: 1020px){
			footer h1 { margin: 13px 0 !important; }
		}


		@media screen and (min-width: 525px){
			footer p, footer a {
				font-size: 14px;
				margin: 0;
			}
		}

		@media screen and (max-width: 524px){
			footer p, footer a {
				margin: 20px 0 ;
				font-size: 18px;
			}
		}

		footer p, footer a {
			font-family:Tahoma, Geneva, sans-serif;
		}



		footer form {
			margin: 0;
			padding: 0;
			width:100%;
		}

		footer input {
			border: 1px solid #BBB;
			margin: 2px 0 !important;
			padding: 5px !important;
			display: block;
			width: 230px !important;
		}

		.mailing {
			width: 128px !important;
			margin: .6em 0 0 0 !important;
		}

		footer a, footer a:visited {
			display:block;
			color:#BBB;
		}


		footer .phone { background-position: 0 -168px; }

		footer .email { background-position: 0 -210px; }

		footer a:hover { color:#FF0; }

		#byAtimo a {
			padding: 5px;
			display: inline-block;
		}

		@media screen and (min-width: 1010px){ 
			#byAtimo a:nth-child(1):after { content: " | "; } 
		}

		@media screen and (max-width: 1009px){ #esys { display:none !important; } }

		#byAtimo {
			background-color:#464646;
			clear: both;
			text-align: center;
		}

		/*-----------------------------------------------------------  MAIN PAGE ELEMENTS   ------------*/

		h1 {
			color:#0E4B78;
			font-size: 32px;
			margin: 0.93128px 0;
			line-height: 35px;
		}

		#MW > h1 {
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;	
		}

		h1 a, h1 a:visited {}
		h1 a:hover {}

		h2 {
			color: #0E4B78;
			font-size: 20px;
			margin: 0 0 5px 0;
		}

		#content h2 { margin:30px 0 10px;}

		h3 {
			color:#d1930d;
			font-size: 16px;
			margin: 0 0 5px 0;
		}

		h4 {
			font-size: 17px;
			margin: 25px 0 5px 0;
		}
		h5 {}
		h6 {}

		.hgroup h1 {
			color:#FFFFFF;
			font-size: 35px;
			line-height: 40px;
			margin: 0;
		}

		.hgroup h2 {
			color: #7BC1F4;
			font-size: 22px;
			line-height: 26px;
			margin: 0;
		}

		/*p, ul, ul li, ol, ol li, span {*/
			p, li {
				font-size: 16px;
				line-height: 23px;
			}

			article { line-height: 22px; }

			p, ul {	margin:10px 0; }


			.indented { margin-left: 15px; }


/*em {
    color: #3E5F7E;
    display: block;
    margin: 20px 20px 20px 28px;
}
*/

#content a, #content a:visited {
	color:#0e4b78;
	border-bottom:1px dashed #0e4b78;
}

#content a:hover {
	color:#d1930d;
	border-bottom:1px dashed #d1930d;
}

.data_table a { border: medium none !important; }
a, a:visited {
	color: #212121;
	cursor: pointer;
}

a.back {
	float: right;
	padding: 2px 10px;
	border-right: 3px #d1930d solid;
	margin: -15px -2% 15px 0;
	color: #212121;
	font-size: 12px;
}

a:hover { color: #565656; }


/*blockquote:before {
    content: open-quote;
    font-size: 64px;
    position: absolute;
    left: -5px;
    top: -20px;
}

blockquote:after {
    content: close-quote;
    font-size: 64px;
    position: absolute;
    right: -5px;
    bottom: -49px;
}
*/
blockquote {
	background-color: #f4f4f4;
	border: 1px solid #bbbbbb;	
	clear: both;
	font-size: 18px;
	font-weight: normal;
	margin: 35px auto;
	padding: 5px 15px;
	position: relative;
	width:90%;
}

blockquote h1 { font-size: 21px; }

blockquote em {
	color: #565656;
	font-size: 12px;
}

.note {
	border:none;
	outline:none;
	background:url(https://www.miamiarch.org/Atimo_s/news/wave20160509.gif) #f0f0f0;
	background-position:bottom;
	background-repeat:repeat-x;
	clear: both;
	margin: 35px auto;   
	padding: 15px 15px 5px;
	position: relative;
	width: 90%;
}

.note > h1 {
	border-top: 2px solid #0E4B78;
	color: #0E4B78;
	display: inline-block;
	font-size: 19px;
	margin-bottom: -18px;
	padding: 0 5px;
	position: relative;
	top: -18px;
}


/*
This rule below should only apply whe info_box is floating to right (see info_box media query break points)
We may have to change the breakpoint below because of margins and paddings....

*/
@media screen and (min-width:730px){
	blockquote.narrow {
		clear: none;
		margin: 35px 0;
		padding: 0 35px;
		width: 540px;
	}
}

@media screen and (min-width:400px){
	ol { margin:10px 10px 10px 35px; }
	
	ul { 
		list-style-type: none; 
		margin:10px 10px 10px 15px; 
	}

	ul li {
		background: url("../../images/bull.png") no-repeat scroll 18px 12px transparent;
		margin: 0;
		padding: 5px 0 5px 30px ;
	}
}

@media screen and (max-width:399px){
	ul, ol {
		list-style-type: none;
		margin:10px 5p;
	}
	
	ul li, ol li {
		background: url("../../images/bull.png") no-repeat scroll 0 12px transparent;
		margin: 0;
		padding: 5px 5px 5px 10px ;
	}
}


.imgR {
	float: right;
	margin: 2px 0 15px 15px;
}

.imgL {
	float: left;
	margin: 0 15px 15px 0;
}

.imgC {
	clear:both;
	display: block;
	text-align: center;
	margin: 0.750em auto;
}

@media screen and (max-width: 600px){
	.imgR, .imgL, .imgC {
		display: block;
		margin: 0.750em auto;
		text-align: center;
		float: none !important;
		width:100%;
	}
}

.end_page {
	background: url(../../images/end_page.png) no-repeat center;
	height: 49px;
	width: 96px;
	margin: 16px auto;
	clear: both;
}

.boxC {
	text-align: center;
	margin: 10px auto;
	clear: both;
}

.boxL {
	width: 300px;
	float: left;
	margin: 5px 15px 0 0;
	text-align: justify;
}

.boxR {
	width: 300px;
	float: right;
	text-align: justify;
	margin: 5px 0 0 15px;
}

.boxL p, .boxR p, .boxC p {
	line-height: 14px;
	font-size: 10px;
}

.no_clear { clear:none !important; }

.left_clear {
	clear:left;
}

.separator {
	background:url(../../Images/separator.png) no-repeat 0 0 transparent;
	clear:both;
	width:77px;
	height:30px;
	margin:15px auto;
}

/*#content .separator:last-child { display: none; }*/

.up {
	border: 1px solid #FFF;
	position: fixed;
	bottom: 5px;
	left: 5px;
	width: 3em;
	height: 3em;
	display: none;
	background: #232323;
	opacity: .3;
	border-radius: 32px;
	cursor:pointer;
	z-index: 900;
}

.up span {
	font-weight:bold;
	font-size:3em;
	text-align:center;
	display:block;
	color:#FFF;
}

.center {
	margin: 16px auto;
	display: block;
}

.response {
	text-align: center;
	color: red;
}

.clear { clear: both; }
.hide { display: none; }



@media screen and (min-width:501px) { .show_mobile { display:none !important; } }
@media screen and (max-width:500px) { .hide_mobile { display:none !important; } }

.popup {
	background: #FFF;
	border: 1px solid #0E4B78;
	box-shadow: 2px 1px 1px #0E4B78;
	position: absolute;
	top: -100%;
	left: 32%;
	z-index: 950;
	width: 500px;
	min-height: 200px;
	padding: 8px;
}

.animate-in, .animate-out {
	-webkit-transition:top .5s ease-in-out;
	-moz-transition:top .5s ease-in-out;
	-o-transition:top .5s ease-in-out;
	-ms-transition:top .5s ease-in-out;
	transition:top .5s ease-in-out;
}

.animate-in { top: 2%; }
.animate-out { top: -100%; }

.animate-all-in, .animate-all-out {
	-webkit-transition:all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

@media screen and (max-width:399px){ .floatL, .floatC, .floatR {width:100%} }

.floatL { float:left; }
.floatC { margin:inherit auto; }
.floatR { float:right; }

.textL { text-align:left; }
.textC { text-align:center; }
.textR { text-align:right; }

a.button, a.button:visited {
	background-color: #69A1CB;
	color:#FFFFFF !important;
	display:inline-block;
	margin: 10px 0 10px 5px;
	padding: 5px 10px;	
	text-decoration:none important;
}

a.button:hover { 
	background-color:#d1930d;
	color:#FFFFFF !important;
	text-decoration:none important;
}

#all_bloggers {
	display: block;
	text-align: center;
}

/*-----------------------------------------------------------  ICONS CONTACT, PDF, ETC...  -----*/

/*----------------------  Info Box  -----------------------*/
.lt-ie9 .info_box {
	clear: right;
	float: right;
	margin: 0 0 15px 10px;
}

.lt-ie9	.info_box h1 {
	padding: 5px 0;
}

.lt-ie9	.infobox{
	display: block;
}

@media screen and (min-width:730px) {
	.info_boxes {
		float: right;
		margin: 0 0 15px 15px;
		width: 200px;
	}

	.info_box, .church_closed {
		clear: right;
		float: right;
		margin: 0 0 15px 10px;
	}

	.info_box h1 {
		padding: 5px 0;
	}

	.infobox{
		display: block;
	}
}

@media screen and (max-width:729px) {
	.info_box, .church_closed {
		clear: both;
		float: none;
		margin: 10px auto;
	}

	.info_box h1 {
		cursor: pointer;
		padding:5px 0 !important;
		background-image:url(../../Images/icos_contact.png);
		background-repeat:no-repeat;
		background-position:right -363px;
	}

	.info{
		display: none;
	}

}

.info_box, .church_closed {
	background-color: #f8f8f8;
	border: 1px solid #FFFFFF;
	outline: 1px solid #e4e4e4;
	padding:8px;
	width: 200px;
}


.info{
	font-size:12px;
	overflow:hidden;
}

.info_box h1 {
	color: #1268A6;
	font-size: 16px;
	margin: 0;
	padding:0;
}

/*h2 is used for the department name, branch, location*/
.info_box h2 {
	color: #d1930d;
	font-size: 13px;
	line-height: 17px;
	margin: 0;
}

/*h3 is used for the person's title*/
.info_box h3 {
	color: #000;
	margin: 10px 0 0;
	line-height:17px;
	font-size:13px;
}

.info_box p {
	font-size:14px;
	margin: 0 0 5px;
	line-height:17px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.info_box a { color:#000000; }
.info_box a:hover { color:#565656; }

.church_closed > h1 {
	background-color: #d1930d;
	color: white;
	font-size: 14px;
	padding: 5px 0;
	text-align: center;
	text-transform:uppercase;
}

.church_closed > p {
	font-size: 13px;
	margin: 0;
	padding: 4px 2px;
	line-height: 20px;
}

/*
.fa.fa-file-pdf-o { color: #c21c25; }

.fa { color: #1268A6; }
*/
/*----------------------  Info icons  ---------------------*/
.phone:before, .email:before, .fax:before, .map:before, .web:before, .share_event:before,
a.pdf:before, a.img:before, a.doc:before, a.excel:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 5px;
	color: #1268A6;
}

footer :before { color: #fff!important; }
a:hover::before { color: #d1930d; }

.phone:before 	{ content: "\f095"; }
.email:before 	{ content: "\f0e0"; }
.fax:before 	{ content: "\f1ac"; }
.map:before 	{ content: "\f279"; }
.web:before 	{ content: "\f0c1"; }
.share_event:before { content: "\f14d"; }
a.pdf:before 	{ content: "\f1c1"; }
a.img:before 	{ content: "\f03e"; }
a.doc:before 	{ content: "\f15c"; }
a.excel:before 	{ content: "\f1c3"; }

.address { margin: 10px 0 !important; }

.ellipsis {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

a.registration { 
	color: #d1930d !important;
	font-weight: bold;
	border-bottom: none !important; 
}

a:hover.registration { color:#0e4b78; }

.shortcut {
	background-color: #F8F8F8;
	border: 1px solid #FFFFFF;
	border-left:3px solid #0e4b78;
	clear:both;
	margin:50px auto 10px auto;
	outline: 1px solid #E4E4E4;
	padding: 10px 0 10px 60px;
	width: 80%;
}

.shortcut p { margin:0; }

/*----------------------  Our Team  -----------------------*/

.team dl {
	width: 239px;
	float: left;
	margin: 0 15px 15px 0;
}


/*-----------------------------------------------------------  SECTION NAVIGATION   ------------*/
.lt-ie9 .section_navigation { top: -15px; }

.lt-ie9	.section_navigation a {
	display: inline-block;
	float: left;
	height: 37px;
	line-height: 37px;
	padding: 0 13px;
	width: 25%;
}

@media screen and (min-width:715px) {
	.section_navigation { top: -15px; }
	
	.section_navigation a {
		display: inline-block;
		float: left;
		height: 37px;
		line-height: 37px;
		padding: 0 13px;
		width: 25%;
	}
} 

@media screen and (min-width:500px) and (max-width:714px) {
	.section_navigation { top: -30px; }
	
	.section_navigation a {
		display: inline-block;
		float: left;
		height: 50px;
		line-height: 50px;
		padding: 0 13px;
		width: 33.3333%;
	}
} 

@media screen and (min-width:400px) and (max-width:499px) {
	.section_navigation { top: -30px; }
	
	.section_navigation a {
		display: inline-block;
		float: left;
		height: 50px;
		line-height: 50px;
		padding: 0 13px;
		width: 50%;
	}
} 

@media screen and (max-width:399px) {
	.section_navigation a {
		border-top: 1px solid #dadad8;
		border-left: 1px solid #dadad8;
		display: block;
		height: 50px;
		line-height: 50px;
		padding: 0 13px;
		width: 80%;
		margin:5px auto;
	}
}

.section_navigation {
	left: -1.875%;
	margin-bottom: 20px;
	overflow: auto;
	position: relative;
	width: 103.75%;
}

.section_navigation.article_lgs {
	border: 1px solid #dadad8;
	margin: 20px auto;
	position: static;
	width: 250px;
}

.section_navigation.article_lgs a { width: 50% !important; }

.section_navigation a {
	border-bottom: 1px solid #dadad8 !important;
	border-right: 1px solid #dadad8;	
	color: #5a5a5a !important;
	text-align: center;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.section_navigation a:hover, .section_navigation a.selected {
	color: #d1930d !important;
	border-bottom: 2px solid #d1930d !important;
}

/*-- display group --------------*/
.display_group .section_navigation {
	clear: both;
	left: 0;
	margin: 15px 0;
	position: relative;
	top: 0;
	width: 100%;
}

.display_group .section_navigation a { 
	background-color: #f8f8f8;
	border: 1px solid #e4e4e4;
}

.display_group .section_navigation a:hover, 
.display_group .section_navigation a.selected {
	background-color: #FFFFFF;
	color: #7BC1F4;
}

@media screen and (min-width:500px) {
	.display_group .section_navigation a.selected { border-bottom:none; }
}

/*-----------------------------------------------------------  PAGE INDEX ----------------------*/
.page_index a {
	display: block;
	border-bottom: 1px solid #5977AB;
	color: #5977AB;
	padding: 2px;
}

.page_index a:hover {
	background: #ebedec;
	color: #5977AB;
}

.page_index p { padding: 0 0 0 2px; }

.page_index h3 {
	padding: 0 5px;
	margin: 2px 0 0 0;
}

.box_index { margin: 16px auto; }

.box_index h3 {
	color: white;
	background: #0E4B78;
	padding: 0.113em 0.213em;
	cursor: pointer;
}

#plus {
	float: right;
	color: white !important;
	padding: 0 10px 0 0;
}

.top, .top:visited {
	float: right;
	display: block;
	width: 6.250em;
	background: #5977AB;
	color: white !important;
	text-align: center;
	padding: 5px 30px;
	margin: 10px 0;
}

.top:hover { background: #0E4B78; }
#plus:visited { color: white !important; }
.closed, .open { background-color: #5C7195; }


element.style {
	height: 710px;
	width: 1218px;
}

/*BODY.noscroll {
    font-size: 9pt;
    height: 100%;
}

BODY {
    background-color: white;
    font-family: arial,verdana,helvetica,sans-serif;
    position: relative;
    }*/

    .page_index.index_hide {
    	height: 300px;
    	overflow-y: scroll;
    	border-bottom: 3px double #0e4b78;
    	margin-bottom: 35px;
    }


    /*-----------------------------------------------------------  PAGINATION  ---------------------*/
    .pagination {
    	text-align: right;
    	border-bottom: 1px solid gray;
    	padding-bottom: 3px;
    	margin-bottom: 5px;
    }

    .pagination .total {
    	float: left;
    	margin: 0;
    	padding: 2px;
    }

    .pagination .pagination_buttons { display: inline-block; }

    .pagination_buttons a, .pagination_buttons p {
    	display: inline-block;
    	padding: 2px 5px;
    	border: 1px solid gray;
    }

    .pagination_buttons span { margin: 0 5px; }

    .pagination_buttons p {
    	color: #E5E5E5;
    	border: 1px solid #E5E5E5;
    	line-height: 18px;
    	margin: 0;
    }

    /*.pagination_buttons a { border: 1px solid gray; }*/

/*.pagination_buttons a.linkDisabled, .pagination_buttons a:hover.linkDisabled {
    color: #E5E5E5;
    border: 1px solid #E5E5E5;
    }*/

    .pagination_buttons a:hover {
    	border: 1px solid gray;
    	background-color:gray;
    	color:#FFF;
    }



    /*-----------------------------------------------------------  DEFAULT TABLE  ------------------*/
    table.default {
    	border: 1px solid #E4E4E4;
    	border-collapse:collapse;
    	margin: 15px auto;
    	width: 100%;
    }

    table.default caption {
    	background-color: #d1930d;
    	color: #ffffff;
    	font-size: 16px;
    	font-weight: bold;
    	padding: 5px;
    	text-transform: uppercase;
    }

    table.default th {
    	background: none repeat scroll 0 0 #cecece;
    	border-bottom: 1px solid #464646;
    }

    table.default tfoot tr td {
    	background: none repeat scroll 0 0 #cecece;
    	border-top: 1px solid #464646;
    }

    table.default th, table.default td {
    	padding:6px;
    	vertical-align:top;
    }

    table.default td { border-bottom: 1px solid #E4E4E4; }

    table.default tr:nth-child(even) { background-color: #ebebeb; }
    table.default tr:nth-child(odd) { background-color: #f7f7f7; }

    table.default em {
    	color:#79A0C1;
    	font-weight:bold;
    }

    .alt_tr { background-color:#E3E3E3; }
    .tdC { text-align:center; }
    .tdR {text-align:right; }
    .tdL {text-align:left; }

    /*-----------------------------------------------------------  DATA TABLE  ---------------------*/

    .data_table {
    	width: 100%;
    	font-size: 1.2em;
    }

    .data_table tr:hover { background-color:#F4F4F4; }

    .data_table thead th {
    	white-space: nowrap;
    	border-bottom: 1px solid #ccc;
    	color: #888;
    }
    .data_table th, .data_table td { font-size: .8em; }
/*
.data_table th:first-child, .data_table td:first-child { text-align: left; }
.data_table td:nth-child(n+3) { text-align: center; }
.data_table th:last-child { width: 15%; }
*/
.data_table td {
	border-bottom: 1px solid #E6E6E6;
	color: #313131;
}
.data_table em { margin:2px 0; }
.author_name {
	display: block;
	font-size: .9em;
	opacity: .6;
}

#search_results { margin-top: 2em; }

.actions {
	text-align:right;
	width: 105px; 
}

/*-----------------------------------------------------------  DEFAULT FORM   ------------------*/
.lt-ie9 form.default { width:650px; }

.lt-ie9 form.default label {
	float: left;
	width: 130px;
	margin: 8px 8px 8px 0;
	text-align: right;
}

.lt-ie9 form.default fieldset input,
.lt-ie9 form.default fieldset select {
	width: 325px;
	margin: 8px 0;
}

@media screen and (min-width:800px) {
	form.default {
		width: 650px;
		overflow: visible;
	}

	form.default label {
		float: left;
		width: 130px;
		margin: 8px 8px 8px 0;
		text-align: right;
	}

	form.default fieldset input,
	form.default fieldset select {
		width: 325px;
		margin: 8px 0;
	}
}

@media screen and (max-width:799px) {
	form.default fieldset input, form.default fieldset select, form.default label {
		clear:both;
		display:block;
		margin: 8px;
		width:95%;
	}
}


#popup form.default { width: 460px; }

#popup form.default input[type="submit"] { float:right; }

.default.wide {
	width: 790px;
	margin: 0 0 0 -10px;
}

.default.wide fieldset { width: 95%; }


form {
	/*margin: 15px auto;*/
	margin: 0 auto;
	padding: 5px 15px;
	overflow:hidden;
}

/*form div {
	overflow:auto;
	}*/

	fieldset {
		background-color: #F4F4F4;
		border: 1px solid #BBBBBB;
		padding: 2px 10px;
		margin: 0 auto;
	/*padding: 10px;
	margin: 15px auto;*/
	width:85%;
}

legend {
	background-color: #d1930d;
	border: 1px solid #bbbbbb;
	color: #ffffff;
	font-weight: bold;
	margin: 25px 0 0;
	padding: 5px 23px;
}


textarea {
	border: 1px solid #BBB;
	width:100%;
	height:150px;
}

label, input { display: inline-block; }

.lt-ie9 input[type=text], .lt-ie9 input[type=email], .lt-ie9 input[type=password], .lt-ie9 input[type=phone] { width: 368px; }

@media screen and (min-width:400px) { input[type=text], input[type=email], input[type=password], input[type=phone] { width: 368px; } }
@media screen and (max-width:399px) { input[type=text], input[type=email], input[type=password], input[type=phone] { width: 100%; margin:4px 0; } }

input, select {
	border: 1px solid #BBB;
	padding: 5px;
	/*margin: 5px;*/
}

select {
	/*width: 380px;*/
	padding: 5px;
	/*margin: 0 0 0 5px;*/
}

.fm-radio, .fm-checkbox {
	width: 240px;
	margin: 8px 0;
	float:left;
}

.fm-radio p, .fm-checkbox p { text-align: center; }

.fm-radio label, .fm-checkbox label {
	margin: 0 3px 3px 0;
	padding: 0;
}

.fm-req:after {
	content: "*";
	color: red;
	font-weight: bold;
}

input[type="checkbox"] {
	-webkit-appearance:checkbox !important;
	width: auto !important;
	float:left;
	margin:12px 8px 0 0 !important;
}


input[type="radio"] {
	-webkit-appearance:radio !important;
	border:none;
	width:auto !important;
}

.form_buttons {
	height:32px;
	margin: 15px auto;
	width: 85%;
}

form.wide .form_buttons { width: 95%; }

input[type="submit"]:disabled, input[type=button]:disabled {
	color:gray;
	border:1px solid gray;
	background-color:white;
	cursor:default;
}

input[type=submit], input[type=button] {
	background-color: #69A1CB;
	border: 1px solid #69A1CB;
	color: #FFFFFF;
	cursor:pointer;
	display:block;
	float:right;
	margin: 0 0 0 5px;
	outline: 1px solid #E7E5D9;
	text-align: center;
	font-size: 0.95em;
	padding:3px 25px;
/*	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;*/
}

input[type=submit]:hover, input[type=button]:hover {
	background: none repeat scroll 0 0 #d1930d;
	border: 1px solid #d1930d;
	color: #FFFFFF;
/*	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
*/}

.input_error { border: 1px solid red; }

.response {
	color: red;
	text-align: center;
}

.half_width {
	width: 149px !important;
}

.third_width {
	width: 105px !important;
}

/*form { margin: 16px auto; }

@media screen and (min-width: 700px){
	form {
		width: 650px;
		padding: 8px 16px;
	}

}

@media screen and (max-width: 410px){
	form { width: 90%; }
}

fieldset {
	background-color: #f4f4f4;
	border: 1px solid #BBB;
	padding: 10px;
	margin: 16px 0;
}

legend {
	background-color: #FFF;
	border: 1px solid #BBB;
	font-weight: bold;
	padding: 5px 0.68128px;
	margin: 1.563em 0 0 0;
}

input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]), label, textarea, select { margin: .3em 0;	}

input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]), textarea, select {
	width: 97%;
	padding: .3em;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;
}

label, input, textarea, select { display: block; }
input, select, textarea { border: 1px solid #BBB; }

input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]):focus, textarea:focus, select:focus {
	box-shadow: 0 0 5px #0E4B78;
	border: 1px solid #0E4B78;
}

textarea {
	min-height: 10em;
	font-family: Tahoma;
}

.fm-radio, .fm-checkbox { margin: 8px 0; }
.fm-radio p, .fm-checkbox p {
	font-weight: bold;
	text-decoration: underline;
}

.fm-radio label, .fm-checkbox label {
	margin: 0 .32px .32px 0;
	padding: 0;
	display: inline-block;
}

.fm-req:after {
	content: "*";
	color: red;
	font-weight: bold;
}

input[type="checkbox"], input[type="radio"] {
	display: inline-block;
	margin: .32px .32px 0 0;
}

input[type="checkbox"] { -webkit-appearance:checkbox !important; }
input[type="radio"] { -webkit-appearance:radio !important; }

input[type="submit"]:disabled, input[type="submit"]:disabled:hover {
	color:gray;
	border:1px solid gray;
	background-color:white;
	cursor:default;
}

input[type=submit], button {
	background: #0E4B78;
	color: #FFF;
	cursor: pointer;
	display: inline-block;
	margin: 16px .25em;
	padding: 8px 16px;
	border: 1px solid #0E4B78;
}

input[type=submit]:hover, button:hover {
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	background: #FFF;
	color: #CF430E;
	border: 1px solid #CF430E;
}

.short_label { width: 6% !important; }
.mandatory { border: 1px solid red; }
.wide { width: 95%; }

.half_width {
	display: inline-block;
	width: 48% !important;
	}*/

	/*-----------------------------------------------------------  PAGINATION   --------------------*/
	.pagination {
		text-align: right;
		border-bottom: 1px solid gray;
		padding-bottom: 3px;
		margin-bottom: 5px;
	}

	.pagination .total {
		float: left;
		margin: 0;
		padding: 2px;
	}

	.pagination .pagination_buttons { display: inline-block; }

	.pagination_buttons a, .pagination_buttons p {
		border: 1px solid gray !important;
		color: gray !important;
		display: inline-block;
		padding: 2px 5px;
	}

	.pagination_buttons span { margin: 0 5px; }

	.pagination_buttons p {
		color: #E5E5E5;
		border: 1px solid #E5E5E5;
		line-height: 18px;
		margin: 0;
	}

	/*.pagination_buttons a { border: 1px solid gray; }*/

/*.pagination_buttons a.linkDisabled, .pagination_buttons a:hover.linkDisabled {
    color: #E5E5E5;
    border: 1px solid #E5E5E5;
    }*/

    .pagination_buttons a:hover {
    	background-color: #d1930d;
    	border: 1px solid #d1930d !important;
    	color: #fff !important;
    }

    /*--------------------------------------------------------------  ARTICLE ----------------------*/
    .lt-ie9 .article_info {
    	border-bottom: 1px solid #EDEDED;
    	height: 32px;
    	margin: -15px 0 5px -1.875%;
    	width: 103.75%;
		position: relative;
    }

    @media screen and (min-width:515px) {
    	.article_info {
    		border-bottom: 1px solid #EDEDED;
    		height: 32px;
    		margin: -15px 0 5px -1.875%;
    		width: 103.75%;
			position: relative;
    	}
    }

    @media screen and (max-width:514px) {
    	.article_info {
    		margin: -15px 0 5px -1.875%;
    		overflow:auto;
    		width: 103.75%;
			position: relative;
    	}
    }

    .article_info h4, .article_info h5 {
    	font-family: Tahoma;
    	font-size: 12px;
    }

	.article_info h4 {
		padding: 5px 12px;
		float: left;
		top: -25px;
		position: relative;
	}
    .article_info h5 {
    	border-bottom: 2px solid #d1930d;
    	font-weight: normal;
    	float:right;
    	margin: 0 ;
    	padding: 5px 12px;
    }

    .news .addthis_toolbox { 
    	margin: 10px auto 0 auto;
    	width: 245px;
    }

    .article_addthis a { border-bottom:none !important; }

    .ab_edit, .ab_delete, .ab_review, .ab_publish, .ab_requested,
    .ab_published, .ab_declined, .ab_rss, .ab_not_rss, .ab_home, .ab_not_home,
    .ab_bool_0, .ab_bool_1 {
    	background: url(../../images/icons-articles.png) no-repeat center;
    	width: 20px;
    	height: 20px;
    	display: inline-block;
    }

    .ab_edit, .ab_delete, .ab_review { margin-right: 3px; }
    .ab_edit { background-position: 0 -114px; }
    .ab_delete { background-position: 0 -153px; }
    .ab_review { background-position: 0 -379px; }
    .ab_publish { background-position: 0 -341px; }
    .ab_requested { background-position: 0 -76px; }
    .ab_published { background-position: 0 2px; }
    .ab_declined { background-position: 0 -37px; }
    .ab_bool_1, .ab_rss { background-position: 0 -192px; }
    .ab_bool_0, .ab_not_rss { background-position: 0 -228px; }
    .ab_home { background-position: 0 -267px; }
    .ab_not_home { background-position: 0 -305px; }

    /*-----------------------------------------------------------  SCROLL TO TOP   -----------*/
    #scrollToTop {
    	width:55px;
    	height:55px;
    	text-decoration: none;
    	position:fixed;
    	bottom:15px;
    	right:15px;
    	display:none;
    	background:url(../../images/scrollToTop.png) no-repeat;
    	opacity:0.15;
    	z-index:950;
    }

    #scrollToTop:hover { opacity:1;}

    #scrollToTop:hover{
    	text-decoration:none;
    }

    .center {
    	margin:0 auto !important;
    	display:table !important;
    }

    .centerM {
    	margin:15px auto !important;
    	display:table !important;
    }

    .rightM {
    	float: right;
    	margin:0 0 15px 15px;
    }

    .leftM {
    	float: left;
    	margin:0 15px 15px 0;
    }

    .indented { padding-left:15px; }
    .italic { font-style:italic;}

    /*-----------------------------------------------------------  OFFICES -------------------------*/


    /*--------------------------------------------------------------  NEWS -------------------------*/
    .pic_article > img { vertical-align: middle; }

    .pic_articleL, .pic_articleC, .pic_articleR { overflow: hidden; }

    .pic_articleC { 
    	margin:15px auto;
    	width:100%;
    }

    .lt-ie9 .pic_articleL {
    	float:left;
    	margin:0 15px 15px 0;
    }

    .lt-ie9 .pic_articleR {
    	float:right;
    	margin:0 0 15px 15px ;
    }

    @media screen and (max-width:830px) { .pic_articleC > img { width: 100%;} }

    @media screen and (max-width:400px) { .pic_articleL > img, .pic_articleR > img { width: 100%;} }

    @media screen and (min-width:730px) {
    	.pic_articleL {
    		float:left;
    		/*clear:left;*/
    		margin:0 15px 15px 0;
    	}

    	.pic_articleR {
    		float:right;
    		/*clear:right;*/
    		margin:0 0 15px 15px ;
    	}
    }

    @media screen and (max-width:729px) {
    	.pic_articleR,.pic_articleL { margin:15px auto; }
    }


    .wrapper {
    	border: 1px solid #e4e4e4;
    	padding: 2px 8px;
    	margin: -5px 0 0 0;
    }

    .photographer {
    	font-style: italic;
    }

    .wrapper > p {
    	font-size: 12px;
    	margin:0;
    	color: #5e5e5e;
    	line-height: 20px;
    }

    .comment_wrap {
    	/*border: 1px solid #EDEDED;*/
    	padding: 10px;
    	margin-top: 15px;
    }

    .comment_wrap h2 { font-size: 1.350em; }

    .disclaimer, .comments {
    	display: none;
    	border: 1px solid #BBB;
    	padding: 8px;
    	margin: 0 auto .8em auto;
    }

    .captcha { text-align: center; }

    .comment {}

    .comment h4, .comment h6 {
    	display: inline-block;
    	margin: 0 .2em;
    }

    .comment h4 {
    	color: #D0120B;
    	font-size: 10px;
    }

    .comment h6 { color: #9A9A9A; }

    .gallery_photographer {
    	color: #0e4b78;
    	font-size: 12px;
    	font-style: italic;
    	margin-top: -13px;
    	text-align: right;
    }

    .share_this_article {
    	clear:both;
    	color:rgba(158,158,158,1.00);
    	text-align:center;
    }

    /*--------------------------------------------------------------  NEWS & BLOGS COMMENTS --------*/
    #comments {
    	background-color: #fafafa;
    	border: 1px solid #dadad8;
    	margin:15px;
    	padding: 10px;
    }

    #comments > h1 { font-size: 23px; }

    #comments dl { margin: 30px 0; }

    #comments dt {
    	font-weight: bold;
    	margin: 5px 0;
    }

    #comments em {
    	color: #d1930d;
    	font-size: 13px;
    	font-weight: normal;
    }

    #comments dd {
    	font-style: italic;
    }

    /*--------------------------------------------------------------  CS NEWS ----------------------*/
    @media (min-width: 600px) {
    	#cs_news_header div {
    		margin: 0 10px 0 10px;
    		float: left;
    		display: inline-block;
    	}

    	#cs_other_news .cs_img {
    		height: 210px;
    	}

    	#cs_news_header h1 {line-height: 150px;}
    }

    @media (max-width: 599px) {
    	#cs_news_header div {
    		margin: 10px auto;
    		display: block;
    	}	

    	#cs_other_news dl{
    		max-width: 267px;
    		margin: 0 auto;
    	}

    	#cs_other_news .cs_img {
    		height: 144px;
    		width: 264px;
    	}

    	#cs_other_news h1 {text-align: center;}
    }

    #cs_news_header {
    	padding: 10px 0;
    	margin: -5px 0 20px 0;
    	background: rgba(0,0,0,0.05) url(../../../images/texture-churches.jpg);
    	border-bottom: 1px solid #E4E4E4;
    }

    #cs_news_header div {
    	height: 150px;
    	width: 224px;
    	background-size: cover;
    }

    #cs_news_header h1 {
    	text-transform: capitalize;
    	font-size: 45px;
    	margin: 0;
    	text-align: center;
    	color: #0E4B78;
    }

    #cs_other_news h1 { 
    	color:#0E4B78;
    	font-size: 31px;
    }

    #entity_news .article_info {
    	width: 100%;
    	margin: 0;
    }

    #articles_events { 
    	margin: 15px 0;
    	min-height: 400px;
    }

    #entity_news dl {max-width: 267px; margin:0 auto}

    #entity_news .hgroup { background-color: white; }

    #entity_news h1 { 
    	color: #0E4B78; 
    	margin: 20px 0;
    }

    #entity_news .cs_img {
    	height: 134px;
    	background-size: cover;
    }

    #cs_other_news .cs_img {
    	background-size: cover;
    	background-position: center;
    }

    #entity_news .date {
    	font-size: 12px;
    	color: gray;
    	padding: 4px 0;
    }

    #entity_news .date span, #cs_other_news .date span { color: #B20009; }

    #entity_news a.fx_3, #entity_news a.fx_3:hover,
    #cs_other_news a.fx_2, #CS_other_news a.fx_2:hover {
    	border-bottom: none;
    	margin-bottom: 25px;
    	color: inherit;
    }

    a.close_CS {
    	display: inline-block;
    	background-color: #d1930d;
    	color: white !important;
    	height: 25px;
    	border-bottom: none !important;
    	line-height: 25px;
    	position: relative;
    	width: 125px;
    	padding: 0 7px;
    	text-align: left;
    }

    a.close_CS span {
    	font-size: 10px;
    	display: inline-block;
    	background-color: white;
    	color: #d1930d;
    	height: 16px;
    	width: 16px;
    	border-radius: 8px;
    	text-align: center;
    	line-height: 16px;
    	font-family: arial;
    	position: absolute;
    	right: 4px;
    	top: 5px;
    }

    /*-----------------------------------------------------------  OTHER CS NEWS   ------------------*/ 
    #other_CS_news div.flex { margin: 10px 0 0 0; } 

    #other_CS_news div.flex .fx_4{margin-bottom: 15px}

    #other_CS_news dl { 
    	background-color: #f3f3f3; 
    	border: 1px solid #FFF; 
    	outline: 1px solid #dddddd;
    	max-width: 200px;
    	margin: 0 auto;
    } 

    #other_CS_news dl:hover{box-shadow: 2px 2px 5px #b7b7b7;}
    
    #other_CS_news dl dd:nth-child(1){ 
    	float: left; 
    	width: 66px; 
    	overflow: hidden; 
    	height: 43px; 
    	background-size: cover; 
    	margin-bottom: 1px; 
    } 

    #other_CS_news dl dd:nth-child(2), 
    #other_CS_news dl dd:nth-child(3) { 
    	float: right; 
    	width: 100px; 
    	font-size: 13px; 
    	line-height: initial;
    } 

    #other_CS_news dl dd span { padding: 0 5px; } 

    #other_CS_news dl dt { 
    	display: block; 
    	clear: both; 
    	text-align: center; 
    	white-space: nowrap; 
    	overflow: hidden; 
    	text-overflow: ellipsis; 
    	padding: 3px; 
    	font-size: 13px; 
    	background-color: #b7b7b7;
    	color: white; 
    }

    #other_CS_news dd a { 
    	display: block; 
    	border-bottom: none; 
    	padding: 3px 0 3px 5px;   
    	transition: all 0.5s;
    }

    #other_CS_news dd a:hover { 
    	background-color: #b7b7b7;
    	color: #FFFFFF;	
    } 

    /*--------------------------------------------------------------  EVENTS -----------------------*/
    #add_events { 
    	background-color: #0e4b78;
    	font-size: 13px;
    	margin: 0 auto 18px;
    	padding: 7px 0;
    	text-align: center;
    	width: 200px;
    	z-index: 900;
    }

    #add_events a { display:block; color:#fff; }

    #add_events:hover { background-color:#d6b76b; }

    #add_events a:hover { color:#fff; }

    #add_events.fixed {
    	background-color: #c9b687;
    	border: 1px solid #fff;
    	box-shadow: 1px 1px 1px 0 #cecece;
    	font-size: 17px;
    	left: 0;
    	position: fixed;
    	text-transform: uppercase;
    	top: 0;
    	width: 100%;
    }

    #add_events.fixed :hover { background-color:#d6b76b; }
    section.events {
    	padding: 15px 20px;
    }

    section.events h2 {
    	color: #DEA200;
    	clear:both;
    	font-family: Tahoma,Geneva,sans-serif;
    	font-size: 22px;
    	margin: 0 0 15px 0;
    }

    article.event {
    	margin: 0 0 20px 0;
    	padding:0;
    }

    /*article.event p { margin:0; }*/

    article.event h2 {
    	border-bottom: 1px dotted #d1930d;
    	color: #d1930d;
    	font-size: 14px;
    	font-style: italic;
    	font-weight: normal;
    	margin: 5px 0 10px 0 !important;
    	padding: 0 0 5px;
    }


    .event em { 
    	color: #d1930d;
    	display:inline;
    }

    article.event h3 {
    	clear:both;
    	color: #0e4b78;
    	font-size: 24px;
    	font-weight: normal;
    	margin: 0;
    	padding: 3px 0 0;
    }


    article.event h4 {
    	font-size: 16px;
    	margin: 12px 0 0;
    	clear:both;
    	color:#000000;
    	display:inline-block;
    	position:relative;
    	top:6px;
    }

/*.event a {
	color:#0653b6;
    font-weight: normal;
	border-bottom:none;
	}*/


	.event .addthis_toolbox {
		margin: 10px auto 0 auto;
		/*float:right;*/
		width: 245px;
	}

	h2 .addthis_toolbox {
    margin: 0 !important;
    float: right;
    width: 137px !important;
	}

	/*@media screen and (max-width:499px) { .event .addthis_toolbox { margin: 10px 0; } }*/

	.event .addthis_toolbox a {
		border-bottom: medium none !important;
	}

	.event .map {
		font-size: 11px;
		padding:4px 0 0 19px;
	}

	.event img {
		background-color: #FAF4DE;
		border: 1px solid #E7E5D9;
		overflow: hidden;
		padding: 1px;
		width: 234px;
		height: 184px;
	}

	.button.shelby {
		color: white;
		float: right;
		clear: right;
		margin: 0 0 15px 15px;
		width: 170px;
	}


	/*-----------------------------------------------------------  CHRUCH & SCHOOL PRESENTATION ----*/

	.lt-ie9 #google_maps_CS { height: 600px; }

	@media screen and (min-width:700px) { #google_maps_CS { height: 600px; } }
	@media screen and (min-width:400px) and (max-width:699px) { #google_maps_CS { height: 400px; } }
	@media screen and (max-width:399px) { #google_maps_CS { height: 300px; } }

	#google_maps_CS {
		background-color: #f6f3ee;
		clear: both;
		margin-top:15px;
	}

	#google_maps_CS > iframe {
		width: 100%;
		height: 100%;
	}

	.lt-ie9 .imgCS {
		float: left;
		margin: 0 0 15px 0;
	}

	@media screen and (min-width:451px) {
		.imgCS {
			float: left;
			margin: 0 0 15px 0;
		}
	}

	@media screen and (min-width:730px) and (max-width:830px) {
		.imgCS {
			float: left;
			margin: 0 0 15px 0;
			width: 60%;
		}
	}

	@media screen and (max-width:729px) {
		.imgCS {
			display:block;
			margin: 15px auto;
			width: 100%;
		}
	}

	/*-----------------------------------------------------------  MASS SCHEDULE   -----------------*/

	.mass_schedule tr th { text-align: left; }
	.mass_schedule tr td:nth-child(1) { width: 180px; }
	.mass_schedule tr td:nth-child(2) { width: 180px; }
	.mass_schedule tr td:nth-child(3) { width: 130px; }
	.mass_schedule tr td:nth-child(4) { width: 130px; }
	.hover_tr_mass_schedule { background-color:#fffabf; }


	/*-----------------------------------------------------------  MISCELLANEOUS -------------------*/
	.lt-ie9 .blogger_of_the_week {
		background: url("../../../images/lets-talk-foto.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		height: 327px;
		margin: 0 0 20px;
		position: relative;
	}

	.lt-ie9	.blogger_of_the_week > img {
		left: 310px;
		position: absolute;
		top: 16px;
		width: 215px;
	}

	@media screen and (min-width:585px) {
		.blogger_of_the_week {
			background: url("../../../images/lets-talk-foto.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
			height: 327px;
			margin: 0 0 20px;
			position: relative;
		}

		.blogger_of_the_week > img {
			left: 310px;
			position: absolute;
			top: 16px;
			width: 215px;
		}
	}

	@media screen and (max-width:585px) {
		.blogger_of_the_week > img {
			border: 10px solid #0e4b78;
			display: block;
			margin: 15px auto 40px;
		}
	}


	#details { padding:20px; }

	.uploading {
		background: url("../../images/preloader.gif") no-repeat scroll center center transparent;
		border: 3px solid #f1f1f1;
		height: 32px;
		margin: 0 auto;
		padding: 5px;
		width: 32px;
		outline: 1px solid #e5e5e5;
	}

	.ajax_loading {
		height: 100%;
		position: absolute;
		width: 100%;
		z-index: 980;
		background: rgba(255, 255, 255, .7) url("../../images/preloader.gif") no-repeat center center;
	}

	.ajax_form { position:relative; }
	
	#footnote p {
		font-size: 13px;
		color: #4a4848;
	}

	a sup {
		color: red;
	}	

	.lt-ie9 #togglemenubutton { display:none; }
	@media screen and (min-width:1050px) { #togglemenubutton { display:none; } }
	@media screen and (min-width:715px) and (max-width:1049px) {
		#togglemenubutton {
			background:url(../../Images/ico_mobile_menu.png) no-repeat 3px 5px #0E4B78;
			border: medium none;
			height: 32px;
			padding: 0;
			position:absolute;
			width: 44px;
			z-index: 800;
		}	

		.vm_to_right { 
			background-color:red; 
			right: 20px;
			top: 100px;
		}
		.vm_to_left { 
			right: 20px;
			top: 100px;
		}
	}
	@media screen and (max-width:714px) { #togglemenubutton { display:none; } }


	.asc{
		background: url("../../../../images/sort_arrow.png") no-repeat right 7px ;
		padding-right: 20px;
	}

	.desc{
		background: url("../../../../images/sort_arrow.png") no-repeat right -19px ;
		padding-right: 20px;
	}

	#request_publish_event {
		margin: 0 auto;
		display: block;
	}

	#readings p { line-height: 27px; }


	/*----------------------  MY ACCOUNT -------------------*/
	.newAccount_relationship label { white-space: nowrap;	}
	.newAccount_relationship {
		float: left;
		margin: 0 5px 0 0;
		width: 32%;
	}
	#rel_others { width: 175px; }
	#select_relation_response {	margin: 5px; }

	/*----------------------M PRIESTS   --------------------*/

	#bcg_short_bio {
		margin:0px 0px 16px 0px;
		background-color: #F8F8F8;
		border: 1px solid #FFFFFF;
		outline: 1px solid #E4E4E4;	
		padding:10px;
		vertical-align:top;
	}

	#bcg_short_bio p {
		margin-top:0px;
		padding-top:0px;
	}

	#bcg_short_bio img {
		width:240px;
		float:left;
		margin:0px 10px 10px 0px;
	}

	.bcg_questions {
		display:inline-block;
		width:375px;
		vertical-align:top;
	}

	.two_columns_left{
		margin:0px 0px 8px 0px;
	}

	.two_columns_right {
		margin:0px 0px 0px 8px;
	}

	.notopgap {
		margin-top:0px;
	}

	.pic_articleC .pic_bcg {
		width:378px;
	}

	.question {
		color:#0e4b78;
		font-weight:bold;
		font-size:14px;
		margin-bottom:0px;
		padding-bottom:0px;
		margin-top:0px;
		padding-top:0px;
	}

	.answer {
		margin-top:0px;
		padding-top:0px;
		margin-bottom:25px;
	}

	@media screen and (max-width:786px) {
		.bcg_questions {
			width:100%;
		}

		.pic_articleC .pic_bcg {
			margin:0 auto;
			display:block;
		}

		.wrapper {
			margin-top:0px;
		}
	}

	@media screen and (max-width:320px) {
		.pic_articleC .pic_bcg {
			margin:0 auto;
			display:block;
			width:100%;
		}
	}

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

		#bcg_short_bio img {
			width:100%;
			float:none;
			clear:none;
		}
	}

	/*---------------------- SCRIPTURE    ------------------*/
	.lt-ie9 .scripture {
		color: #ba9357;
		font-style: italic;
		line-height: 25px;
	}

	@media screen and (min-width:400px){ 
		.scripture:before { margin-right: 12px; } 

		.scripture { margin-left: 43px; }
	}

	@media screen and (max-width:399px){  
		.scripture { margin-left: 10px; }
	}

	.scripture:before {
		color: #BA9357;
		content: open-quote;
		font-size: 4em;
		line-height: 2px;
		margin-right: 12px;
		vertical-align: -27px;
	}

	/*----------------------MY ARTICLES  -------------------*/
	#files {margin-top:-30px }

	.es_tabs .section_navigation, 
	form.wide div.section_navigation {
		margin: 40px auto 0 auto;
		width: 250px;
	}

	.es_tabs .section_navigation a,
	form.wide div.section_navigation a { width: 50%; }

	.restricted .news .hgroup > h1 { color: #0E4B78; }

	.restricted .news .hgroup > h2 { color: #7BC1F4; }

	.restricted .article_info h5 { padding: 8px 12px; }


	/*----------------------SELECT EVENT SCHEDULE   --------*/
	#select_time_schedule a {
		border-bottom: 1px solid #E4E4E4;
		color: #D72211;
		display: block;
		margin: 0 auto;
		padding: 9px 0;
		width: 670px;
	}

	#select_time_schedule a:hover { background:url(../../atimo_s/ajax/event/images/publish-event-red-arrow.png) left center no-repeat #f8f8f8; }

	#select_time_schedule a:last-child { border-bottom: none; }

	#select_time_schedule span {
		display: inline-block;
		font-size: 28px;
		height: 63px;
		line-height: 63px;
		margin-left: 40px;
		text-align: center;
		width: 377px;
	}

	#select_time_schedule img {
		float: right;
	}


	/*----------------------YOU TUBE   ---------------------*/
	.lt-ie9 .podcast {
		width: 550px;
		height: 125px;
		margin: 0 0 15px 0;
	}

	.lt-ie9 .youtube {
		width: 640px;
		height: 360px;
		margin: 10px auto;
		display: block;
	}
	
	@media screen and (min-width:695px) {
		.podcast {
			width: 550px;
			height: 125px;
			margin: 0 0 15px 0;
		}

		.youtube {
			width: 640px;
			height: 360px;
			margin: 10px auto;
			display: block;
		}
	}

	@media screen and (min-width:610px) and (max-width:694px) {
		.podcast {
			width: 550px;
			height: 125px;
			margin: 0 0 15px 0;
		}	

		.youtube {
			width: 560px;
			height: 315px;
			margin: 10px auto;
			display: block;
		}
	}

	@media screen and (min-width:445px) and (max-width:694px) {
		.podcast {
			width: 100%;
			height: 125px;
			margin: 0 0 15px 0;
		}
		
		.youtube {
			width: 100%;
			height: 225px;
			margin: 10px auto;
			display: block;
		}
	}

	@media screen and (max-width:444px) {
		.podcast {
			width: 100%;
			height: 125px;
			margin: 0 0 15px 0;
		}

		.youtube {
			width: 280px;
			height: 158px;
			margin: 10px auto;
			display: block;
		}
	}


	/*-----------------------------------------------------------  PASTORAL TEAM   -----------------*/
	.lt-ie9 #pastoral_team {
		margin: 0 auto;
		overflow: visible;
	}

	.lt-ie9 #pastoral_team > a, #pastoral_team > div {
		border:1px solid #FFFFFF;
		border-bottom:none;
		display: block;
		float: left;
		height: 356px;
		margin: 0 10px 15px;
		text-align: center;
		width: 232px;
	}

	.lt-ie9 #pastoral_team > a:hover {
		border: 1px solid #d1930d;
	}

	.lt-ie9 #pastoral_team > a > img {
		display: block;
		height:315px;
		width: 230px;
	}

	.lt-ie9 #pastoral_team span {
		display: block;
		font-style: italic;
		color: #545454;
		font-size: 12px;
	}

	/*#pastoral_team > p { display: none; }*/

	.lt-ie9 .our_team {
		height:315px;
		width:230px;
		overflow:hidden;
		position:relative;	
	}

	.lt-ie9 .clergy_relationships {
		background: url("../../images/priests-read-more.png") no-repeat scroll right top transparent;
		cursor: pointer;
		height: 160px;
		position: absolute;
		top: 284px;
		transition: 0.8s ease;
		width:100%;
	}

	.lt-ie9 .clergy_relationships:hover { top:155px; }

	.lt-ie9 .clergy_relationships li {
		padding:10px 5px;
		background:none;
	}

	.lt-ie9 .clergy_relationships li a, .clergy_relationships li a:visited { 
		border-bottom: medium none !important;
		color: #fff !important;
	}

	.lt-ie9 .clergy_relationships li a:hover { color:#d1930d; }

	.lt-ie9 .clergy_relationships ul{
		background-color: rgba(209, 147, 13, 0.5);
		border-top: 2px solid #d1930d;
		height:133px;
		margin:29px 0 0 0;
	} 

	.lt-ie9 .clergy p {
		display: block;
		margin: 0;
		overflow: hidden;
		padding: 2px 0;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 100%;
	}
	@media screen and (min-width:785px) { #pastoral_team { width: 760px; } }
	@media screen and (min-width:545px) and (max-width:784px) { #pastoral_team { width: 510px; } }
	@media screen and  (max-width:544px) { #pastoral_team { width: 255px; } }

	#pastoral_team {
		margin: 0 auto;
		overflow: visible;
	}

	#pastoral_team > a, #pastoral_team > div {
		border:1px solid #FFFFFF;
		border-bottom:none;
		display: block;
		float: left;
		height: 356px;
		margin: 0 10px 15px;
		text-align: center;
		width: 232px;
	}

	#pastoral_team > a:hover {
		border: 1px solid #d1930d;
	}

	#pastoral_team > a > img {
		display: block;
		height:315px;
		width: 230px;
	}

	#pastoral_team span {
		display: block;
		font-style: italic;
		color: #545454;
		font-size: 12px;
	}

	/*#pastoral_team > p { display: none; }*/

	.our_team {
		height:315px;
		width:230px;
		overflow:hidden;
		position:relative;	
	}

	.clergy_relationships {
		background: url("../../images/priests-read-more.png") no-repeat scroll right top transparent;
		cursor: pointer;
		height: 160px;
		position: absolute;
		top: 284px;
		transition: 0.8s ease;
		width:100%;
	}

	.clergy_relationships:hover { top:155px; }

	.clergy_relationships li {
		padding:10px 5px;
		background:none;
	}

	.clergy_relationships li a, .clergy_relationships li a:visited { 
		border-bottom: medium none !important;
		color: #fff !important;
	}

	.clergy_relationships li a:hover { color:#d1930d; }

	.clergy_relationships ul{
		background-color: rgba(209, 147, 13, 0.5);
		border-top: 2px solid #d1930d;
		height:133px;
		margin:29px 0 0 0;
	} 

	.clergy p {
		display: block;
		font-size:14px;
		line-height:14px;
		margin: 0;
		overflow: hidden;
		padding: 2px 0;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 100%;
	}

	/*-----------------------------------------------------------  PHOTO ALBUMS  -------------------*/
	.lt-ie9 .photo_albums > a {
		margin: 0 16px 20px 0;
		float: left;
		width: 350px;
	}

	.lt-ie9 .photo_albums img { height: 243px; }

	@media screen and (min-width:760px) {
		.photo_albums > a {
			margin: 0 16px 20px 0;
			float: left;
			width: 350px;
		}

		.photo_albums img { height: 243px; }
	}

	@media screen and (min-width:580px) and (max-width:759px) {
		.photo_albums {
			width: 530px;
			margin: 0 auto;
		}	

		.photo_albums > a {
			margin: 0 5px 20px 5px;
			float: left;
			width: 250px;
		}

		.photo_albums img { height: 167px; }
	}

	@media screen and (max-width:579px) {
		.photo_albums > a {
			margin: 10px auto;
			width: 100%;
		}

		.photo_albums img { width:100% }
	}

	.photo_albums > a {
		background-color: #EFEFEF;
		border: 1px solid #FFFFFF !important;
		display: block;
		outline: 1px solid #CCCACC;
		overflow: hidden;
		padding: 1px;
	}

	#photos dl dt { 
		background:url(../../Images/galleries-portrait-nophoto.jpg) no-repeat; 
		border-bottom: 1px solid #d1d1d1;
		margin-bottom: 5px;	
	}

	#photos dl dd { padding:0 5px; }

	#photos dl dd em { 
		color: #d1930d;
		margin: 3px 0;
	}

	.photo_albums img {
		display: block;
		margin: 0 auto;
	}


	.photo_albums > a:hover { outline: 1px solid #d1930d; }

	/*----  ALL EVENTS -----*/
	.data_table.all_events {
		margin: 25px auto;
	}

	.data_table.all_events th {
		text-align: left;
	}

	.lt-ie9 table.all_events tbody tr td { height:65px;	}			

	@media screen and (min-width:500px) {
		table.all_events tbody tr td { height:65px;	}			
	}

	@media screen and (max-width:499px) {
		table.all_events tbody tr td { height:145px;	}			
	}
	
	table.all_events tbody tr td a {
		height: 100%;
		display: block;
		vertical-align: middle;
	}	

	table.all_events tbody tr td a:hover {
		background:  #EDEDED;
	}	
	
	a.event_link h1 {
		background: url("../../Images/ico_calendar.png") no-repeat scroll 2px 6px rgba(0, 0, 0, 0);
		border-bottom: medium none;
		color: #000000;
		font-size: 15px;
		font-style: normal;
		font-weight: bold;
		margin: 0;
		padding: 0;
	}
	
	a.event_link h2 {
		border-bottom: medium none;
		color: #FF6633 !important;
		font-size: 13px !important;
		font-style: italic;
		font-weight: normal;
		margin: 0 !important;
		padding: 0;
	}	
	
	.event_link p {
		font-size:13px;
		margin: 0 !important;
	}
	
	/*-------------------------  MY PHOTOS REVIEW ------*/	
	#photos_thumbs {
		margin: 0 auto;
		width: 650px;
	}

	#photos_thumbs dl {
		clear: both;
		margin: 15px 0 35px 0;
		overflow: auto;
		position:relative;
	}

	#photos_thumbs dl dt {
		background-color:#f8f8f8;
		border:1px solid #D4D4D4;
		clear: left;
		float: left;
		margin: 0 16px 0 0;
		width: 200px;
		cursor:pointer;
		overflow:hidden;
		position:relative;
	}

	#photos_thumbs dl dt img {
		height: 130px;
		margin: 0 auto;
		display: block;
	}

	#photos_thumbs dl dd {
		border: 1px solid #FFF;
		clear: right;
		float: left;
		width: 380px;
		height:130px;
		overflow:auto;
		padding:5px;
	}

	#photos_thumbs dl dd:hover {
		border: 1px solid #D4D4D4;
		background-color:#EFEFEF;
		cursor:pointer;
	}

	#photos_thumbs a {
		background:url(../../Images/icons-articles.png) no-repeat center center rgba(255,255,255,.8);
		bottom: 5px;
		color: #FFFFFF;
		display: none;
		font-weight: bold;
		height:25px;
		width: 25px;
		padding: 3px;
		position: absolute;
	}

	#photos_thumbs dl dt:hover a, #photos_thumbs dl dd:hover a { display: block; }

	#photos_thumbs dl dt:hover a#view_delete_photo  {
		background-position: 1px -151px;
		right: 5px;
		border: 1px solid #d40000;
	}

	#photos_thumbs dl dt:hover a#view_rotateR  {
		background-position: 1px -457px;
		right: 35px;
		border: 1px solid #22bbab;
	}

	#photos_thumbs dl dt:hover a#view_rotateL {
		background-position: 1px -419px;
		right: 67px;
		border: 1px solid #22bbab;
	}

	#photos_thumbs dl dd:hover a {
		right: 80px;
		background-position: 2px -112px;
	}

	#photos_thumbs form { padding: 0; }

	#photos_thumbs form dl { margin: 0; }

	#photos_thumbs textarea {
		margin:0 0 5px 0;
		float: left;
		height: 85px;
	}

	.window_scroll {
		height: 250px;
		overflow: auto;
		margin:0 0 15px 0;
	}

	/*-----------------------------------------------------------  CALENDAR  -----------------------*/
	/*-------------------------  NAVIGATION ------------*/
	.navigation_calendar {
		background-color: #0e4b78;
		color: #FFFFFF;
		position: relative;
		text-align: center;
	}

	.navigation_calendar a {
		border:none !important;
		color:#FFF	!important;
		text-decoration:none !important;
	}

	#vertical_menu .navigation_calendar a.nav_previous {
		display: inline-block;
		float: left;
		padding: 0 0 0 5px;
	}

	#vertical_menu .navigation_calendar a.nav_next {
		display: inline-block;
		float: right;
		padding: 0 5px 0 0;
	}


	/*-------------------------  CALENDAR   ------------*/
	table.calendar {
		border-collapse: collapse;
		margin: 0 auto 15px;
	}

	table.calendar th {
		background-color: #d1930d;
		color: #FFFFFF;
		text-align: center;
	}

	table.calendar td {
		border: 1px solid #bbbbbb;
		color: #000000;
		position:relative;
		text-align: center;
	}

	.calendar_cell {
		background-color: #f4f4f4;
		border:1px solid #FFF;	
		display: block;
		height: 100%;
		position: relative;
	}

	.calendar_cell.today {
		border: 1px solid #D1930D;
	}

	.calendar_date {
		color: #000000;
		display: block;
		font-size: 11px;
		font-weight: bold;
		line-height: 14px;
		padding-right: 4px;
		text-align: right;
	}

	.event_times {
		color: #000000;
		display: block;
		font-size: 10px;
	}

	table.calendar tr td a {
		background-color: #f2ecd8;
		color: #50739D;
		cursor: pointer;
		display: block;
		text-decoration: none;
	}

	table.calendar tr td a:hover { 
		background-color: #D1930D;
		color: #fff;
	}

	table.calendar tr td a:hover span { color: #FFFFFF; }

	.today { color: #FF6633; }

	/*-------------------------  MYTOOLS ---------------*/
	.navigation_calendar.mytools {
		height: 24px;
		margin: 15px auto 0;
		width: 100%;
	}

	table.mytools { width:100%; }

	table.mytools th { 
		font-size: 14px;
		padding:5px 0  
	}

	table.mytools td { 
		height: 50px;
		padding: 0;
		width: 50px;
	}

	table.mytools tr td a {
		font-size: 19px;
		height: 100%;
		line-height: 35px;
		width: 100%;
	}

	calendar_buttons { width:738px; }

	/*-------------------------  VM_SMALL ---------------*/
	.navigation_calendar.vm_small {
		height: 24px;
		margin: 15px auto 0;
		width: 200px;
	}

	table.vm_small { width:200px; }

	table.vm_small th { 
		font-size: 14px;
		padding:5px 0  
	}

	table.vm_small td { 
		height: 20px;
		padding: 0;
		width: 14%;
	}

	table.vm_small tr td a {
		font-size: 19px;
		height: 100%;
		width: 100%;
		padding:0 !important;
	}


	/*-----------------------------------------------------------  PODCAST   -----------------------*/
	table.default.podcast {
		width: 547px;
		margin: 0px 7px 15px 7px;
	}

	@media screen and (max-width:1055px) { #archbishop_podcast { display:none;} }

	#archbishop_podcast {
		float: right;
		width: 443px;
	}

	#archbishop_podcast h2 {
		font-size: 17px;
		margin: 23px 0 !important;
	}

	#archbishop_podcast .section_navigation {
		border-left: 1px solid #dadad8;
		border-top: 1px solid #dadad8;
		font-size: 12px;
	}

	/*-----------------------------------------------------------  PASTORAL BULLETIN ARCHIVES   ----*/
	.year {
		width: 500px;
		margin: 10px auto;
		background: #eaf3f8;
	}

	.month {
		background: #fbfaf8;
		border: 1px solid #f4f7ee;
		float: left;
		height: 175px;
		margin:0px;
		text-align: center;
		width: 80px;
	}

	.month h1 {
		background: #6ba4c2;
		border-left: 4px solid #ded548;
		color: #FFFFFF;
		display: block;
		font-family: 'Droid Sans',sans-serif;
		font-size: 11px;
		margin: 0;
		padding: 2px 0;
		text-align: center;
	}

	.month ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	.month ul li {
		font-size: 12px;
		padding: 0;
		background: #eaf3f8;
	}

	.month ul li a {
		color: #67a6d1;
		text-decoration: none;
		display: block;
		padding: 2px;
		font-weight: bold;
	}

	.month ul li a:hover {
		background: #fbf7d2;
		color:#ecd901;
	}

	article a { border-bottom: 0; }

	.end_page {
		padding-top:35px;
		background-position:center;
	}


	.addthis_default_style a {
		border-bottom: none !important;
	}


	/*-----------------------------------------------------------  HIDE/DISPLAY MEDIA QUERIES   ----*/
	@media screen and (min-width:400px) { 
		.mobile_show { display:none; } 
		.mobile_hide { display:block;} 
	}
	@media screen and (max-width:399px) {
		.mobile_show { display:block; } 
		.mobile_hide { display:none; } 
	}

	/*-----------------------------------------------------------  ARCHDIOCESAN ENTITIES -----------*/
	.entities_back {
		background-color: #d1930d;
		color: #ffffff;
		display: block;
		font-size: 14px;
		margin: 0 0 20px;
		padding: 5px 0;
		text-align: center;
		text-transform: uppercase;
	}

	div.entities { 
		width: calc(100% - 20px);
		margin:0 auto;
	}

	.entities h4:first-child { margin-top: 0; }

	.entities h4 {
		background-color: #636363;
		color: #ffffff;
		margin: 15px 0 0 0;
		padding: 5px;
		width: 100%;
	}

	.entities form { padding:10px 0; }

	.entities select { width: 100%; }


	.lt-ie9 .entities input[type="text"] {
		display:block;
		margin: 0 25px 0 0;
		width: 150px;
	}

	@media screen and (min-width:430px) {
		.entities input[type="text"] {
			margin: 0 25px 0 0;
			width: 150px;
		}

		.entities form:nth-child(5) {
			background-color: #efefef;
			border: 1px solid #bbb;
			padding: 5px;
		}	
	}

	@media screen and (max-width:429px) {
		.entities input[type="text"] {
			margin: 0 auto 15px;
			width: 150px;
		}

		.entities p { text-align: center; }	

		.entities input[type="submit"] {
			float: none;
			margin: 15px auto;
		}	
	}

	@media screen and (min-width:715px) and (max-width:800px) {
		#social_buttons {
			float: right;
			height: 28px;
			margin-top: 4px;
			width: 192px;
		}
		#ABCD {
			background: #84B9B1;
			display: block;
			float: right;
			margin: 0 0 0 2%;
			padding: 0 7px;
			line-height: 28px;
		}
		form#search_home {
			display: inline-block;
			margin: 0 3px;
		}
		#h_facebook, #h_twitter, #h_youtube, #h_instagram {
			background-image: url(../../Images/icos-social-network.png);
			height: 28px;
			width: 28px;
			margin: 0 0 0 0px;
		}
	}

	/*-----------------------------------------------------------  JOB OPPORTUNITIES   -------------*/
	#job_openings a, #job_openings a:visited {
		background-color: #84B9B1;
		border: none;
		color: #FFFFFF;
		display: inline-block;
		font-family: tahoma;
		margin: 0 4px 7px 0;
		padding: 4px 0;
		text-align: center;
		width: 185px;
	}

	#job_openings a:hover {
		background-color: #d1930d;
		border:none;
		color:#ffffff !important;
	}

	#job_openings a span {
		font-size:12px;
		font-style:italic;
	}

	#job_listing h1 {
		margin: 25px 0;
	}


	.job_date {
		font-size: 12px;
		color: #797979;
		font-style: italic;
		margin: 0 0 7px 0;
	}



	a.sm_active {
		display: block !important;
		width: 24px !important;
		height: 24px;
		background: url(../../../images/icons_SM.png) no-repeat 0 -32px;
		margin: 0 auto;
	}

	a.sm_disabled {
		display: block !important;
		width: 24px !important;
		height: 24px;
		background: url(../../../images/icons_SM.png) no-repeat 0 0;
		margin: 0 auto;
	}

	a.ss_active {
		display: block !important;
		width: 24px !important;
		height: 24px;
		background: url(../../../images/icons_SM.png) no-repeat 0 -98px;
		margin: 0 auto;
	}

	a.ss_disabled {
		display: block !important;
		width: 24px !important;
		height: 24px;
		background: url(../../../images/icons_SM.png) no-repeat 0 -65px;
		margin: 0 auto;
	}

	/*-----------------------------------------------------------  FX_4   --------------------------*/
	@media screen and (min-width:800px) {
		.fx_4:nth-child(1n), 
		.fx_4:nth-child(2n), 
		.fx_4:nth-child(3n) {
			width: calc(25% - 10px);
			margin: 0 10px 10px 0;
		}

		.fx_4:nth-child(4n) {
			width: 25%;
			margin: 0 0 10px 0;
		}
	}

/*@media screen and (min-width:595px) and (max-width:799px) {
	.fx_4:nth-child(1n), 
	.fx_4:nth-child(2n) {
		width: calc(100%/3 - 10px);
		margin: 0 10px 10px 0;
	}

	.fx_4:nth-child(3n) {
		width: calc(100%/3);
		margin: 0 0 10px 0;
	}
	}*/

	@media screen and (min-width:395px) and (max-width:799px) {
		.fx_4:nth-child(1n) {
			width: calc(100%/2 - 10px);
			margin: 0 10px 10px 0;
		}

		.fx_4:nth-child(2n) {
			width: calc(100%/2);
			margin: 0 0 10px 0;
		}
	}


	@media screen and (max-width:394px) {
		.fx_4 {
			width: 100%;
			margin: 0 0 10px 0;
		}
	}

	/*-----------------------------------------------------------  FX_3   --------------------------*/
	@media screen and (min-width:1319px) { aside div.fx_3 { width: 100% !important; } }

	@media screen and (min-width:595px) {
		.fx_3:nth-child(1n), .fx_3:nth-child(2n) {
			width: calc(100%/3 - 10px);
			margin: 0 10px 10px 0;
		}

		.fx_3:nth-child(3n) {
			width: calc(100%/3);
			margin: 0 0 10px 0;
		}
	}

	@media screen and (min-width:560px) and (max-width:594px) {
		.fx_3:nth-child(1n) {
			width: calc(100%/2 - 10px);
			margin: 0 10px 10px 0;
		}

		.fx_3:nth-child(2n) {
			width: calc(100%/2);
			margin: 0 0 10px 0;
		}
	}

	@media screen and (max-width:559px) {
		.fx_3 {
			width: 100%;
			margin: 0 0 10px 0;
		}
	}

	/*-----------------------------------------------------------  FX_2   --------------------------*/
	@media screen and (min-width:600px) {
		.fx_2:nth-child(1n) {
			width: calc(100%/2 - 10px);
			margin: 0 10px 10px 0;
		}

		.fx_2:nth-child(2n) {
			width: calc(100%/2);
			margin: 0 0 10px 0;
		}
	}

	@media screen and (max-width:599px) {
		.fx_2 {
			width: 100%;
			margin: 0 0 10px 0;
		}
	}

	/*-----------------------------------------------------------  HISTORY OF BISHOPS   ------------*/

    #bishops .summary h3 {
      text-align: center;
      padding: 10px 15px 0 15px;
      height: 50px;
    }

    #bishops .summary.fx_2 {
      margin-bottom: 40px;
      background-color: #f8f8f8;
      position: relative;
      padding-bottom: 17px;
    }

    #bishops .summary.fx_2 a.top {
      position: absolute;
      margin: 0 auto;
      color: #5977AB !important;
      float: none;
      font-size: 10px;
      width: 24px;
      padding: 3px 0;
      bottom: 0;
      left: calc(50% - 12px);
      background-color: #f8f8f8;
    }

    #bishops .summary p {
      padding: 0 15px;
    }