@charset "utf-8";

/* Normalisation Adapted from HTML5 Boilerplate 2 (20111003 JX) */   
/* =============================================================================
   Base
   ========================================================================== */
/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: Arial, Helvetica, sans-serif; color: #222; }
/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Customize the background color to match your design
 */
::-moz-selection { background: #666; /*grey*/ color: #fff; text-shadow: none; }
::selection { background: #666; /*grey*/ color: #fff; text-shadow: none; }
/* =============================================================================
   Links
   ========================================================================== */
a { color: #0062a7; /*blue*/ } 
a:visited { color: #ca0000; /*red*/ }
a:hover { color: #ca0000; /*red*/ }
a:focus { outline: thin dotted; }
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }
/* CSS3 transitions on links */
a {
	/* Firefox 4 */
	-moz-transition-property:color, background-color, border-color;
	-moz-transition-duration:0.2s;
	-moz-transition-timing-function:ease-in-out;
	-moz-transition-delay:0s;
	/* Safari and Chrome */
	-webkit-transition-property:color, background-color, border-color;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:ease-in-out;
	-webkit-transition-delay:0s;
	/*native CSS3*/
	transition-property: color, background-color, border-color;
	transition-duration: 0.2s;
	transition-timing-function: ease-in-out;
	transition-delay: 0s;
}
/* =============================================================================
   Typography
   ========================================================================== */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* =============================================================================
   Lists
   ========================================================================== */
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
/*
 * Correct overflow not hidden in IE9 
 */
svg:not(:root) { overflow: hidden; }
/* =============================================================================
   Forms
   ========================================================================== */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }
/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */
legend { border: 0; *margin-left: -7px; padding: 0; }
/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 * 4. Remove default iOS styling (JX20111006)
 * 5. Remove default focus outline styling in webkit browsers (JX20111004)
 */
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; -webkit-appearance:none; -webkit-border-radius:0px; }
button:focus, input:focus, select:focus, textarea:focus { outline: none; }
/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */
button, input { line-height: normal; *overflow: visible; }
/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */
table button, table input { *overflow: auto; }
/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
/*
 * Consistent box sizing and appearance
 */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */
textarea { overflow: auto; vertical-align: top; resize: vertical; }
/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid {  }
/* =============================================================================
   Tables
   ========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== primary styles =====================================================
   Author: JX 20111026
   ========================================================================== */
   
/* ------------------------------------------------------------------------------ */
/* global */
/* ------------------------------------------------------------------------------ */
body { 
	color:#232323;
	background-color:#aedfb1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	line-height:20px;/*1.5x of font-size*/
	background-image: url(../img/bg-body.jpg);
	background-repeat: repeat-x;
}

/*Specific for homepage*/
body.home {background: url(../img/bg-home-body.jpg) repeat-x #addeb1; position: relative;}

	/* container (can be used as a page background container) */
	body.home #container { 
		position:relative;
		width:100%;
		min-width:960px;
		margin:0;
		padding:0;
		background-image: url(../img/bg-container.jpg);
		background-repeat: no-repeat;
		background-position: center top;
	}
	
/* ------------------------------------------------------------------------------ */
/* header */
/* ------------------------------------------------------------------------------ */
#header {
	width:960px;
	height:76px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	position:relative
}

	#header #search {
		position: absolute;
		right: 0px;
		top: 13px;
		font-family: 'ProcionoRegular';
		font-size: 12px;
		color: #ee7306;
		text-shadow: -1px -1px #710c06;
		height: 27px;
	}
	
	
	#header #search input#searchInput {
		background-color: transparent;
		background-image: url("../img/bg-header-search-input.html");
		color: #FFA800;
		font-size: 12px;
		height: 14px;
		line-height: 16px;
		margin-bottom: 0;
		margin-left: 5px;
		margin-right: 0;
		margin-top: 0;
		overflow-x: hidden;
		overflow-y: hidden;
		padding-bottom: 6px;
		padding-left: 7px;
		padding-right: 7px;
		padding-top: 6px;
		position: relative;
		width: 136px;
		border: 0px;
	
	}
	
	#header #search input#searchButton {
		background: url("../img/sprite-header-search-button.html") no-repeat top left;
		width: 28px;
		height: 27px;
		border: 0px;
		margin-left: 3px;
		vertical-align: top;
	}
	
	#header #search input#searchButton:hover {background-position: 0px -27px;}
		
	#header h1 {
		color:#f2f2f2;
		font-family:'StMarieThin',serif;
		font-size:42px;
		font-weight:normal;
		line-height:42px;
		margin:35px 0 0 17px;
		/*text-shadow*/
		text-shadow: 0px 2px 2px #333;
	}
	#header p {
		font-size:12px;
		font-weight:normal;
		color:#c2c2c2;
		margin:10px 0 0 20px;
	}

	/*nav*/ 
	#nav {
		background:url(../img/sprite-nav.png) 0 0 no-repeat;
		margin:0 auto;
		padding:0;
		width:693px;
		height:109px;
		overflow:hidden;
		position:relative;
		bottom:0;
		left: 137px;
		z-index: 9999;
	}
		/*nav items*/
		#nav li, #nav a {
			display:block;
			position:absolute;
			top:0;
			margin:0;
			padding:0;
			height:109px;		
		}	
		
		#nav00 { width: 83px; left:  0px; }
		#nav01 { width:100px; left: 83px; }
		#nav02 { width: 86px; left:183px; }
		#nav03 { width: 92px; left:269px; }
		#nav04 { width:112px; left:361px; }
		#nav05 { width:135px; left:473px; }
		#nav06 { width: 82px; left:608px; }
	

		
			/*nav links*/
			#nav a { width:100%; left:0; }
			#nav a:hover, #nav a.selected { background: url(../img/sprite-nav.png) no-repeat; }
			#nav a.selected { cursor:default!important; }
			
			#nav00 a:hover { background-position:     0px -109px; }
			#nav01 a:hover { background-position:   -83px -109px; }
			#nav02 a:hover { background-position:  -183px -109px; }
			#nav03 a:hover { background-position:  -269px -109px; }
			#nav04 a:hover { background-position:  -361px -109px; }
			#nav05 a:hover { background-position:  -473px -109px; }
			#nav06 a:hover { background-position:  -608px -109px; }
	

				
			#nav00 a.selected,#nav00 a.selected:hover { background-position:   -0px -218px; }
			#nav01 a.selected,#nav01 a.selected:hover { background-position:  -83px -218px; }
			#nav02 a.selected,#nav02 a.selected:hover { background-position: -183px -218px; }
			#nav03 a.selected,#nav03 a.selected:hover { background-position: -269px -218px; }
			#nav04 a.selected,#nav04 a.selected:hover { background-position: -361px -218px; }
			#nav05 a.selected,#nav05 a.selected:hover { background-position: -473px -218px; }
			#nav06 a.selected,#nav06 a.selected:hover { background-position: -608px -218px; }


a.btnTop {
	background: url(../img/btn-top.png) no-repeat top center;
	display: block;
	width: 59px;
	height: 24px;
	margin: 20px 0px 10px 300px;
	float: left;
	clear: both;
}

a.btnTop:hover { background-position: 0px -24px;}

/* ------------------------------------------------------------------------------ */
/* main */
/* ------------------------------------------------------------------------------ */
#main {
	margin:0 auto;
	width:960px;
	height:auto;
	overflow:hidden;
	position:relative;
	padding-top: 157px;
}

#logo {
	background: url(../img/logo.png) no-repeat 0 0;
	display: block;
	width: 308px;
	height: 60px;
	top: 15px;
	position: absolute;
}

body.home #main {top: -61px; margin: 0 auto; padding: 0 0; background: none; }
	/*banners - standard */
	#banner { 
		margin: 0px auto;
		padding: 0px auto;
		height: 325px;
		width: 100%;
		position: absolute;
		top: 113px;
	} 
	
	
	/*banners - home*/
	body.home #banner {width: 960px; height: 360px; top: 0px; position: relative; margin: 0px; padding: 0px;} 
	
	body.home #banner div#ursula {
		width: 290px;
		height: 360px;
		border: 0;
		z-index: 200;
		position: absolute;
		left: 0px;
		top: 0px;
		background: url(../img/ursula.jpg) no-repeat center center transparent;
	}
	
	body.home #banner div#shadow {
		width: 515px;
		height: 360px;
		border: 0px;
		z-index: 200;
		position: absolute;
		left: 290px;
		top: 0px;
		background: url(../img/home-banner-shadow.png) no-repeat center center transparent;	
	}
	
	#contentTop {
		background: url(../img/content-top.png) no-repeat top center transparent;
		width: 960px;
		height: 53px;
		margin: 0 auto;
		z-index: 9999;
		position: relative;
		top: 161px;	
	}
	
	body#prayers #contentTop {background: url(../img/prayers-content-top.png) no-repeat top center transparent;}
	
	body#prayers #contentTop div#homeButton {background: url(../img/bg-prayer-room-top.png) -3px 0 no-repeat transparent; width: 196px; height: 65px; position: absolute; top: -7px}
	body#prayers #contentTop div#homeButton a {
		background: url(../img/blt-sidenav-home.png) 0px 0px no-repeat transparent;
		position: absolute;
		top: 22px;
		left: 20px;
		width: 40px;
		height: 30px;
		padding-left: 24px;
		text-shadow: 1px 1px #FFFFFF;
		color: #3B3A3A;
		font-size: 15px;
		line-height: 17px;
		font-weight: normal;
		text-decoration: none;
		
	}
	
	body#prayers #contentTop div#homeButton a:hover {color: #5A5A5C;}
	
	
		#contentTop #topIcon {
			background: url(../img/icon-top-header.png) no-repeat center center transparent;
			width: 137px;
			height: 137px;
			display: block;
			position: absolute;
			right: -15px;
			top: -70px;
		}
	
	

	body#sec01 #banner {background: url(../img/our-story.jpg) no-repeat center center; display: block;}
	body#sec02 #banner {background: url(../img/our-history.jpg) no-repeat center center; display: block;}
	body#sec03 #banner {background: url(../img/our-focus.jpg) no-repeat center center; display: block;}
	body#sec04 #banner {background: url(../img/where-we-are.jpg) no-repeat center center; display: block;}
	body#sec05 #banner {background: url(../img/get-involved.jpg) no-repeat center center; display: block;}
	body#sec06 #banner {background: url(../img/spirituality.jpg) no-repeat center center; display: block;}
	body#sec07 #banner {background: url(../img/news.jpg) no-repeat center center; display: block;}
	body#sec08 #banner {background: url(../img/site.jpg) no-repeat center center; display: block;}
	body#sec09 #banner {background: url(../img/site.jpg) no-repeat center center; display: block;}
	body#prayers #banner {background: url(../img/spirituality.jpg) no-repeat center center; display: block;}

	
	.columnRight {background: url(../img/content-shadow.jpg) no-repeat right top #fffef6; }
	body#prayers .columnRight {background: url(../img/prayers-content-shadow.jpg) no-repeat right top #fffef6; }
	
	
		

/* ------------------------------------------------------------------------------ */
/* content */
/* ------------------------------------------------------------------------------ */
#content {
	width:100%;
	margin:0;
	padding:0 0 0 0;
	overflow:hidden;
	position:relative;
	z-index:9;
	background-color: #FFFEF6;
}

#container {background: url(../img/bg-content-container.jpg) no-repeat center top; position: relative; }

body.home #content { padding:0px 0px; width: 960px; background: url(../img/bg-home-content.jpg) no-repeat top left #ffffff; z-index: 9999;}

	/*columns*/
	#columns {
		width:960px;
		height:auto;
		margin:0 auto;
		padding:0; 
		position:relative;
	}
	
	
	
	body.home #top-bar {height: 20px; background: url(../img/bg-home-content-top.html) no-repeat center center;}	
			
	.ie6 body.home #columns { height:370px; overflow:visible; }
		
		/*columns - common*/
		.columnLeft,
		.columnRight,
		.columnFull {
			min-height:460px;
			margin:0;
			height:auto;
			overflow:hidden;
			position:relative;
		}
		
		/*column left*/
		.columnLeft {
			width:272px;
			padding:0;
			float:left!important;	
			clear:left!important;
			background: url(../img/bg-sidenav.png) no-repeat center top #FFFEF6;
		}
		
		/*column right*/
		.columnRight {
			float:right!important;
			clear:right!important;
			background-color: #FFFEF6;
			width: 250px;
			min-height: 900px!important;
		}			
		/*column right - contentViewport*/
		.contentViewport {
			width:638px;
			padding:0px 25px 20px 25px;
		}
		
		body#prayers .contentViewport {width: 910px;}
			
		/*column - full*/
		.columnFull {
			position:relative;
			width:900px; 
			padding:20px 40px;
			float:none;
			clear:both;
			overflow:hidden;
		}
		/*column - full contentViewport*/
		.columnFull .contentViewport { /*customisation*/ }
				

/* ------------------------------------------------------------------------------ */
/* side nav */ 
/* ------------------------------------------------------------------------------ */
#sideNav {
	list-style:none;
	margin: 0;
	padding: 0;
	width:272px;
	overflow-x:hidden;
	overflow-y: hidden;
	
}

#contentTop #sideNav {
	padding-top: 6px;
}


	/*level 1 nav items*/
	#sideNav li, sideNav li#home {
		color: #58595b;
		font-size:15px;
		font-weight:normal;
		line-height:17px;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		margin-right: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
		width:272px;
		overflow:hidden;
		background: url(../img/border-sidenav.png) no-repeat bottom center;
		background-color: none; 
	}	
	
	#sideNav li.selected {background: url(../img/bg-sidenav-selected.png) repeat-y top center; font-weight: normal;}
	#sideNav li.selected ul li a {background: none; display: inline-block; border: none; }
	#sideNav li.selected ul {}
	
	#sideNav li.last-child { }
	
	/*level 1 links*/
	#sideNav li a,
	#sideNav li a:link,
	#sideNav li a:active,
	#sideNav li a:visited {
		color: #3b3a3a;
		text-decoration: none; 
		display: inline-block; 
		margin:0;
		padding:14px 30px 16px 42px;
		width: 200px;
		background: url(../img/blt-sidenav-lv1.png) no-repeat 24px center;
		text-shadow: #ffffff 1px 1px
	}
	
	#sideNav li a#home {background: url(../img/blt-sidenav-home.png) no-repeat 20px 15px; padding-left: 43px;}
	
	#sideNav li a:hover { color:#5a5a5c;}
	#sideNav li.selected a { 
		color: #fefefe;
		font-weight: bold;
		text-shadow: #bd5594 1px 1px;
		background: url(../img/blt-sidenav-selected.png) no-repeat 24px center;

	}
	
	.ie6 #sideNav li.selected a {width: 185px;}
	
		/*level 2 nav items*/
		#sideNav li ul {
			list-style: none;
			margin:0;
			padding:0px 15px 13px 30px;
			display: none;
			width: 226px;
		}
		
		#sideNav li.selected ul { display: block; margin-top: -7px;	 }
		#sideNav li li {
			color:#505050;
			font-size:13px;
			font-weight:bold;
			line-height:14px;
			margin:0;
			padding:0;
			width:100%;
			background: none;	
		
		}		
		#sideNav li li { border:none; background: url(../img/blt-sidenav-lv2.png) no-repeat 8px 10px; }
		#sideNav li li.last-child {  }
	
		
		/*level 2 links*/
		#sideNav li li a,
		#sideNav li li a:link,
		#sideNav li li a:active,
		#sideNav li li a:visited { color: #fefefe; padding:5px 0 5px 17px; margin:0;}
		#sideNav li li a:hover { color: #953668 !important; font-weight: bold;}
	
	/*selected*/
	#sideNav li .selected,
	#sideNav li li.selected a { color: #953668; !important; border: none; background: none; text-shadow: none; cursor: default;}
	
	#sideNav li ul li.selected {background: url(../img/blt-sidenav-lv2.png) no-repeat 8px 10px;}
	

	#sideNav li li.selected a:hover { color: #953668 !important; cursor: default !important;  } 	
	
	#sideNav li.selected ul li a {font-weight: normal;}
	#sideNav li.selected ul li a.selected {font-weight: bold;}
	

/* ------------------------------------------------------------------------------ */
/* footer */
/* ------------------------------------------------------------------------------ */
#footer {
	margin:0 auto;
	width:900px;
	height:28px;
	position:relative;
	padding:11px 30px 0 30px;
	margin-top: -10px;
}

body.home #footer {
	margin-top: -63px;
}

	#footer p {
		font-size: 11px;
		color: #f7fbff;
		margin: 0px;	
	}
	
	/*copyright links*/
	#footer ul {
		color:#f7fbff;
		font-size:11px;
		line-height:11px;
		width:960px;
		margin:2px 0 0 0;
		padding-left: 0px;
	}	
	
	#footer ul li {
		border-color: #7c9d7c;	
	}
	
	#footer a,
	#footer a:link,
	#footer a:visited,
	#footer a:active { color:#8db090; text-decoration:none; }
	#footer a:hover  { color:#708d74; text-decoration:none; }
	/*FW logo*/
	a#FWenabled {
		position: absolute;
		right: 30px;
		top: 11px;
		width:126px;
		height:16px;
		margin:0;
		padding:0;
		border:none!important;
		background:url(../img/btn-fw.png) 0px 0px no-repeat;
	}
	
	a#FWenabled:hover { background-position:0px -16px; }


/* ------------------------------------------------------------------------------ */
/* sections - HOME */ 
/* ------------------------------------------------------------------------------ */

/*content specific*/
body.home #intro {
	margin: 21px 0 20px 28px;
	width:289px;
	height: 308x;
	overflow:hidden;
	position:relative;
	overflow:hidden;
	float:left;
}

.ie6 body.home #intro {
	margin-left: 10px;
	margin-right: 20px;
}

body.home #intro p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 27px;
	font-weight: bold;
	font-style: italic;
	color: #a05a8d;
	text-shadow: 1px 1px #ffffff;
	text-align: center;
	margin: 0 0 52px 0;
	padding: 0 0;
}	

	/*linksListing*/	
	body.home ul.linksListing {
	    display: block;
    	list-style-type: none;
    	margin: 20px 0px 36px 1px;
		padding: 0px;
		float: left;
		clear: both;
	}
	
		/*linksListing item*/
		body.home ul.linksListing li {
			float: left;
    		width: 187px;
			font-size: 14px;
			color: #0062a7;
			padding-bottom: 3px;
			padding-left: 13px;
			background: url(../img/bullet-links.html) no-repeat 0px 8px transparent;
			
		}
		
		body.home ul.linksListing li a {
			text-decoration: none;
		}
	
/*news*/
#news {
	margin: 0px;
	padding: 0px;
	background: none;
	width: 660px;	
	overflow:hidden;
	position:relative;
	overflow:hidden;
	float:left;
}

#latest-news {
	display: block;
	height: 29px;
	width: 263px;
	background: url(../img/txt-latest-news.png) no-repeat center center;	
}


body.home #news {
	width:615px;
	padding:23px 0px 9px 25px;
}

.ie6 body.home #news {padding-left: 10px;}

	/*general*/
	
	/*title*/
	body.home #news h2, body.home h2 {
		font-family:'TrajanProBold', Arial, sans-serif;
		font-size:36px;
		line-height:16px;
		margin:0;
		padding:0;
		font-weight: normal;
		color: #a05a8d;
		text-shadow: 1px 1px #000000, -1px -1px #ffffff;
	}
	
	
	/*newsListing*/	
	.newsListing {
		overflow-x: hidden;
		overflow-y: hidden;
		width: 668px;	
	}
	
	body.home .newsListing {
		margin:0;
		padding:0 0 0 0;
	}
		/*newsListing item content*/
		body.home .newsItem, .newsItem {
			display:block;
			position:relative;
			margin:20px 26px 0 0;
			padding:0 0 20px 0;
			width:282px;
			min-height:90px;
			color:#fff;
			text-decoration:none;
			float: left;
			
		}
		body.home .newsItem.newRow {clear:both; }
		
		.newsItem {
			border: none;
			margin-top: 0px;	
			margin-bottom: 20px;
			width:300px;
			margin-right: 30px;
		}
		
		.ie6 body.home .newsItem  {
			height:90px;
			overflow:visible;
		}
		body.home .newsItem.last-child,
		.newsItem.last-child { border-bottom:none; padding-bottom: 24px; }
							
			/*imgThumb*/
			.newsItem .imgThumb {
				/*layout*/
				position:relative; 
				top:0;
				left:0; 
				width:304px;
				height:148px; 
				background: url(../img/bg-null-newsitem-listing.jpg) no-repeat top left;
			}
			
			body.home .newsItem .imgThumb {background: url(../img/bg-null-newsitem-listing-home.jpg) no-repeat top left;}
				
			body.home .newsItem .imgThumb div.shadow {
				background: url(../img/bg-img-shadow.png) no-repeat center center;	
				display: none;
				height: 188px;
				width: 282px;
				position: absolute;
				cursor: pointer;
			}

			.newsItem .imgThumb div.shadow {
				background: url(../img/bg-img-shadow-listing.png) no-repeat center center;	
				display: none;
				height: 200px;
				width: 300px;
				position: absolute;
				cursor: pointer;
			}		
			
			body.home .newsItem .imgThumb div.shadow {
				background: url(../img/bg-img-shadow-listing-home.png) no-repeat center center;
				width: 282px!important;
				height: 188px!important; 
			} 	
			
				body.home .newsItem .imgThumb {
					width: 282px;
					height: 188px;
					display: block;
					overflow: hidden;
				}
				
				.newsItem .imgThumb {
					width: 300px;
					height: 200px;
					display: block;
					overflow: hidden;
				
				}
				
				
				.newsItem .imgThumb img { 
					display:block;
					cursor: pointer;
				}
				
			
			
			/*newsContent*/
			.newsItem .newsContent { 
				margin:17px 0 0 0;
				position: relative;
			}
				.newsItem .newsContent p { 
					color:#636466;
					font-size:12px; 
					font-weight:normal;
					line-height:18px; 
					margin:3px 0 6px 0;
					padding:0;
					text-decoration:none;
				}
				.newsItem .newsContent .title { 
					color:#a35d90;
					font-size:16px;
					font-weight:bold; 
					line-height: 24px;
					text-decoration: none;
				}
				.newsItem .newsContent .date { 
					color:#636466;
					font-size:12px;
					line-height: 16px;
					font-weight:bold;
					text-transform:uppercase; 
					margin:0;
					padding:0 0;
				}
				
				.btnMore {
					background-attachment: scroll;
    				background-clip: border-box;
    				background-color: transparent;
    				background-image: url("../img/btn-more.png");
    				background-origin: padding-box;
    				background-position: 0 0;
    				background-repeat: no-repeat;
   					background-size: auto auto;
    				display: block;
    				height: 13px;
    				width: 79px;
					margin-top: 22px;
				}
				
				body.home .btnMore {margin-top: 13px;}
				
		/*newsListing item hover*/
			.newsItem:hover p { text-decoration:none; }
			.newsItem .newsContent .title.hover {color: #a6387a; text-decoration: underline; }

			.btnMore:hover {
					background-attachment: scroll;
    				background-clip: border-box;
    				background-color: transparent;
    				background-image: url("../img/btn-more.png");
    				background-origin: padding-box;
    				background-position: 0 -13px;
    				background-repeat: no-repeat;
    				background-size: auto auto;
			}
						
				

div#pageBottom {
	height: 91px;
	background: url(../img/bg-content-bottom.jpg) no-repeat top center #fffef6;
	padding: 23px 7px 4px 43px;
}

div#pageBottom div#logo {
	background: url(../img/logo-footer.png) no-repeat center center transparent;
	display: block;
	height: 40px;
	width: 196px;
	position: relative;
	float: left;
	margin-right: 58px;
	margin-top: 27px;
}

.home div#pageBottom {
	background: url(../img/bg-home-bottom.jpg) no-repeat top center;
	background-color: transparent;
	padding-bottom: 10px;
}
	div#pageBottom a {color: #ffffff; text-decoration: none;}
	div#pageBottom a:hover {text-decoration: underline;}

	div#pageBottom a#catherine {
		display: block;
		float: left;
		position: relative;
		background: url(../img/catherine.png) no-repeat 0 0 transparent;
		width: 95px;
		height: 94px;
		cursor: pointer;
		margin-left: 60px;
		margin-top: -4px;
	}
	
	div#pageBottom a#catherine:hover {background-position: 0 -94px;}

	a.memberlogin {
		background-attachment: scroll;
		background-clip: border-box;
		background-color: transparent;
		background-image: url("../img/btn-memberlogin.png");
		background-origin: padding-box;
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: auto auto;
		display: block;
		height: 48px;
		width: 289px;
		cursor: pointer;
		float: left;
		position: relative;
	}
	
	a.memberlogin:hover {
		background-attachment: scroll;
		background-clip: border-box;
		background-color: transparent;
		background-image: url("../img/btn-memberlogin.png");
		background-origin: padding-box;
		background-position: 0 -48px;
		background-repeat: no-repeat;
		background-size: auto auto;
	
	}

	a.prayerSpace {
		background-attachment: scroll;
		background-clip: border-box;
		background-color: transparent;
		background-image: url("../img/btn-prayerspace.png");
		background-origin: padding-box;
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: auto auto;
		display: block;
		height: 48px;
		width: 290px;
		cursor: pointer;
		float: left;
		position: relative;
		margin-bottom: 5px;
	}
	
	a.prayerSpace:hover {
		background-attachment: scroll;
		background-clip: border-box;
		background-color: transparent;
		background-image: url("../img/btn-prayerspace.png");
		background-origin: padding-box;
		background-position: 0 -48px;
		background-repeat: no-repeat;
		background-size: auto auto;
	
	}
	
	a.canonisation {
		background-attachment: scroll;
		background-clip: border-box;
		background-color: transparent;
		background-image: url("../img/btn-canonisation.png");
		background-origin: padding-box;
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: auto auto;
		display: block;
		height: 48px;
		width: 290px;
		cursor: pointer;
		float: left;
		position: relative;
		margin-bottom: 5px;
	}
	
	a.canonisation:hover {
		background-attachment: scroll;
		background-clip: border-box;
		background-color: transparent;
		background-image: url("../img/btn-canonisation.png");
		background-origin: padding-box;
		background-position: 0 -48px;
		background-repeat: no-repeat;
		background-size: auto auto;
	
	}		
	div#contactDetails {
		position: relative;
		float: left;
		width: 480px;
	}
	
		div#contactDetails p.heading {
			position: relative;
			float: left;
			font-family:'TrajanProBold', Arial, sans-serif;
			font-size: 15px;
			color: #a35d90;
			line-height: 16px;
			margin-bottom: 0px;
			margin-top: 23px;
		}
	
		div#contactDetails ul {
			font-family: Arial, sans-serif;
		    color: #ffffff;
			font-size: 12px;
			line-height: 15px;
			margin: 0;
			padding: 3px 0 3px 0;
			height: 20px;
			position: relative;
			float: left;
			width: 600px;
			height: 60px;
		}
		
	
		
			div#contactDetails ul li {
				border: none;
				height: 14px;
				width: 186px;
			}
			
			div#contactDetails ul li.last-child {width: 300px;}

/* ------------------------------------------------------------------------------ */
/* EVENTS CONTROL */
/* ------------------------------------------------------------------------------ */

div.eventItem {padding-bottom: 20px;}
div.datecollection {
	position:relative;
	padding:1px 0px 0px 0px;
}

div.date {
	position:absolute;
	top:0px;
	/*left:50px;*/
	left:0px;
	width:54px;
	height:54px;
	text-align:center;
	background: url(../img/event_date_bg.gif) top left no-repeat;
}

div.date span.day {
	display: block;
	font-size: 1.8em;
	font-style: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.3em;
	color: #b75f92;
}

div.date span.month {
	display: block;
	font-size:1.2em;
	line-height: 1.1em;
	font-style: italic;
	color: #FFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 8px 0 0 0;
	font-weight: normal;
}

div.event {
	margin: 0 0 10px 0;
	padding-left: 0;
	overflow:hidden;
}

div.event p.title {
	padding-bottom:  4px;
}

div.event p.title a {
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
    color: #A35D90;
    font-size: 16px;
    font-weight: normal;
    line-height: 18px;
}

div.event p {
	margin-left: 71px;
}

div.event a.btnMore {float: right; margin-top: 0px;}


/* ------------------------------------------------------------------------------ */
/* PAGING CONTROL */
/* ------------------------------------------------------------------------------ */
div#pagingController {
    float: left;
    height: 29px;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
    padding-bottom: 0;
    padding-left: 16px;
    padding-right: 0;
    padding-top: 12px;
    position: relative;
    width: 619px;
	background-color: #ffffff;
	border: 1px solid #c0c5c9;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

	div#pagingController #results {
		color: #a35d90 !important;
    	font-size: 12px;
    	font-style: normal;
    	line-height: 18px;
    	margin-bottom: 0;
    	margin-left: 0;
    	margin-right: 0;
    	margin-top: 0;
	}
	
	div#pagingController ul#pageLinks {
		display: inline;
    	float: left;
    	list-style-type: none;
    	margin-bottom: 0;
    	margin-left: 0;
    	margin-right: 0;
    	margin-top: 0;
    	padding-bottom: 0;
    	padding-left: 0;
    	padding-right: 0;
    	padding-top: 0;
    	position: absolute;
    	right: 15px;
    	top: 12px;	
	}
	
	div#pagingController ul#pageLinks li {
		background-attachment: scroll;
    	background-clip: border-box;
    	background-color: transparent;
    	background-image: none;
    	background-origin: padding-box;
    	background-position: 0 0;
    	background-repeat: repeat;
    	background-size: auto auto;
    	color: #999797;
    	display: inline;
    	float: left;
    	font-size: 12px;
    	line-height: 13px;
    	margin: 0 0;
    	padding: 0 5px 0 0;
		font-weight: bold;
	}
	
	div#pagingController ul#pageLinks li.pagingControlPageSelector a {
    	color: #7d7d7d;
    	display: block;
    	margin: 0 0;
    	overflow-x: hidden;
    	overflow-y: hidden;
    	padding-bottom: 4px;
    	padding-left: 7px;
    	padding-right: 7px;
    	padding-top: 3px;
		text-decoration: none;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}
	
	div#pagingController ul#pageLinks li.pagingControlPageSelector a:hover {color: #ffffff; background-color: #cdcccc;}

	div#pagingController ul#pageLinks li.pagingControlPageSelector a.selected {
    	background-attachment: scroll;
    	background-clip: border-box;
    	background-color: #a35d90;
    	background-image: none;
    	background-origin: padding-box;
    	background-position: 0 0;
    	background-repeat: repeat;
    	background-size: auto auto;
    	color: #ffffff;
	}
	
	
	div#pagingController ul#pageLinks li.pagingControlPreviousPage a, div#pagingController ul#pageLinks li.pagingControlPreviousPage a {
    	background-position: left top;
    	background-repeat: no-repeat;
    	display: block;
    	height: 20px;
    	margin-bottom: 0;
    	margin-left: 0;
    	margin-right: 0;
    	margin-top: 0;
    	padding-bottom: 0;
   		padding-left: 0;
    	padding-right: 0;
    	padding-top: 0;
    	width: 15px;
	}


div#pagingController ul#pageLinks li.pagingControlNextPage a, div#pagingController ul#pageLinks li.pagingControlNextPage a {
    	background-position: left top;
    	background-repeat: no-repeat;
    	display: block;
    	height: 20px;
    	margin-bottom: 0;
    	margin-left: 0;
    	margin-right: 0;
    	margin-top: 0;
    	padding-bottom: 0;
   		padding-left: 0;
    	padding-right: 0;
    	padding-top: 0;
    	width: 15px;
	}

	div#pagingController ul#pageLinks li.pagingControlPreviousPage {
    	margin-right: 3px;
	}
	
	div#pagingController ul#pageLinks li.pagingControlNextPage {
   		margin-left: 3px;
	}
	
	div#pagingController ul#pageLinks li.pagingControlPreviousPage a,
	div#pagingController ul#pageLinks li.pagingControlNextPage a {
		background-position: 0px 5px;

	}
	div#pagingController ul#pageLinks li.pagingControlPreviousPage a {
    	background-image: url("../img/icon-prev-page-d.png");
	}
	
	div#pagingController ul#pageLinks li.pagingControlPreviousPage a.enabled {
    	background-image: url("../img/icon-prev-page.png");
	}
	
	div#pagingController ul#pageLinks li.pagingControlNextPage a {
   		background-image: url("../img/icon-next-page-d.png");
	}
	
	div#pagingController ul#pageLinks li.pagingControlNextPage a.enabled {
	    background-image: url("../img/icon-next-page.png");
	}



/* ------------------------------------------------------------------------------ */
/* Common elements TOBEDONE */
/* ------------------------------------------------------------------------------ */
/*pagination*/
.pagination { 
	margin:0 0 20px 0;
	padding:10px 15px;
	height:18px;
	border-top:2px solid #333; 
	overflow:hidden;  
}
	.pagination .msg,
	.pagination .pages { line-height:20px; height:20px; margin:0; padding:0; width:auto; overflow:visible; }
	.pagination .msg   { color:#232323; font-size:12px; float:left; }
	.pagination .pages { text-align:right; float:right; }
	
		/*buttons global*/
		.pagination .pages .btnPrev,
		.pagination .pages .btnNext,
		.pagination .pages .btnPage {
			font-size:12px;
			font-weight:bold;
			line-height:20px;
			text-decoration: none;
			display:block; 
			float:left; 
			margin:0 2px;
			padding:0;  
			width:20px; 
			height:20px; 
			overflow:hidden;
		}
		
		/*navigation buttons*/
		.pagination .pages .btnPrev,
		.pagination .pages .btnNext {
			background-image:url(../img/sprite-contentviewport-pagination.png);
			background-repeat:0 0 no-repeat;	
			font-size:0px;
			line-height:0px;
			text-indent:-9999em;
			width:20px; 
		}
		.pagination .pages .btnPrev { margin-right:6px; }
		.pagination .pages .btnNext { margin-left:6px; }
		
		.pagination .pages .btnPrev       { background-position:   0px   0px; }
		.pagination .pages .btnPrev:hover { background-position: -20px   0px; }
		.pagination .pages .btnNext       { background-position:  -0px -20px; }
		.pagination .pages .btnNext:hover { background-position: -20px -20px; }
		
		/*page buttons*/
		.pagination .pages .btnPage,
		.pagination .pages .btnPage:link,
		.pagination .pages .btnPage:visited,
		.pagination .pages .btnPage:active { 
			color:#4d494b;
			text-align:center;
			background:#e2e2e2; 
			/*border-radius*/
			-webkit-border-radius:2px;
			-moz-border-radius:2px;
			border-radius:2px;
		}
		.pagination .pages .btnPage:hover,
		.pagination .pages .btnPage:focus { 
			background:#fff; 
			text-decoration:none;
		}
		.pagination .pages .btnPage.selected { 
			color:#fff!important;
			background:#999;
			cursor:default!important;
		}


/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */
/* For image replacement */
.ir { display:block; border:0; text-indent:-999em; overflow:hidden; background-color:transparent; background-repeat:no-repeat; text-align:left; direction:ltr; line-height:1px; }
.ir br { display: none; }
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.clear { clear:both; }
.clearer { float: none;	clear: both; height: 0;	line-height: 0;	overflow: hidden; visibility: hidden; }
/* convert a list of links to a horizontal line of links with pipe seps (JX 20111004) */
.listLinks { list-style:none; overflow:visible; }
	.listLinks li { float:left; padding-right:8px; margin-right:8px; border-right: 1px solid; background: none; }
	/*.listLinks li:last-child { border-right:none; padding-right:0; }*/
	.listLinks li.last-child { border-right:none; padding-right:0; }
	
/* common text styles */
.txtLowerCase { text-transform:lowercase; }
code { /*for style notes*/
	display:inline-block; margin:0 0 20px 0; padding:0 10px; clear:both;
	font-size:11px; font-weight:bold; line-height:20px; 
	color:#fff; background:#CC9; border-radius:10px;
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.2);
	text-shadow:0 1px 0px rgba(0,0,0,0.2);
}

/*debug styles 
p 	{ background-color:rgba(255,255,0,0.1); }
li 	{ background-color:rgba(255,0,0,0.1); }
a	{ background-color:rgba(0,0,255,0.1); }
h1,h2,h3,h4,h5 { background-color:rgba(0,255,0,0.1); } */