@import url('framework/reset.css');
@import url('framework/typography.css');
@import url('framework/layout.css');
@import url('framework/forms.css');

body
{
	color:#222;
	font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", 
		"Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, 
		Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body, div.page
{
	background:#154869;
}

a:focus, a:hover
{
	color:#222
}

a
{
	color:#1f7ebf;
}

hr
{
  border-color: #ddd;
  border-style: solid;
  border-width: 1px 0 0;
  clear: both;
  margin: 20px 0;
  height: 0;
}

hr.xl
{
	margin:25px 0 30px 0;
}

p.subtle
{
	font-size:12px;
	color:#666;
}

h1 a,h2 a,h3 a,h4 a
{
text-decoration:none
}

blockquote
{
	
	margin:0 0 20px 0;
	background:transparent url(image/quote.png) no-repeat top left;

}

blockquote p
{
	color:#555;
	font-size:16px;
	font-style:normal;
	margin:0 20px 10px 30px
}

blockquote p cite
{
	font-size:14px;
	font-style:italic;
}


/* HEADER ************************************************************************************** */
#header
{
	background:#fff;
	border-top: 20px solid #21597C;
}

#header h1
{
	margin:0;
	padding-top:10px;
	padding-bottom:20px;
	text-indent:-10000px;
}

#header h1 a
{
	background:url(image/logo-100.png) no-repeat; 
	display:block;
	height:100px
}

#header ul
{
	background-color: #21597C;
	list-style:none; 
	padding:0 10px;
	position:absolute; 
	right:0; 
	top:0;	
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

#header li
{
	font-size:12px;
	float:left; 
	height:30px;
	margin:0 10px;
}

#header li a:focus, #header li a:hover
{
	color:#fff;
}

#header li a
{
	color:#93DCE9;
	font-weight: bold;
	line-height:30px;
	text-decoration: none
}

/* NAVBAR ************************************************************************************** */
#nav
{
	background:#fff
}

#nav ul
{
	margin:0;
	float:right;
}

#nav li 
{
	float:left; 
	list-style:none;
	margin:0 10px;
	padding-bottom:10px
}

#nav li.current
{
	background:#fff url(image/nav-arrow.png) bottom center no-repeat;
}

#nav li a:focus, #nav li a:hover
{
	color:#1B92A8
}

#nav li a 
{
	color:#222;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
}

/* PAGE MENU *********************************************************************************** */
#section-title
{
	background:#20587B url(image/bg-section.png) repeat-x;
	padding:10px 0;
}

#section-title h1
{
	color:#f5f5f5;
	font-size:40px;
	font-weight:normal;
	margin:0
}

#section-title a
{
	color:#f5f5f5;
	text-decoration:none
}

#page-menu
{
	background:#e0e0c3;
	margin-bottom:30px;
}

#page-menu ul
{
	margin:0;
}

#page-menu li
{
	list-style:none;
	float:left;
	height:36px;
	margin:0;
}

#page-menu li a:focus, #page-menu li a:hover, #page-menu li.current a
{
	color:#fff;
	background:#20587b;
	text-decoration:none;
}

#page-menu li a
{
	color:#333;
	text-decoration:none;
	display:block;
	line-height:36px;
	padding:0 10px;
}




/* FOOTER ************************************************************************************** */
#footer
{
	background:#154869 url(image/bg-featured.png) repeat-x;
	border-top:3px solid #0a3957;
	color:#fff;
	padding: 30px 0;
}

#footer p
{
	font-size:12px;
	color: #eee;
}

#footer a
{
	color:#fff
}


/* CONTENT ************************************************************************************* */
#content
{
	background:#fff;
	padding-bottom:50px;
}

div.featured
{
	background:#20587B url(image/bg-featured.png) repeat-x;
	padding: 30px 0 0 0;
	color:#fff;
	min-height:330px;
	margin-bottom:50px;
	border-bottom:3px solid #0a3957;
}

div.featured p
{
	font-size:16px;
}

h1.title, h2.title, h3.title, h4.title
{
	margin-bottom:25px;
}

div.paper 
{
	background:transparent url(image/paper-280.png) no-repeat scroll left bottom;
	margin:0;
	padding:0 0 10px;
	position:relative;
}

div.col-1-3.mrn div.paper
{
background:transparent url(image/paper.png) no-repeat scroll left bottom;
}

div.paper .paper-top
{
	background:transparent url(image/paper-280.png) no-repeat scroll left top;
	padding:10px 50px 0 20px;
}

div.col-1-3.mrn div.paper .paper-top
{
background:transparent url(image/paper.png) no-repeat scroll left top;
}

.paper-top.title
{
	margin-bottom:15px
}

div.paper-content
{
	padding:0 10px 0 20px;
}

div.paper-content p
{
	margin:0 0 10px;
}

div.video
{
	border:1px solid #ccc; 
	padding:4px;
	width:600px;
	height:330px
}

.info
{
	background-color:#fff8ba;
	border:1px solid #e5dc8a;
	color:#755c0a;
	font-weight:bold;
	padding:5px 10px;
}

a.fancybox img.framed
{
	border:1px solid #1f7ebf
}

span.amp{font-weight:normal}



ul.event-list
{
	list-style:none;
	margin:0;
}

ul.event-list li
{
	font-size:10px;
	margin-bottom:14px
}

ul.event-list.compact li
{
	margin-bottom:5px
}

ul.event-list li h4, ul.event-list li h6
{
	margin:0;
}
ul.event-list h4 a:focus, ul.event-list h4 a:hover
{
	text-decoration: underline;
}
ul.event-list h4 a
{
	text-decoration: none
}

ul.event-list h6
{
	color:#666;
}

ul.event-list li p
{
	padding-bottom:14px;
	border-bottom:1px solid #d8d7b5;
}

ul.event-list.compact li p
{
	padding-bottom:5px;
	margin-bottom:5px
}



ul.news-list, ul.news-list li
{
	list-style: none;
	margin: 0;
}

ul.news-list h3
{
	margin:0;
}

ul.news-list h3 a:focus, ul.news-list h3 a:hover
{
	text-decoration:underline
}

ul.news-list h3 a
{
	text-decoration:none
}

ul.news-list h6
{
	font-size:12px;
	color:#555;
	font-weight:normal;
	margin-bottom:10px
}


/* TEMPLATE: HOME ****************************************************************************** */

div#slideshow
{
	height:300px;
	overflow:hidden;
}

#mass-schedule h4
{
	margin-bottom:5px
}

#mass-schedule ul
{
	list-style:none; 
	margin:0 0 20px 0; 
	padding:0
}


/* TEMPLATE: NEWS-EVENTS ************************************************************************** */
#bulletins ul
{
	margin:0
}
#bulletins li
{
	list-style:none;
	clear:both;
}

/* TEMPLATE: CALENDAR ***************************************************************************** */

#calendar
{
	min-height: 700px;
	#height:5000px;
}


/* TEMPLATE: STAFF ***************************************************************************** */


.staff-name
{
	margin-bottom:0
}

.staff-position
{
	color:#666;
	position:relative;
}


/* TEMPLATE: CONTACT ***************************************************************************** */
div.directory h3, div.directory h2
{
	margin:0
}

div.directory:hover
{
	background:#E5F2F5
}

div.directory
{
	border:1px solid #ddddd2;
	background:#fafaef;
	cursor:pointer;
	margin-bottom:20px;
	padding: 10px;
}

div.directory a
{
	color:#222;
	text-decoration:none;
}


/* TEMPLATE: MINISTRIES ***************************************************************************** */

ul.ministries, ul.sacraments
{
	list-style: none;
	margin:0
}

li.ministry, li.sacrament
{
	display:block;
	float:left;
	width:198px;
	height:150px;
	overflow:hidden;
	margin:0 5px 10px 0;
	border:1px solid #e0e0c4;
}

li.ministry a:hover, li.sacrament a:hover
{
	background:#20587b;
	color:#fff
}

li.ministry a, li.sacrament a
{
	font-size:18px;
	line-height:150px;
	text-align: center;
	display:block;
	text-decoration:none;
	background:#f5f5e8
}

li.sacrament
{
	width:300px;
	height:100px;
}

li.sacrament a
{
	line-height:100px
}






/* BUTTOMS ***************************************************************************** */
a.button:hover, a.button:focus
{
	background: #40a2b7; 
	color:#fff; 
}

a.button
{
	border:1px solid #40A2B7;
	font-weight:bold; 
	padding:3px 15px; 
	text-decoration:none; 
	background: #93DCE9; 
	color:#007083;  
	margin-bottom:3px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px
}

div.button-div
{
	padding-bottom:10px;
	padding-top:10px
}

/* GALLERIFFIC *******/

#g-container
{
	width:600px
}
#g-slideshow
{
height:225px;
}
#g-slideshow img
{
	margin-left:-3px
}

#g-slideshow a
{
	text-decoration:none;
}

#g-caption
{
	background:#222;
	color:#eee;
	margin-top:-6px;
	padding:10px
}

#g-caption a
{
	color:#fff;
	text-decoration:underline
}

#g-thumbs ul
{
	list-style:none;
	margin:0
}

#g-thumbs li a img
{
	border:2px solid #fff;
	padding:3px
}

#g-thumbs li.selected a img
{
	border:2px solid #93cCE9
}



/* EDITOR ******************************************************************************************* */

.mceContentBody 
{
	background:#fff; 
	padding:5px
}