@import url(http://fonts.googleapis.com/css?family=Cardo);
/*
TEMPLATE FOR MEDIA QUERIES
	@media screen and (min-width:1050px) {}                           --------> full layout (Home page is thinner than other pages)
	@media screen and (min-width:730px) and (max-width:1049px) {}	  --------> when layout becomes fluid.  Horizontal menu changes.
	@media screen and (max-width:659px) {}                            

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


INDEX
	01) NEWS
	02) BISHOP
	03) EVENTS
	04) BANNERS
	05) RELIGIOUS
	06) HIGHLIGHTS
	07) ROYAL SLIDER
	09) YOUTUBE
*/

#main { z-index: 658 !important; }

#home_left h1 {
    margin: 20px 0 10px 0;
	color:#565656;
}

.lt-ie9  #main_home {
	margin: 0 auto;
	width: 1020px;
	position: relative;
}

.lt-ie9 #home_left {
	float:left;
	width:640px;
}

.lt-ie9 #home_right {
	float:right;
	width:360px;
}

@media screen and (min-width:1050px) {
	#main_home {
		margin: 0 auto;
		width: 1020px;
		position: relative;
	}
	
	#home_left {
		float:left;
		width:640px;
	}
	
	#home_right {
		float:right;
		width:360px;
	}
}

@media screen and (min-width:730px) and (max-width:1049px) {
	#main_home {
		margin: 0;
		position: relative;
	}
	
	#home_left {
		margin:0 auto;
		width:640px;
	}
	
	#home_right {
		margin:0 auto;
		position:relative;
		width:640px;
	}	
}

@media screen and (max-width:729px) {
	#main_home {
		margin: 0;
		padding:15px;
		position: relative;
	}
	
	#home_left, #home_right {
		margin:0 auto;
		position:relative;
	}	
}


/*-----------------------------------------------------------  NEWS   --------------------------*/
.lt-ie9 #home_news {
	height: 470px;
	width: 640px;
	margin-top:-2px;
}

.lt-ie9 .royalSlider {
	width: 640px;
	height: 470px;
	position: relative;
	direction: ltr;
}	

@media screen and (min-width:660px) {
	#home_news {
		height: 470px;
		width: 640px;
		margin-top:-2px;
	}
	
	.royalSlider {
		width: 640px;
		height: 470px;
		position: relative;
		direction: ltr;
	}	
}

@media screen and (min-width:520px) and (max-width:659px) {
	#home_news {
		background-color:#f8f8f8;
		border:1px solid #dadad8;
		height: 367px;
		margin: 20px auto;
		overflow: hidden;
		width: 500px;
	}

	.royalSlider {
		width: 500px;
		height: 367px;
		position: relative;
		direction: ltr;
	}
	/*.rsTabs, .rsThumbs { display:none; }*/
}

@media screen and (max-width:519px) {
	#home_news {
		background-color:#f8f8f8;
		border:1px solid #dadad8;
		height: 270px;
		margin: 20px auto;
		overflow: hidden;
		width: 290px;
	}

	.royalSlider {
		width: 290px;
		height: 400px;
		position: relative;
		direction: ltr;
	}
	/*.rsTabs, .rsThumbs { display:none; }*/
}

.royalSlider > .rsContent { display:none; }


/*----------------------BLOG HOME   --------------------*/
.lt-ie9 .blogger_img {
		border: 12px solid #0e4b78;
		bottom: 50px;
		left: 118px;
		position: absolute;
		width: 214px;
	}
	
.lt-ie9 .blog_bg2 { display:none; }
	
.lt-ie9	.blog_title {
		right: 5px;
		top: 0;
		width: 280px;
	}

.lt-ie9	.blogger_name {
		bottom: 50px;
		right: 20px;
		width: 280px;
	}
	
@media screen and (min-width:660px) {
	.blogger_img {
		border: 12px solid #0e4b78;
		bottom: 50px;
		left: 118px;
		position: absolute;
		width: 214px;
	}
	
	.blog_bg2 { display:none; }
	
	.blog_title {
		right: 5px;
		top: 0;
		width: 280px;
	}

	.blogger_name {
		bottom: 50px;
		right: 20px;
		width: 280px;
	}
}

@media screen and (min-width:520px) and (max-width:659px) {
	.blog_bg { display:none; }

	.blog_bg2 {
		width:500px;
		height:250px;
	}
	
	.blogger_img { display:none; }

	.blog_title {
		left: 90px;
		top: 0;
		width: 390px;
	}

	.blogger_name {
		right: 160px;
		top: 200px;
		width: 386px;
	}
}

@media screen and (max-width:519px) { 
	.blog_bg { display:none; }

	.blog_bg2 {
		width:287px;
		height:153px;
	}

	.blogger_img { display:none; }

	.blog_title {
		font-size: 22px !important;
		left: 48px;
		top: 0;
		width: 232px;
	}

	.blogger_name {
		font-size: 18px !important;
		left: 48px;
		right: 160px;
		top: 117px;
		width: 232px;
	}
}

.rsContent.blog_slide {
    height: 349px;
    top: 2px;
    width: 640px;
}

.blog_bg, .blog_bg2 { z-index:500; }

.blog_title {
    color: #0e4b78 !important;
    position: absolute;
    z-index: 560;
}

.blogger_name {
    color: #ffffff !important;
    position: absolute;
    z-index: 560;
    text-align: right;
}

/*-----------------------------------------------------------  BISHOP   ------------------------*/
.lt-ie9 #home_wenski {
		height: 284px;
		position: relative;
		top: -18px;
		width: 283px;
	}

@media screen and (min-width:1050px) {
	#home_wenski {
		height: 284px;
		position: relative;
		top: -18px;
		width: 283px;
	}
}
@media screen and (max-width:1049px) { #home_wenski { display:none; } }



/*-----------------------------------------------------------  EVENTS   ------------------------*/
.lt-ie9 #home_events {
		background-color:#FFFFFF;
		position: relative;
		padding:5px 0;
		top: -18px;
		width: 360px;
	}

.lt-ie9	#home_events article {
		margin: 8px 0;
		overflow: auto;
		padding: 0 0 0 20px;
		width: 360px;
	}	
@media screen and (min-width:1050px) {
	#home_events {
		background-color:#FFFFFF;
		position: relative;
		padding:5px 0;
		top: -18px;
		width: 360px;
	}

	#home_events article {
		margin: 8px 0;
		overflow: auto;
		padding: 0 0 0 20px;
		width: 360px;
	}	
}

@media screen and (min-width:730px) and (max-width:1049px) {
	#home_events {
		overflow:auto;
		padding: 10px 0;
		margin:10px 0;
	}	
	
	#home_events article {
		border: 1px solid #dadad8;
		float: left;
		height: 105px;
		margin: 15px 4px 0;
		overflow: auto;
		padding: 0 5px;
		width: 312px;
		background-color: #f8f8f8;
	}	
}

@media screen and (max-width:729px) {
	#home_events {
		overflow:hidden;
		padding: 10px 0;
		margin:10px 0;
	}	
	
	#home_events article {
		margin: 10px auto;
		overflow: auto;
		padding: 0 ;
		width: 100%;
	}	
}  

#home_events > h1 {
    color: #565656;
    font-family: Cardo;
    font-size: 34px;
    margin: 0 0 10px;
    text-align: center;
}

#events_buttons {
    margin: 0 auto;
    overflow: auto;
	/*width:360px;*/
	text-align:center
}

#events_buttons a, #events_buttons a:visited {
    background-color: #84B9B1;
    color: #FFFFFF;
    display: inline-block;
    font-family: tahoma;
    margin: 0 4px;
    padding: 4px 0;
    text-align: center;
    width: 129px;
}

#events_buttons a:hover { background-color:#d1930d; }

#home_events article:hover { background-color: #f5f5f5; }

#home_events article h1 {
    color: #565656;
	cursor:help;
    display: block;
    font-family: tahoma;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
    width: 95%;
}

#home_events dl {
    border: 1px solid #84B9B1;
    float: left;
    font-family: tahoma;
    height: 58px;
    margin: 0 7px 0 0;
    text-align: center;
    width: 53px;
}

#home_events dt {
    background-color: #84B9B1;
    color: #FFFFFF;
    height: 28px;
    line-height: 26px;
}

#home_events dd {
    line-height: 28px;
}

#home_events article p {
    font-size: 14px;
    line-height: 17px;
    margin: 0 0 5px;
}

/*-----------------------------------------------------------  BANNERS   -----------------------*/
#home_banners {
    margin: 20px 0;
	overflow:auto;
}

#home_banners a {
    float: left;
    display: inline-block;
    margin: 0 44px 0 0;
}

#home_banners a:last-child { margin-right: 0; }

/*-----------------------------------------------------------  RELIGIOUS   ---------------------*/
.lt-ie9	#home_religious {
		border: 1px solid #dadad8;
		height: 500px;
		overflow: hidden;
		width: 640px;
	}
	
@media screen and (min-width:660px) {
	#home_religious {
		border: 1px solid #dadad8;
		height: 500px;
		overflow: hidden;
		width: 640px;
	}
}

@media screen and (max-width:659px) {
	#home_religious {
		border: 1px solid #dadad8;
		height: 500px;
		overflow: hidden;
		margin:10px 0;
	}
}

#home_religious .section_navigation {
    left: 0;
    margin: 0;
    padding: 0;
    top: 0;
    width: 100%;
	background-color: #fff;
}

@media screen and (min-width:400px) {
	#home_religious .section_navigation a { width: 33.3333%; }
	#home_religious .section_navigation a:last-child { border-right: none; }
	
	.catholic_corner { height: calc(100% - 50px); }
}

@media screen and (max-width:399px) {
	#home_religious .section_navigation { border-bottom:2px solid #d1930d; }
	
	.catholic_corner { height: calc(100% - 170px); }
}



#home_religious > div { padding: 15px 15px 0 15px; }

#home_religious { background-color: #f8f8f8; }

#home_religious .section_navigation a:hover, #home_religious .section_navigation a.selected {
	color: #626262;
	border-bottom: none;
	background-color:#f8f8f8;
}

#home_religious h1 {
	color:#565656;
	font-size:23px;
	margin:0;
}

#home_religious h2 {
	color:#d1930d;
	font-size:18px;
	margin:10px 0 15px 0;
}

#home_religious h6 {
    text-transform: uppercase;
    color: #9c9c9c;
    margin: 5px 0 ;
    font-size: 13px;
}

.catholic_corner { overflow-y: auto; }


/*-----------------------------------------------------------  HIGHLIGHTS   --------------------*/
.lt-ie9 #home_highlights {
		clear: both;
		position: relative;
		top: -20px;
	}
	
.lt-ie9	#home_large_banners {
		display: block;
		float: left;
		width: 640px;
	}
	
.lt-ie9	#home_small_banners {
		display: block;
		float: left;
		width: 360px;
	}

.lt-ie9	#home_small_banners > a, #home_small_banners > a:visited {
		border: 1px solid #FFFFFF;
		width: 178px;
		margin: 0 0 5px 0;
	}
	
@media screen and (min-width:1050px) {
	#home_highlights {
		clear: both;
		position: relative;
		top: -20px;
	}
	
	#home_large_banners {
		display: block;
		float: left;
		width: 640px;
	}
	
	#home_small_banners {
		display: block;
		float: left;
		width: 360px;
	}

	#home_small_banners > a, #home_small_banners > a:visited {
		border: 1px solid #FFFFFF;
		width: 178px;
		margin: 0 0 5px 0;
	}
}

@media screen and (min-width:730px) and (max-width:1049px) {
	#home_highlights {
		width: 640px;
		margin: 10px auto;
	}

	#home_large_banners { overflow:hidden; }

	#home_small_banners {
		margin: 15px 0;
		overflow: hidden;
	}

	#home_small_banners > a, #home_small_banners > a:visited {
		background-color: #f8f8f8;
		border: 1px solid #dadad8;
		margin: 0 29px 15px 0;
		width: 184px;
	}	
}

@media screen and (max-width:729px) {
	#home_highlights { 
		margin: 10px auto;
		width:184px;
	}

	#home_large_banners { overflow:hidden; }
	
	#home_large_banners a { margin-bottom:10px !important }

	#home_small_banners {
		margin: 15px 0;
		overflow: hidden;
	}

	#home_small_banners > a, #home_small_banners > a:visited {
		background-color: #f8f8f8;
		border: 1px solid #dadad8;
		margin: 10px auto;
		width: 184px;
	}		
}

#home_highlights h1 {
    margin: 10px 0;
	color:#565656;
}



/* LINKS LARGE BANNERS-------------------*/
#home_large_banners a {
    display: block;
    float: left;
    margin: 0 29px 0 0 ;
}

/* LINKS SMALL BANNERS-------------------*/
#home_small_banners > a, #home_small_banners > a:visited {
    color: #565656;
    display: inline-block;
    float: left;
    font-size: 12px;
    height: 42px;
}

#home_small_banners > a:hover {
	background-color:#f5f5f5;
	color:#d1930d;
}

#home_small_banners dt {
    float: left;
    height: 40px;
    width: 45px;
}

#home_small_banners dd {
    float: left;
    height: 40px;
    vertical-align: middle;
    width: 130px;
}


/*-----------------------------------------------------------  ROYAL SLIDER   ------------------*/
/* v1.0.5 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */


.royalSlider > * {
	float: left;
}

.rsWebkit3d .rsSlide {
	-webkit-transform: translateZ(0);
}


.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink {
	-webkit-backface-visibility: hidden;
}
.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
    -webkit-transform: none;
}
.rsOverflow {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	float: left;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	left: 0;
	top: 0;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap .rsOverflow {
	position: absolute;
	left: 0;
	top: 0;

}
.rsContainer {
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.rsArrow,
.rsThumbsArrow {
	cursor: pointer;
}

.rsThumb {
	float: left;
	position: relative;
}


.rsArrow,
.rsNav,
.rsThumbsArrow {
	opacity: 1;
	-webkit-transition:opacity 0.3s linear;
	-moz-transition:opacity 0.3s linear;
	-o-transition:opacity 0.3s linear;
	transition:opacity 0.3s linear;
}
.rsHidden {
	opacity: 0;
	visibility: hidden;
	-webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	-moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	-o-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	transition:visibility 0s linear 0.3s,opacity 0.3s linear;
}


.rsGCaption {
	width: 100%;
	float: left;
	text-align: center;
}

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
	position: fixed !important;
	height: auto !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	z-index: 2147483647 !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	right: 0 !important;
}

.royalSlider .rsSlide.rsFakePreloader {
	opacity: 1 !important;
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-o-transition:  0s;
	transition:  0s;
	display: none;
}

.rsSlide {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	overflow: hidden;
/*	height: 100%;
	width: 100%;*/
}

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
	height: auto;
}

.rsContent { position: relative; }

.rsPreloader {
	position:absolute;
	z-index: 0;	
}

.rsNav {
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	user-select: none;
}
.rsNavItem {
	-webkit-tap-highlight-color:rgba(0,0,0,0.25);
}

.rsThumbs {
	cursor: pointer;
	position: relative;
	overflow: hidden;
	float: left;
	z-index: 22;
}
.rsTabs {
	float: left;
	background: none !important;
}
.rsTabs,
.rsThumbs {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}


.rsVideoContainer {
	/*left: 0;
	top: 0;
	position: absolute;*/
	/*width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	float: left;*/
	width: auto;
	height: auto;
	line-height: 0;
	position: relative;
}
.rsVideoFrameHolder {
	position: absolute;
	left: 0;
	top: 0;
	background: #141414;
	opacity: 0;
	-webkit-transition: .3s;
}
.rsVideoFrameHolder.rsVideoActive {
	opacity: 1;
}
.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
	position: absolute;
	z-index: 50;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 44px;
}

.rsABlock {
    background-color: rgba(255, 255, 255, 0.82);
    bottom: 0;
    color: #000000;
    left: 0;
    padding: 7px 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 15;	
}

img.rsImg {
	max-width: none;
}

.grab-cursor {
	cursor:url(grab.png) 8 8, move; 
}

.grabbing-cursor{ 
	cursor:url(grabbing.png) 8 8, move;
}

.rsNoDrag {
	cursor: auto;
}

.rsLink {
	left:0;
	top:0;
	position:absolute;
	width:100%;
	height:100%;
	display:block;	
	z-index: 20;
	background: url(blank.gif);
}

/*-----------------------------------------------------------  YOUTUBE   -----------------------*/
@media screen and (min-width:660px) {
	.rsContent.mass_broadcast {
		background:url(../../../Images/television-mass.jpg) no-repeat center center #3d5196;
		height: 356px;
		width: 640px;
	}
	
	.mass_broadcast h1 { 
		color:#ffffff !important;
		padding:0 10px;
	}
	
	.mass_broadcast a { 
		display: block;
		background-color: #03317C;
		color: #FFF;
		width: 155px;
		text-align: center;
		height: 25px;
		position: absolute;
		bottom: 25px;
		left: 4px;
	}
	
	.mass_broadcast a:hover { background-color:#D1930D;}

	#home_news .youtube {
		width: 450px !important;
		height: 253px !important;
	}
}

@media screen and (min-width:520px) and (max-width:659px) {
	.rsContent.mass_broadcast {
		background:url(../../../Images/television-mass.jpg) no-repeat center center #3d5196;
		height: 356px;
		width: 640px;
	}
	
	.mass_broadcast h1 { 
		color:#ffffff !important;
		padding:0 10px;
	}
	
	.mass_broadcast a { 
		display: block;
		background-color: #03317C;
		color: #FFF;
		width: 155px;
		text-align: center;
		height: 25px;
		position: absolute;
		top: 200px;
		left: 4px;
	}
	
	.mass_broadcast a:hover { background-color:#D1930D;}

	.mass_broadcast .youtube {
		width: 267px;
		height: 150px;
		position: absolute;
		top: 32px;
		left: 117px;
	}
}

@media screen and (max-width:519px) {
	.rsContent.mass_broadcast {
		background:url(../../../Images/television-mass.jpg) no-repeat center center #3d5196;
		height: 356px;
		width: 640px;
	}
	
	.mass_broadcast h1, .mass_broadcast a  { display:none; }

	.mass_broadcast .youtube {
		width: 242px !important;
		height: 136px !important;
		position: absolute;
		top: -7px;
		left: 24px;
	}
}