@charset "utf-8";

/* ------------------------------------------------------------------------------ */
/* imports */
/* ------------------------------------------------------------------------------ */
@import url("../../../private/_lib/css/core/content-viewport.css");
@import url("content-viewport-img-layout.css");

/* ------------------------------------------------------------------------------ */
/* reset */
/* ------------------------------------------------------------------------------ */
.contentViewport h1:first-child,.contentViewport h1.first-child,
.contentViewport h2:first-child,.contentViewport h2.first-child,
.contentViewport p:first-child,.contentViewport p.first-child,
.contentViewport div:first-child,.contentViewport div.first-child,
.contentViewport table:first-child,.contentViewport table.first-child {	margin-top:0; }

/* ------------------------------------------------------------------------------ */
/* headings and paragraph */ 
/* ------------------------------------------------------------------------------ */
/* JX: 20120227
	verticle-rhythm base value: 20px
	-----------------------------------------------------------
	apply to all content below leaderText
	'line-height', 'height', 'outerHeight' should equal to 
	an even multiply/division of the base value 
	(e.g. 10px(0.5x), 20px(1x), 30px(1.5x), 40px(2x), so on...
*/
.contentViewport h1 { color:#2e383c; font-size:24px; line-height:31px; font-weight:bold; font-style:normal; margin:0px 0px 0px 0px;   padding:0px 0px 20px 0px; }
.contentViewport h2 { color:#2e383c; font-size:18px; line-height:30px; font-weight:bold;   font-style:normal; margin:0px 0px 0px 0px; padding:0px 0px 20px 0px; }
.contentViewport h3 { color:#2e383c; font-size:16px; line-height:20px; font-weight:bold;   font-style:normal; margin:0px 0px 0px 0px; padding:0px 0px 20px 0px; }
.contentViewport h4 { color:#2e383c; font-size:14px; line-height:20px; font-weight:bold;   font-style:normal; margin:0px 0px 0px 0px; padding:0px 0px 8px 0px;}
.contentViewport p  { color:#444444; font-size:13px; line-height:20px; font-weight:normal; font-style:normal; margin:0px 0px 0px 0px; padding:0px 0px 20px 0px; }
/* custom heading treatment (define your customised heading styles treatment here) */
.contentViewport h1, h2, h3, h4 {/*clear: both; */}

/* ------------------------------------------------------------------------------ */
/* link */
/* ------------------------------------------------------------------------------ */
.contentViewport a       { color:#0062a7; text-decoration:none;/* border-bottom:1px dotted #0062a7;*/ }
.contentViewport a:hover,
.contentViewport a:focus { color:#01406c; text-decoration:none; border-bottom:1px solid #0062a7; }

/* ------------------------------------------------------------------------------ */
/* leader text */
/* ------------------------------------------------------------------------------ */
.contentViewport .leaderText,
.contentViewport .leaderText p { 
	color:#46b500;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:26px;
	font-weight:bold;
	background: url(../../img/short-line.png) no-repeat bottom left transparent;
	margin-bottom: 19px;
	padding-bottom: 17px;
}

/* ------------------------------------------------------------------------------ */
/* highlight content */
/* ------------------------------------------------------------------------------ */
/*blockquote*/
.contentViewport blockquote { display:block; margin:0; padding:0 30px; overflow:hidden; }
.contentViewport blockquote,
.contentViewport blockquote p,
.contentViewport .blockquote { color:#888; font-size:16px; font-weight:bold; line-height:20px; }
.contentViewport blockquote p:before,
.contentViewport blockquote p:after { content:'"'; }/*lack support in IE6*/
	
/*blockquote in columns*/
.contentViewport .column200 blockquote,
.contentViewport .column300 blockquote,
.contentViewport .column420 blockquote { text-align:left; padding:0 12px; }

/* ------------------------------------------------------------------------------ */
/* highlightbox */ 
/* ------------------------------------------------------------------------------ */
/*blockTextHighlight  */
.contentViewport .blockTextHighlight { 
	background:#999; 
	display:block; 
	margin:0 0 20px 0; 
	padding:20px 30px 0 30px; 
	max-width:580px;/*640-30x2(pad)*/
	overflow:visible; 
	float:none;
	clear:both;
	/*border-radius*/
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px; 
}
.contentViewport .blockTextHighlight,
.contentViewport .blockTextHighlight p {
	color:#fff;
	font-size:16px;
	line-height:20px; 
	font-weight:bold;
	text-align:left;
	position:relative;
}

/* ------------------------------------------------------------------------------ */
/* date */
/* ------------------------------------------------------------------------------ */
.contentViewport .date { color:#232323; font-size:11px; font-weight:bold; line-height:20px; text-transform:uppercase; }

/* ------------------------------------------------------------------------------ */
/* caption */
/* ------------------------------------------------------------------------------ */
.contentViewport .caption {
	display:block; margin:0 0 20px 0; padding:10px 20px 5px;
	color:#fff; background:#999; 
	font-size:12px; font-weight:normal; font-style:italic; line-height:20px;
}

/* ------------------------------------------------------------------------------ */
/* dividers */
/* ------------------------------------------------------------------------------ */
.contentViewport .divider { 
	display:block;
	font-size:0px; 
	line-height:0px;
	text-indent:-9999em;
	margin:0;
	padding:0; 
	width:100%; 
	overflow:hidden;
	float:none; 
	clear:both;
}
/*extend divider*/
.contentViewport .dividerGraphic {
	background:url(../../img/sprite-contentviewport-divider.png) center 6px no-repeat; 
	height:20px;
	margin:0 0 20px 0;
}
.contentViewport .dividerSolid { border-top:2px solid #d1e4ed; height:32px;  }
.contentViewport .dividerLite { border-top: 2px solid #d1e4ed; height:32px;  }
.contentViewport .dividerDotted { border-top:1px dotted #d1e4ed; height:32px; }

/* ------------------------------------------------------------------------------ */
/* list */
/* ------------------------------------------------------------------------------ */
/*lv1(common) - list container*/
.contentViewport ul,
.contentViewport ol { margin:0px; padding:0 0 20px 15px; list-style:none; }
.contentViewport ol { margin-left:18px; list-style-type:decimal; list-style-position:outside; }
/*lv1(common) - list item*/
.contentViewport li { color:#61696c; font-size:13px; line-height:20px; margin:9px 0 0 0; }
/*lv1(common) - list item - verticle spacing*/
.contentViewport li.first-child,
.contentViewport li:first-child { margin-top:0; }
/*lv1(common) - list item - bullet and spacing*/
.contentViewport li { padding:0 0 0 17px; background:url(../../img/blt-list-lv1.png) 0 6px no-repeat; }
.contentViewport ol li { padding:0 0 0 0; background:none; }

/*lv2(override) - list container*/
.contentViewport ul ul,
.contentViewport ul ol,
.contentViewport ol ol,
.contentViewport ol ul { padding:0 0 0 1px; }
.contentViewport ol ol { list-style:lower-alpha; }
/*lv2(override) - list item - verticle spacing*/
.contentViewport li li.first-child,
.contentViewport li li:first-child { margin-top:20px; }
/*lv2*(override) - list item - bullet and spacing*/
.contentViewport li li { padding:0 0 0 17px; background:url(../../img/blt-list-lv2.png) 0 7px no-repeat; }
.contentViewport li ol li { padding:0 0 0 0; background:none; }

/*ordered list extension(common)*/
.contentViewport ol.listAlpha   { list-style:lower-alpha; }
.contentViewport ol.listRoman   { list-style:lower-roman; }
.contentViewport ol.listDecimal { list-style:decimal; }

/*make IE6 to play nice*/
.ie6 .contentViewport ul { margin-left:12px; }
.ie6 .contentViewport ol { margin-left:18px; }
.ie6 .contentViewport ul li { list-style:disc; background:none; padding-left:6px; } 
.ie6 .contentViewport ol li { list-style:decimal; }
.ie6 .contentViewport ol ul li { list-style:disc; }
.ie6 .contentViewport ol ol li { list-style:lower-alpha; } 
.ie6 .contentViewport li ul { margin-left:16px; }
.ie6 .contentViewport li ol { margin-left:22px; }
.ie6 .contentViewport li ul li { padding-left:6px; }
.ie6 .contentViewport li ol li { padding-left:0; }

/* ------------------------------------------------------------------------------ */
/* special boxes */
/* ------------------------------------------------------------------------------ */
.contentViewport .specialBox {
	margin:0 0 20px 0;
	padding:20px 20px 0 10px;
	overflow:hidden;
	float:none;
	clear:both;
	background: url("../../img/specialBox-bg.jpg") no-repeat right top #dbecf2;
    border: 1px solid #5ecfe0; 
	background-repeat:no-repeat; 
	/*border-radius*/
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px; 
}

.contentViewport .spContent .link { 
    background-image: url("../../img/ico-link.png");
    background-position: 0 -7px;
    background-repeat: no-repeat;
    float: left;
    height: 40px;
    width: 40px;
}

.contentViewport .spContent .dl { 
    background-image: url("../../img/ico-dl.png");
    background-position: 0 -7px;
    background-repeat: no-repeat;
    float: left;
    height: 40px;
    position: relative;
    width: 40px;
}

.contentViewport .specialBox p { 
	background:none; 
	color:#5a5a5a;
	font-size:13px;
	font-weight:normal;
}

.contentViewport .specialBox p a{  
	color:#4d494b; 
	font-weight:bold;
}
.contentViewport .specialBox.dl { background-image:url(../../img/ico-dl.png); }
.contentViewport .specialBox.link { background-image:url(../../img/ico-link.png); }

.contentViewport .specialBox .note { color:#777!important; font-size:13px; font-style:italic; font-weight:normal; }

.contentViewport .specialBox a,
.contentViewport .specialBox a:link,
.contentViewport .specialBox a:visited,
.contentViewport .specialBox a:active {	color:#444444; text-decoration:none; }
.contentViewport .specialBox a:hover  {	color:#232323; text-decoration:underline; }

/* ------------------------------------------------------------------------------ */
/* Quotes */
/* ------------------------------------------------------------------------------ */
.contentViewport div.pullQuote {
	background: url("../../img/quote-back.jpg") no-repeat right top #e4f1f7;
	/*border-image:("../../img/border-image.jpg") 0 0 0 5px ;*/
	-moz-border-image:url(../../img/border-image.jpg) 0 0 0 30 stretch; /* Firefox */
	-webkit-border-image:url(../../img/border-image.jpg) 0 0 0 30 stretch; /* Safari */
	-o-border-image:url(../../img/border-image.jpg) 0 0 0 30 stretch; /* Opera */
	border-image:url(../../img/border-image.jpg) 0 0 0 30 stretch; 
    border-left: 5px solid #46cfed; 
	border-top:0;
	border-right:0;
	border-bottom:0;
    color: #0056a0;
    display: block;
    float: left;
    font-size: 1.2em;
    font-style: italic;
    font-weight: normal;
    line-height: 1.6em;
    margin: 0 0 20px;
    padding: 20px 40px 20px 20px;
    width: 575px;
}

.pullQuote p{ 
    font-size: 14px; 
    line-height: 20px;
    margin: 0;
    padding: 10px 0 5px;	
}


/* ------------------------------------------------------------------------------ */
/* Prayers */
/* ------------------------------------------------------------------------------ */
.contentViewport .prayerStyle {
	background: url("../../img/prayer-back.jpg") no-repeat right bottom #d8eaf2; 
    color: #0056a0;
    display: block;
    float: left;
    font-size: 14px; 
    font-weight: normal;
    line-height: 24px;
    margin: 0 0 20px;
    padding: 20px;
    width: 595px; min-height: 480px;
}

.contentViewport .prayerStyle p{ 
	position:relative;
    font-size: 14px; 
    line-height: 24px;
	text-align:center; 
	margin:0 auto ;
}

.contentViewport .prayerStyle p.title{ 
	position:relative;
    font-size: 18px; 
    font-weight: bold;
    line-height: 24px;
	text-align:center; 
	width:100%;
	margin:30px auto 0;
	color:#0056a0;
}

 

.contentViewport .prayerStyle ul.amenWrapper{   
	margin:10px auto 60px; 
	display:block;
	list-style:none !important;   
	overflow-style:marquee-block;
	width:31%;
}

.contentViewport .prayerStyle li.amen{
    font-size: 18px; 
	color:#0056a0; 
    font-weight: bold;
    line-height: 24px;
	text-align:center; 
	font-style:italic; 
	float:left;
	margin: 0 0 0 -19px;
    padding: 0;
	list-style:none; 
	background:none;  
}

.contentViewport .prayerStyle li.start{  
	background: url("../../img/prayer-ending.png") no-repeat 0 0 ; 
	height:1px; width:54px;
	margin-top:10px;
	float:left;
	list-style:none;  
}

.contentViewport .prayerStyle li.close{  
	background: url("../../img/prayer-ending.png") no-repeat 0 0 ; 
	height:1px; width:54px;
	margin-top:10px;
	float:left;
	list-style:none;  
}

/* ------------------------------------------------------------------------------ */
/* sections - Collections */ 
/* ------------------------------------------------------------------------------ */
.global_collections_wrapper {
    display: inline;
    float: left;
    margin-left: 0;
    position: relative;
    width: 640px; 
}


.graphicListItem {
    color: #FFFFFF; 
    display: block;
    float: left;
    margin: 0 0 20px;
    padding: 0 20px 0 0;
    position: relative;
    text-decoration: none;
    width: 200px;
	height:270px; 
}
/*
.ie6 .contentViewport .graphicListItem,
.ie7 .contentViewport .graphicListItem,
.ie8 .contentViewport .graphicListItem {padding-right:20px;}

.contentViewport .graphicListItem:nth-of-type(3n) {
	padding-right:0px;
}
   
*/
.graphicListItem .imgWrapper {
    background: url("../../../private/_lib/ckeditor/editor/dialog/fck_template/images/img-ph-200x180.gif") no-repeat left top #CCCCCC;  
    border: 0 none;
    height: 180px;
	overflow:hidden;
    left: 0;
    position: absolute;
    top: 0;
    width: 200px;
}

.graphicListItem .imgWrapper .imgThumb { 
    border: 0 none; 
   /* left: -50%;
    margin-left: 102px;*/
    position: absolute;
    top: 0;  
}

.graphicListItem .content {
	position:absolute;
    background: url("../../img/bg-collection.jpg") no-repeat scroll left top #078aa2; 
    margin: 0; 
	top:180px;
    padding: 10px 26px 43px 14px;
    width: 160px;
	height:39px;
	overflow:hidden;
}

.graphicListItem .content .title {
    font-size: 13px;
    line-height: 18px;
	color:#FFF; 
	/*text-shadow*/
	text-shadow: 0px 1px 1px #333;
}

 .graphicListItem .content p {
    height:15px;
	overflow:hidden;
}

.graphicListItem .content p.linkThrough a{
    background: url("../../img/btn-more-arrow.png") no-repeat scroll 0 -20px transparent;
    color: #FFFFFF ;
    font-size: 1em;
    font-weight: bold;
    height: 20px;
    left: 15px;
    line-height: 1.5em;
    margin: 0;
    padding: 0 0 0 25px;
    position: absolute;
    text-decoration: none; 
    top: 58px;
	/*text-shadow*/
	text-shadow: 0px 1px 1px #333;
}

.linkThrough a:hover {
    color: #171b1d !important;
	/*text-shadow*/
	text-shadow: 0px 1px 1px #62c4d4 !important;
    background-position: 0 0 !important;
}


 
/* ------------------------------------------------------------------------------ */
/* table */
/* ------------------------------------------------------------------------------ */
/*styledTable*/
.contentViewport .styledTable {
	color:#232323; background:#fff; 
	font-size:13px; line-height:20px;
	border-bottom:2px solid #e1e2e3; 
	width:640px; margin:0 0 18px/*20-2(border)*/ 0;
	display:table;  
}
.contentViewport .styledTable p { font-size:13px; line-height:20px;	padding:0 0 20px 0; }
.contentViewport .styledTable p:last-child { padding-bottom:0; }
.last-child { padding:0 !important; }
.contentViewport .styledTable th,
.contentViewport .styledTable td { text-align:left; border:0; padding:10px; }
.contentViewport .styledTable td { border-bottom:1px solid #dbdbdb; padding:10px 10px 9px/*10-1(border)*/ 10px; }
.contentViewport .styledTable tr.noBorder td { border:none; padding-bottom:10px; }
.contentViewport .styledTable th,
.contentViewport .styledTable th p { background:#909090; color:#fff; font-size:14px; font-weight:bold; line-height:20px; }
.contentViewport .styledTable th p { padding-bottom:0; }
.contentViewport .styledTable a:hover { text-decoration:underline; cursor: pointer; }
.contentViewport .styledTable .title { color:#232323; font-size:13px; }
.contentViewport .styledTable td.highlight { background:#efefef; }

/*layoutMode*/
.contentViewport table.layoutMode { border-collapse:collapse; margin:0; width:auto; color:#232323; }

/* ------------------------------------------------------------------------------ */
/* columns */
/* ------------------------------------------------------------------------------ */
/*300-(40)-300*/
.contentViewport .column310 { width: 300px;	float: right; }
.contentViewport .column310.first-child { float: left; padding-right: 20px;/*40-2*/ clear:left; }
/*200-(20)-420*/
.contentViewport .column240 { width: 240px;	float: right; }
.contentViewport .column400 { width: 400px; float: left; clear:left; padding-right: 18px/*20-2*/; }
.ie6 .contentViewport .column260 { width: 260px!important; margin:0; }

/* ------------------------------------------------------------------------------ */
/* misc generic classes */
/* ------------------------------------------------------------------------------ */
.contentViewport .clearer {	float:none; clear:both; height:0; line-height:0; overflow:hidden; visibility:hidden; }
.contentViewport .title { color:#222; font-size:16px; line-height:20px; font-weight:bold; }
.contentViewport .title a { color:#222; text-decoration:none; }
.contentViewport .title a:hover { color:#000; text-decoration:underline; }
.contentViewport .highlightText { color:#dc3c52; font-weight:bold; }
.contentViewport .inlineTextHighlight01 { color:#fff; background:#ff0080; }