html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, ul, ol
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	position: relative;
}

body
{
	color: #000;
	margin: 0 0 0 0;
	/* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 0 0 0 0;
	/* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	text-align: center;
	/* Centers the page content container in IE 5 browsers. */
	font-family: Arial, Helvetica, sans-serif;
	background: #FFFFFF url(../img/flat_back.jpg) no-repeat center top;
}

/* Sets the style for unvisited links. */
a, a:link
{
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

/* Sets the style for visited links. */
a:visited
{
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

/* Sets the style for links on mouseover. */
a:hover { text-decoration: underline; }

/* Sets the style for a link that is being activated/clicked. */
a:active
{
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
}

img, a#home img { border: none; }
h1, h2, h3, h4 { font-weight: normal; }
h1 { margin: 0; }
h2 { margin: 0.875em 0 0.05em; }
li li, li li { margin: 0.875em 0 0.05em; }
li li h2, li li h3 { margin: 0.875em 0 0.05em; }
li li li, li li li { margin: 0.875em 0 0.05em; }
li p, li li p { }

dl
{
	margin: 0.25em 0 0.75em;
	/* 14x1.286=18px */
}

dt { color: #0071BC; }



/* Fred's comic strip list */
#contentWrapper #content ol.hideListNo
{
	margin-left: 0;
	margin-right: 0 !important;
	padding-left: 0;
	list-style: none outside none;
}

#content p.lilianlee
{
	background-image: url(../img/comicstrip/stpatsstripcopyright.jpg);
	height: 23px;
	margin-right: 0;
}

#header h1, p#home-link { text-indent: -9999px; }

#content h1
{
	color: #000000;
	/*background: url(../img/htags.jpg) no-repeat left top;
	padding-left: 5px;*/
}

#fred #content h1 + p { font-weight: bold; }
#content h1 + p { font-weight: bold; }

.replaceFredTitle
{
	background-image: url(../img/comicstrip/stpatsstriptitle.jpg);
	height: 41px;
}

/* @End */
#content h2, 
#content h3 { color: #0071BC; }

p cite, p.caption, span.caption
{
	font-weight: bold;
	color: #666;
}

span.caption
{
	display: block;
	text-align: center;
}

p.page-helpers
{
	text-indent: -9999px;
	height: 0.5em;
}

p
{
	margin: 0.25em 0 0.75em;
	/* 14x1.286=18px */
}

p.intro { font-weight: bold; }

/* Quotations */
.quote
{
	background-color: #FFF;
	background-image: url(../img/spch_mks_in.png);
	clip: rect(0, 80px, 40px, 0);
	background-repeat: no-repeat;
	background-position: 2px top;
	padding: 0.75em 2em 0;
}

.citation
{
	background-color: #FFF;
	background-image: url(../img/spch_mks_out.png);
	background-repeat: no-repeat;
	background-position: 90% top;
	margin-top: -20px;
	padding: 20px 2em 0;
}

blockquote
{
	padding: 0 0;
	margin: 0 5em 0 2em;
}

cite { font-style: normal; }
blockquote p { font-style: italic; }

/* @End */
fieldset { width: 70%; }
textarea { width: 100%; }

/* This is a container for the page content. It is common to use the container to constrain the width of the page content and allow for browser chrome to avoid the need for horizontal scrolling. For fixed layouts you may specify a container width and use auto for the left and right margin to center the container on the page. IE 5 browser require the use of text-align: center defined by the body element to center the container. For liquid layouts you may simply set the left and right margins to center the container on the page. */
#outerWrapper
{
	background-color: #fff;
	margin: 0 auto 0 auto;
	/* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	text-align: left;
	/* Redefines the text alignment defined by the body element. */
	width: 960px;
	padding: 0 5px;
	overflow: hidden;
	position: relative;
}

#outerWrapper #header
{
	border-bottom: solid 1px #666;
	/* Sets the bottom border properties for an element using shorthand notation */
	padding: 0px 10px 0px 10px;
	/* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	height: 115px;
	margin-top: 24px;
	margin-bottom: 24px;
	background: #c5925b url(../img/hdr_back.jpg) no-repeat left top;
}

#outerWrapper #header2
{
	padding: 10px;
	/* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	height: 200px;
	margin-bottom: 0em;
	background-color: #Ffffff;
	margin-left: 12em;
}

#outerWrapper #contentWrapper
{
	position: relative;
	border-top: solid 1px #666;
	/* Sets the top border properties for an element using shorthand notation */
	background: #c5925b url(../img/bck_grad.jpg) repeat-y left top;
	padding-left: 0.85em;
	padding-top: 9px;
	padding-right: 5px;
}

/* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */
#outerWrapper #contentWrapper .clearFloat
{
	clear: both;
	display: block;
}

#outerWrapper #footer
{
	background-color: #e4e3d8;
	border-top: solid 1px #666;
	/* Sets the top border properties for an element using shorthand notation */
	padding: 10px 10px 10px 10px;
	/* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
}

#outerWrapper #contentWrapper #content p.caption
{
	margin: 0;
	text-align: center;
}

#contentWrapper ul, #contentWrapper ol
{
	margin: 0 0 0 15px;
	padding: 0 0 0 15px;
}

#outerWrapper #related_pages
{
	background-image: url(../img/related_pages.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #fff;
	width: 156px;
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
	border-bottom: 1px #d3e0ef solid;
}

li { }

/* Tables */
table
{
	border-collapse: collapse;
	margin: 0 auto 0 auto;
}

th, td
{
	text-align: left;
	vertical-align: top;
	padding: 0;
}

/* rather than give the table a font size, use contextual selectors to target the th and td elements within */
th
{
	width: 20%;
	font-weight: normal;
	padding: 0 0.643em 0.571em 0.643em;
	/* 14x0.643=9px 14x0.571=8px */
	border-bottom: 0.071em solid #ccc;
	/* 14x0.071=1px */
}

td
{
	padding: 0.333em 0.75em 0.417em 0.75em;
	/* 12*0.333=4px 12*0.75=9px 12x0.417=5px */
	border-bottom: 0.083em solid #ccc;
	/* 12x0.083=1px */
}

#times
{
	float: left;
	background-color: white;
	padding: 5px;
	background-image: url(../img/panel-embellish.jpg);
background-position: right bottom;
background-repeat: no-repeat;
}

#times table {
	margin:0;
}

#general_service_times td, #confession_times td { border: none; }
table .col1 { font-weight: bold; }
table.twocol { width: 400px; }
#opening td { border: none; }
table .col1 { width: 200px; }
#times table .col1 { width: 90px; }

/* @group leftColumn */
/* rather than give the leftColumn itself a font size, use contextual selectors to get at the elements within */
#leftColumn1
{
	width: 11em;
	float: left;
	margin: 0 0 0 0;
	/* 16x1.125=18px */
	padding: 0.5625em;
	/* 16x0.5625=9px */
	background: #e4e3d8;
	color: #000;
}

#leftColumn1 h3
{
	margin: 0 0 0.643em 0;
	/* 14x0.643=9px */
	color: #999;
}

#leftColumn1 p
{
	margin: 0 0 1.5em 0;
	/* 12x1.5=18px */
}

/*#outerWrapper #contentWrapper #leftColumn1 ul {
	padding: 0;
	margin: 0 0 1.125em 1.125em;
	list-style: none;
	color:#5c5565;
}*/

#leftColumn1 ul
{
	padding: 0;
	margin: 0 0 1.125em 0.5625em;
	list-style: none;
	color: #5c5565;
}

#leftColumn1 li { padding-left: 23px; }

/* Fred's comic strip */
#leftColumn1 li
{
	line-height: 1.6;
	margin-bottom: 0.45em;
}

/* Content */
#homepage #content
{
	background-image: url(../img/stpats_images.jpg);
	background-repeat: no-repeat;
	background-position: right 21em;
	min-height: 60em;
}

#fred #content { /*overflow: hidden;
position: relative;*/ }
h2, h3 { color: #0071BC; }
#content p, #content dl, #content ul, #content ol, #content h1, #content h2,  #content h3 { margin-right: 5em; }
#content li h2, #content li h3 { margin: 0.875em 0 0.05em; }

#content #welcome_panel dl {
	margin: 0;
}

#welcome_panel dt {
	margin-bottom: 3px;
}

#welcome_panel dd {
	margin-left:0;
	margin-bottom: 6px;
}

#welcome_panel dd.last {
	margin-bottom: 0;
}

#content p.caption img
{
	float: none;
	margin: 0 auto 0 auto;
}

#content p img
{
	float: left;
	margin-right: 1em;
}

#content p img.center
{
	float: none;
	margin: 1em auto 1em;
	display: block;
}

img.center
{
	float: none;
	margin: 1em auto 0 auto;
	display: block;
}

/* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */
#content
{
	margin: 0 0 0 12em;
	/* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 10px 10px 10px 10px;
	/* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	background-color: #ffffff;
	min-height: 450px;
}

#homepage #content p { padding-right: 25em; }

/*Related Pages Section */
#related_pages ul, #related_pages ol
{
	margin: 0 0 0 5px;
	padding: 0 5px 0 15px;
}

#related_pages h2 { padding-left: 8px; }
#related_pages h2, #related_pages h3 { margin: 0.5em 0 0; }
#content #related_pages li h2, #content #related_pages li h3 { }
#related_pages p { margin: 0.25em 0; }
#related_pages p, #related_pages dl, #related_pages ul { margin-right: 0.5em; }
#related_pages p { color: #5656a7; }

#related_pages #external_related
{
	margin: 0;
	padding: 0 0 0 8px;
	list-style: none;
}

/* Navigation  */
#leftColumn1 h1, #leftColumn1 h2, #leftColumn1 h3 { font-weight: bold; }

/*
#outerWrapper #contentWrapper #leftColumn1 #home_navigation li {
	background: url(../img/hom_but.gif) no-repeat 0px 50%;
}
#outerWrapper #contentWrapper #leftColumn1 #features_nav li {
	background: url(../img/feat_but.gif) no-repeat 0px 50%;
}
#outerWrapper #contentWrapper #leftColumn1 #about_nav li {
	background: url(../img/about_but.gif) no-repeat 0px 50%;
}
#outerWrapper #contentWrapper #leftColumn1  #other_nav li {
	background: url(../img/special_but.gif) no-repeat 0px 50%;
}
#outerWrapper #contentWrapper #leftColumn1 #links_nav li {
	background: url(../img/lks_but.gif) no-repeat 0px 50%;
}
*/

.sprite
{
	background: url(../img/leaf_buttons_sprite.png) no-repeat;
	padding: 0 0 0 23px;
}

.navsprite { width: 19px; }
.relsprite { width: 10px; }

/* navigation sprites */
.home { background-position: 0 0; }
.features { background-position: 0 -50px; }
.about { background-position: 0 -100px; }
.special { background-position: 0 -150px; }
.lnx { background-position: 0 -250px; }

.separator
{
	height: 19px;
	background-position: 0 -120px;
}

/* related pages sprites */
.external_lnk { background-position: 0 -745px; }
.rel_features { height: 10px; }
.rel_about { height: 10px; }
.rel_special { height: 10px; }

#panel
{
	height: 200px;
	background: #ffffff url(../img/panel.gif) no-repeat left top;
	padding: 0px;
}

/* Welcome Panel */
#welcome_panel
{
	float: left;
	/*background-color: #0071BC;
	/*background-color: #D8E6F1; changed 221111 */
	background-color: #E0EAF4;
	margin-bottom: 20px;
	padding: 10px 10px 20px;
	background-image: url(../img/welcome_panel.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	min-height: 193px;
}

#content #welcome_panel p.intro
{
	color: #fff;
	font-weight: normal;
	padding-right: 10em;
}

#times div
{
	float: left;
	width: 225px;
}

/* @End */
/* Donate Panel */
#donate_panel
{
	background-color: #ffffff;
	background-image: url(none);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0 0 15px;
	padding: 0;
	width: 38.5em;
	height: 12em;
}

#donate_panel .left
{
	width: 21.0625em;
	height: 12em;
	float: left;
}

#donate_panel .right
{
	width: 16.25em;
	height: 11em;
	float: left;
	padding-top: 1em;
	padding-left: 0.75em;
}

#donate_panel p
{
	margin: 0 15px 0.75em 0;
	text-align: center;
}

#donate_panel h1
{
	width: 19.375em;
	margin: 0 0 0.75em;
	padding: 1em 0 0 0;
}

#donate_panel h2
{
	font-weight: normal;
	margin: 1em 1em 0 0.75em;
	text-align: center;
}

/* @End */
/* Shop@St Patrick's Panel */
#content p.st1
{
	height: 20em;
	color: #ffffff;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: #0068CC;
	/* fallback/image non-cover color */
	
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background: #0068CC; /* old browsers */
	
	background: -moz-linear-gradient(top, #0068CC 57%, #CCCCFF 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(57%,#0068CC), color-stop(100%,#CCCCFF)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0068CC', endColorstr='#CCCCFF',GradientType=0 ); /* ie */
	background-image: -o-linear-gradient(top, #0068CC, #CCCCFF);
	margin-right: 0;
	padding: 0.5em 1em 2em;
	overflow: hidden;
	font-size: 0.9em;
}

#content p.st1 img
{
	margin-left: -14px;
}

#content .smallPanel * { margin-right: 0; }

.smallPanel
{
	background: rgb(255, 255, 255);/* fallback/image non-cover color */
	background: rgba(255, 255, 255, 0.75);
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 0.5em 1em 0.5em;
}

.shopHours
{
	position: absolute;
	top: 150px;
	left: 420px;
	width:275px;
}

#content .shopSection * {
margin-right: 0;
}
.shopSection {
padding-bottom: 22px;
margin-right: 0;
}

.shopSection h2, .shopSection p {
padding-left:22px;
}

.col1-1, .col1-2 
{
width: 280px;
}

.col1-1
{
width: 380px;
float: left;
}

.col1-2 
{
border-left: 1px dotted #AD6D2D;
float: right;
padding-left: 16px;
font-size: 0.9em;
line-height: 1.35;
}


.location {
	border-top: 1px dotted #AD6D2D;
}

.location h2 + p{
font-weight: bold;
}

.nb {
    border-bottom: 0.071em solid #A9A9A0;
    border-top: 0.071em solid #A9A9A0;
    margin: 1.571em 0 1.571em 0;
    padding: 0 1.571em;
    font-weight: normal;
    width: 45%;
}

.nb p {
    color: #222222;
    margin: 0.917em 0;
    text-align: justify;
    text-indent: 0;

}

#homepage #content .nb p {
    padding-right: 0em;
}

/* @End */
#outerWrapper #contentWrapper #content #donate_panel h2.donate, #outerWrapper #contentWrapper #content #donate_panel p.donate
{
	margin: 1em auto;
	text-align: center;
	padding: 0 0;
}

#donate_panel h2.lefta { text-align: left; }
#donate_panel.donate { text-align: center; }

#donate_panel img
{
	margin: 0 auto;
	display: block;
}

/* @group subsidary_cont */
/* rather than give the subsidary_cont itself a font size, use contextual selectors to get at the elements within */
.subsidary_cont
{
	width: 14em;
	float: right;
	margin: 0 0em 0 1.125em;
	/* 16x1.125=18px */
	padding: 0.5625em;
	/* 16x0.5625=9px */
	background: #ddd;
	color: #000;
}

.subsidary_cont h3
{
	margin: 0 0 0em;
	/* 14x0.643=9px */
	font-weight: bold;
	color: #333333;
}

.subsidary_cont p
{
	margin: 0 0 1.5em 0;
	/* 12x1.5=18px */
}

.subsidary_cont ul
{
	padding: 0;
	margin: 0 0 1.125em 1.125em;
	/* 16x1.125=18px */
}

.subsidary_cont li { }

#footer p
{
	margin: 0;
	/* 14x1.286=18px */
	text-align: right;
}

/* Access Navigation  */
#outerWrapper #access
{
	text-align: left;
	display: block;
	position: absolute;
	left: 0px;
	top: -24px;
	width: 100%;
	padding: 0;
	margin: 0 0 0 0;
	list-style: none;
	color: #5c5565;
	overflow: hidden;
}

#outerWrapper #access li
{
	padding-left: 17px;
	text-align: center;
	display: inline;
	position: relative;
	background: url(../img/bullet_pipe.gif) no-repeat 0px 50%;
}

/* @end */
/* Breadcrumb Navigation  */
#outerWrapper #breadcrumb
{
	position: relative;
	text-align: left;
	top: 120px;
	float: left;
	width: 350px;
	padding: 0;
	margin: 0 0 0 0;
	color: #5c5565;
	overflow: hidden;
}

/* @end */
/* Quicklinks Navigation  */
#outerWrapper #quicklinks
{
	position: relative;
	top: 116px;
	text-align: right;
	float: right;
	width: 250px;
	padding: 0;
	margin: 0 0 0 0;
	list-style: none;
	color: #5c5565;
	overflow: hidden;
}

#outerWrapper #quicklinks li
{
	padding-left: 17px;
	text-align: center;
	display: inline;
	position: relative;
	background: url(../img/bullet_pipe.gif) no-repeat 0px 50%;
}

/* @end */
/* Utility */
.tidy { text-indent: -99999px; }
.left {float: left;}
.right {float: right;}
.clearL { clear: left; }
.clearR { clear: right; }

/* @End */