@import url(http://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
	01) PAGE RESET
	02) STRUCTURE SHARED
	03) STRUCTURE HEADER
	04) STRUCTURE MAIN
	05) STRUCTURE FOOTER
	06) MAIN PAGE ELEMENTS
	07) ICONS CONTACT, PDF, ETC...
	08) SECTION NAVIGATION
	09) PAGE INDEX
	10) PAGINATION
	??) DEFAULT TABLE
	??) DEFAULT FORM
	??) PAGINATION
	??) SCROLL TO TOP
	??) NEWS
	??) NEWS & BLOGS COMMENTS
	??) EVENTS
	??) CHRUCH & SCHOOL PRESENTATION
	??) MASS SCHEDULE
	??) MISCELLANEOUS
	??) PASTORAL TEAM	
	??) PHOTO ALBUMS
	??) CALENDAR
	??) PODCAST
	??) PASTORAL BULLETIN ARCHIVES	
	??) HIDE/DISPLAY MEDIA QUERIES
	??) ARCHDIOCESAN ENTITIES
	??) JOB OPPORTUNITIES
*/
/*-----------------------------------------------------------  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;
}


/*-----------------------------------------------------------  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;
	}	

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

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

	#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 { 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 { 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: 27px;
		width:328px;
		z-index:700;
	}
}

@media screen and (min-width:915px) and (max-width:1049px) {
	.logo {
		display: block;
		width:328px;
	}
}

@media screen and (min-width:370px) and (max-width:914px) {
	.logo {
		display: block;
		width:328px;
		margin:0 auto 5px auto;
	}
}

@media screen and (max-width:369px) {
	.logo {
		display: block;
	}

	.logo > img {
		width: 100%;
	}

	/*	
	#search_buttons {
		text-align:center;
		margin: 0 0 15px 0;
	}*/
}

.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: 246px;
		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;
}

#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: 18px;
	margin: 0 0 5px 0;
}

h4 {
	font-size: 17px;
}

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 em {
    color: #565656;
    font-size: 12px;
}

.note {
	border:none;
	outline:none;
	background:url(http://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 0 10px 35px; }
	
	ul { 
		list-style-type: none; 
		margin:10px 0 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 {
		list-style-type: none;
		margin:10px 0;
	}
	
	ul li {
		background: url("../../images/bull.png") no-repeat scroll 0 12px transparent;
		margin: 0;
		padding: 5px 0 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: 3em;
	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:100px;
	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, .email, .fax, .map, .web {
	background: url("../../Images/icos_contact.png") no-repeat;
	padding: 0 0 0 20px;
}

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

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

.web { background-position: 0 -62px; }
.phone { background-position: 0 4px; }
.email { background-position: 0 -40px; }
.fax {background-position: 0 -17px;}
.map { background-position: 0 -346px; }

a:hover.web { background-position: 0 -148px; }
a:hover.email { background-position: 0 -125px; }

a.pdf, a.img, a.doc, a.excel {
	background-image: url(../../Images/icos-documents.png);
	background-repeat:no-repeat;
	padding-left:22px;
	color:#000;
}

a.pdf { background-position:1px 1px }
a.img { background-position:1px -25px }
a.excel { background-position:1px -51px }
a.doc { background-position:1px -78px }
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: 95px; 
}

/*-----------------------------------------------------------  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%;
	}

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

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

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

.article_info h4 {
	padding: 5px 12px;
	float:left;
}

.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;
}

.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;
}

/*--------------------------------------------------------------  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;
}*/


@media screen and (min-width:500px) {
	.event .addthis_toolbox {
		margin: 0;
		float:right;
	}
}

@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;
}

.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; }

.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;
}