/* CSS Document */
html {min-height: 100%;}
* {
	margin: 0px;
	padding: 0px;
}
body {
	background: #FFF; /*url(images/bgmain.gif) repeat top;*/
	color: #FFF;
	font: normal 62.5% Tahoma,sans-serif;
	text-align: left;
	height: 100%;
}
a{ color:#EE4444;}
div, ul, h2, h3{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
p{ margin: 0 0 0 5px; text-align:left;}
ul{list-style-type:none; margin: 0 0 0 5px;}
/*----TOP PANEL----*/
/* Slideshow */
.gss a img {border : none;}
.gss {
    width: 260px;
    height: 170px;
    color: #dddddd;
    background-color: #000000;
    padding: 0px;
}
#topBanner{
	background:url(images/mainbg.jpg) 0 0 repeat-x #fff;
	width:800px;
	height:110px;
	position:relative;
	padding:0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#topBanner img{
	width:208px;
	height:70px;
	position:absolute;
	top:35px;
	left:0px;
}
/*----/TOP PANEL----*/
/* structure */
.container {
	background: #FFF;
	font-size: 11px;
	margin: 0 auto;
	padding: 0 10px 10px;
	width: 800px;
	border-bottom: #666 1px solid;
	border-left: #666 1px solid;
	border-right: #666 1px solid;
	height: 100%;
}
/* header */
.top {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}

#menucontainer{
	width: 100%;
	float: left;
	display: block;
	position: relative;
	background-image: url(images/nav2.gif);
	background-repeat: repeat-x;
	z-index: 99;
}


/* title */

.header {
	background: #FFF;
	font-size: 1.2em;
	width: 800px;
	color: #487CAF;
	border-top: #666 1px solid;
	border-left: #666 1px solid;
	border-right: #666 1px solid;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.header .left {
	background: #B3C2C7 url(header.jpg) no-repeat;
	font: normal 2.8em "Trebuchet MS",sans-serif;
	width: 800px;
	height:110px;
	color: #1F1F1F;
}
/* highlighted boxes */
#highlightedItem{
border:double #333333 1px;
text-align:center;
margin-bottom: 10px;
}
.notices{
	width: 420px;
	padding: 0px;
	margin: 10px 0 10px 10px;
	padding: 0 0px 0 0;
}
.christmas{
	width: 320px;
	padding:0px;
	border-width: 1px;
	border-style: double;
	border-color: red;
	margin: 10px 0 10px 10px;
}
/*----BODY TOP PANEL----*/
#mainTitleArea{
	width:800px;
	position: relative;
	color:#8D8D8D;
	margin-bottom: 10px;
	vertical-align: top;
	clear: both;
}

#titleArea{
	width:800px;
	position:relative;
	background:#FFFFFF;
	color:#555555;
	margin:10px auto 0 auto;
	padding:0px;
	font-size: 11px;
	/*height: 170px;*/
}
#titleArea .titleAreaLeftColumn{
	float: left;
	width: 530px;
	margin-right:0px;
	margin-top: 10px;
	margin-left: 0px;
}
#titleArea .titleAreaRightColumn{
	float: right;
	width: 260px;
}
#titleArea h2{
	background:#FFFFFF;
	color:#EE4444;
	font-size:24px;
	height:50px;
	line-height:40px;
}
#titleArea td{ text-align:center; background-color:transparent;}
#titleArea p{
	text-align:left;
	background-color: #FFFFFF;
}
#titleArea p span{font-weight:bold;}
#titleArea p.more{margin:0 0 15px 430px; padding:0px;}
#titleArea p.more a{
	display:block;
	width:287px;
	height:28px;
	color:#111;
	font-size:12px;
	line-height:28px;
	text-decoration:none;
	padding:0 0 0 10px;
	background-color: #fff;
	background-image: url(images/button1.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#titleArea p.more a:hover{
	color:#111;
	text-decoration:none;
	background-color: #fff;
	background-image: url(images/button2.gif);
	background-repeat: no-repeat;
	background-position: 100% 0%;
}
/*----/BODY TOP PANEL----*/

/*----BODY MIDDLE PANEL----*/
#mainContentArea{
	width:800px;
	background:#fff;
	color:#8D8D8D;
	/*float:left;*/
	clear:both;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	height: 100%;
}

#contentArea{
	width:800px;
	position:relative;
	margin:10px auto 0 auto;
	background:#fff;
	color:#555555;
	height: 100%;
}
#contentArea h2
{
	display: block;
	padding: 3px 2px 3px 3px;
	margin: 0px 0px 2px 0px;
	color: #645A4F;
	font-family: Verdana, Tahoma, Arial;
	font-size: 13px;
	font-weight: bold;
	background-color: #F4F4F4;
} 
/*OTHER PAGES*/
/*---Left 0ne----*/
#leftColumnContentArea{
	width:460px;
	float:left;
	padding-right: 0px;
}
#leftColumnContentArea p{
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
#leftColumnContentArea p.boldtext{font-size:16px; background:#fff; color:#2B2A2A; font-weight:bold; padding:0px 0 0 0;}
#leftColumnContentArea p.blacktext{
	background:#fff;
	color:#000;
	padding: 0px 0px 0px 0;
}
#leftColumnContentArea p.dotline{background:url(images/dot.line.gif) 0 0 repeat-x; width:156px; padding:0 0 12px 10px;}

#leftColumnContentArea p.more{margin:0 0 40px 0px; padding:0px;}
#leftColumnContentArea p.more a{
	display:block;
	width:79px;
	height:28px;
	background:url(images/redbutton.gif) 0 0 no-repeat #fff;
	color:#111;
	font-size:12px;
	line-height:28px;
	text-decoration:none;
	padding:0 0 0 10px;
}
#leftColumnContentArea p.more a:hover{background: url(images/bluebutton.gif) 0 0 no-repeat #fff; color:#111; text-decoration:none;}

#leftColumnContentArea ul{ margin: 0 0 0 20px; padding:0 0 20px 0; list-style-type:circle; } /*width:156px;*/
#leftColumnContentArea ul li{ }
#leftColumnContentArea ul li a{width:140px; height:20px; background:url(images/arrow1.gif) 0 8px no-repeat #fff; color:#8D8D8D; line-height:20px; text-decoration:underline; padding:0 0 0 16px;}
#leftColumnContentArea ul li a:hover{background:url(images/arrow2.gif) 0 8px no-repeat #fff; color:#272525; text-decoration:underline;}

#leftColumnContentArea ul.block{width:170px; height:151px; display:block; padding:0px 0px 30px 0px;} /**/
#leftColumnContentArea ul.block li{width:156px; height:151px;}
#leftColumnContentArea ul.block li a{width:156px; height:151px; display:block; background:url(images/stpiusxbutton.jpg) 0 0 no-repeat #FFFFFF; color:#fff; font-size:20px; font-weight:bold; text-decoration:none; padding:23px 0 0 30px;}
#leftColumnContentArea ul.block li a:hover{background:url(images/stpiusxbutton-hover.jpg) 0 0 no-repeat #fff; color:#fff; text-decoration:none;}
#leftColumnContentArea table{
	font-size:11px;
}
/*---Left 0ne----*/

/*---Right One----*/
#rightColumnContentArea{
	width:315px;
	float:left;
	margin-left:20px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0;
	position: relative;
}

#rightColumnContentArea p{padding:0 0 5px 0;}
#rightColumnContentArea p.boldtext{font-size:16px; background:#fff; color:#2B2A2A; font-weight:bold; padding:0px 0 0 0;}
#rightColumnContentArea p.blacktext{
	background:#fff;
	color:#000;
	padding: 0px 0px 0px 0;
}
#rightColumnContentArea p.dotline{background:url(images/dot.line.gif) 0 0 repeat-x; width:156px; padding:0 0 12px 10px;}

#rightColumnContentArea p.more{margin:0 0 40px 0px; padding:0px;}
#rightColumnContentArea p.more a{
	display:block;
	width:79px;
	height:28px;
	background:url(images/redbutton.gif) 0 0 no-repeat #fff;
	color:#111;
	font-size:12px;
	line-height:28px;
	text-decoration:none;
	padding:0 0 0 10px;
}
#rightColumnContentArea p.more a:hover{background: url(images/bluebutton.gif) 0 0 no-repeat #fff; color:#111; text-decoration:none;}

#rightColumnContentArea ul{margin: 0 0 0 20px; padding:0 0 20px 0; list-style-type:circle; } /*width:156px;*/
#rightColumnContentArea ul li{ } /*background:url(images/arrow2.gif)  0 8px no-repeat #fff; */
#rightColumnContentArea ul li a{width:350px; color:#555; line-height:20px; text-decoration:underline;} /*padding:0 0 0 30px;*/
#rightColumnContentArea ul li a:hover{color:#006699; text-decoration:underline;}

#rightColumnContentArea ul.block{width:350px; height:151px; display:block; padding:0px 0px 30px 0px;} /**/
#rightColumnContentArea ul.block li{width:350px; height:151px;}
#rightColumnContentArea ul.block li a{width:350px; height:151px; display:block; background:url(images/stpiusxbutton.jpg) 0 0 no-repeat #FFFFFF; color:#fff; font-size:20px; font-weight:bold; text-decoration:none; padding:23px 0 0 30px;}
#rightColumnContentArea ul.block li a:hover{background:url(images/stpiusxbutton-hover.jpg) 0 0 no-repeat #fff; color:#fff; text-decoration:none;}


#rightColumnSidebars
{
	float: left;
	position: relative;
	margin: 0;
	margin-top: 0px;
	width: 315px;
	margin-left: 20px;
}
#rightColumnSidebar1
{
	padding: 0;
	margin-top: 0;
	margin-left: 0;
	color: #888888;
	width: 150px;
	float: left;
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
}

#rightColumnSidebar1 h2
{
	display: block;
	background: #F4F4F4;
	padding: 3px 2px 0px 3px;
	margin: 0px 0px 0px -5px;
	color: #645A4F;
	font-family: Verdana, Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
}
#rightColumnSidebar1 img
{
	margin: 0px 0px 0px -5px;
	padding: 0;
}

#rightColumnSidebar1 form
{
	margin: 0;
	margin-left: 0;
}
.ParishInPrint {
	padding: 3px 2px 3px 3px;
	margin: 0px 0px 0px -5px;
	background-color:#F4F4F4;
	color: #645A4F;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
}

#rightColumnSidebar2
{
	padding: 0;
	margin-top: 0;
	margin-left: 0;
	float: right;
	color: #888888;
	width: 150px;
}

#rightColumnSidebar2 h2
{
	display: block;
	color: #645A4F;
	font-family: Verdana, Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	background-color: #F4F4F4;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -5px;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 3px;
}
#rightColumnSidebar2 img
{
	margin: 0px 0px 0px -5px;
	padding: 0;
}
#rightColumnSidebar2 form
{
	margin: 0;
	margin-left: 0;
}

#rightColumnSidebar3
{
	padding: 0;
	margin-top: 0;
	margin-left: 0;
	font: 1em Verdana, Tahoma, Arial;
	color: #777777;
	width: 395px;
	float: left;
}

#rightColumnSidebar3 h2
{
	display: block;
	background: #FAF9E8;
	padding: 3px 2px 3px 3px;
	margin: 0px 0px 0px -5px;
	color: #645A4F;
	font-family: Verdana, Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
}



/*---Right One----*/

/*INDEX PAGE*/
/*---Middle One----*/
#middleonePan{
	width:187px;
	float:left;
}
#middleonePan p{padding:0 0 20px 0;}
#middleonePan p.boldtext{font-size:16px; background:#fff; color:#2B2A2A; font-weight:bold; padding:0px 0 0 0;}
#middleonePan p.blacktext{
	background:#fff;
	color:#000;
	padding: 0px 0px 0px 0;
}
#middleonePan p.dotline{background:url(images/dot.line.gif) 0 0 repeat-x; width:156px; padding:0 0 12px 10px;}

#middleonePan p.more{margin:0 0 40px 0px; padding:0px;}
#middleonePan p.more a{
	display:block;
	width:79px;
	height:28px;
	background:url(images/redbutton.gif) 0 0 no-repeat #fff;
	color:#111;
	font-size:12px;
	line-height:28px;
	text-decoration:none;
	padding:0 0 0 10px;
}
#middleonePan p.more a:hover{background: url(images/bluebutton.gif) 0 0 no-repeat #fff; color:#111; text-decoration:none;}

#middleonePan ul{width:156px; padding:0 0 20px 0;}
#middleonePan ul li{width:156px; height:20px;}
#middleonePan ul li a{width:140px; height:20px; background:url(images/arrow1.gif) 0 8px no-repeat #fff; color:#8D8D8D; line-height:20px; text-decoration:underline; padding:0 0 0 16px;}
#middleonePan ul li a:hover{background:url(images/arrow2.gif) 0 8px no-repeat #fff; color:#272525; text-decoration:underline;}

#middleonePan ul.block{width:170px; height:151px; display:block; padding:0px 0px 30px 0px;} /**/
#middleonePan ul.block li{width:156px; height:151px;}
#middleonePan ul.block li a{
	width:140px;
	height:142px;
	display:block;
	background:url(images/stpiusxbutton.jpg) 0 0 no-repeat #FFFFFF;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
	padding-top: 23px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 30px;
}
#middleonePan ul.block li a:hover{background:url(images/stpiusxbutton-hover.jpg) 0 0 no-repeat #fff; color:#fff; text-decoration:none;}
/*---/Middle One----*/

/*---Middle Two----*/
#middletwoPan{width:186px; float:left;}
#middletwoPan p{padding:0 0 20px 0;}
#middletwoPan p.boldtext{font-size:16px; background:#fff; color:#2B2A2A; font-weight:bold; padding:0px 0 0 0;}
#middletwoPan p.blacktext{
	background:#fff;
	color:#000;
	padding:0 0 0px 0;
}
#middletwoPan p.dotline{background:url(images/dot.line.gif) 0 0 repeat-x; width:156px; padding:0 0 12px 10px;}

#middletwoPan p.more{margin:0 0 40px 0px; padding:0px;}
#middletwoPan p.more a{
	display:block;
	width:79px;
	height:28px;
	background:url(images/greenbutton.gif) 0 0 no-repeat #fff;
	color:#111;
	font-size:12px;
	line-height:28px;
	text-decoration:none;
	padding:0 0 0 10px;
}
#middletwoPan p.more a:hover{background: url(images/pinkbutton.gif) 0 0 no-repeat #fff; color:#111; text-decoration:none;}

#middletwoPan ul{width:156px; padding:0 0 20px 0;}
#middletwoPan ul li{width:156px; height:20px;}
#middletwoPan ul li a{width:156px; height:20px; background:url(images/arrow1.gif) 0 8px no-repeat #fff; color:#8D8D8D; line-height:20px; text-decoration:underline; padding:0 0 0 16px;}
#middletwoPan ul li a:hover{background:url(images/arrow2.gif) 0 8px no-repeat #fff; color:#272525; text-decoration:underline;}

#middletwoPan ul.block{width:170px; height:151px; display:block; padding:0px 0px 30px 0px;}
#middletwoPan ul.block li{width:156px; height:151px;}
#middletwoPan ul.block li a{
	width:140px;
	height:142px;
	display:block;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
	padding-top: 23px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 30px;
	background-color: #FFFFFF;
	background-image: url(images/stmarysbutton.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#middletwoPan ul.block li a:hover{
	color:#fff;
	text-decoration:none;
	background-color: #FFFFFF;
	background-image: url(images/stmarysbutton-hover.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

/*---/Middle Two----*/

/*---Middle Three----*/
#middlethreePan{width:187px; float:left;}
#middlethreePan p{padding:0 0 20px 0;}
#middlethreePan p.boldtext{font-size:16px; background:#fff; color:#2B2A2A; font-weight:bold; padding:0px 0 0 0;}
#middlethreePan p.blacktext{
	background:#fff;
	color:#000;
	padding:0 0 0px 0;
}
#middlethreePan p.dotline{background:url(images/dot.line.gif) 0 0 repeat-x; width:156px; padding:0 0 12px 0;}

#middlethreePan p.more{margin:0 0 40px 0px; padding:0px;}
#middlethreePan p.more a{
	display:block;
	width:79px;
	height:28px;
	background:url(images/bluebutton.gif) 0 0 no-repeat #fff;
	color:#111;
	font-size:12px;
	line-height:28px;
	text-decoration:none;
	padding:0 0 0 10px;
}
#middlethreePan p.more a:hover{background: url(images/redbutton.gif) 0 0 no-repeat #fff; color:#111; text-decoration:none;}

#middlethreePan ul{width:156px; padding:0 0 20px 0;}
#middlethreePan ul li{width:156px; height:20px;}
#middlethreePan ul li a{width:156px; height:20px; background:url(images/arrow1.gif) 0 8px no-repeat #fff; color:#8D8D8D; line-height:20px; text-decoration:underline; padding:0 0 0 16px;}
#middlethreePan ul li a:hover{background:url(images/arrow2.gif) 0 8px no-repeat #fff; color:#272525; text-decoration:underline;}

#middlethreePan ul.block{width:170px; height:151px; display:block; padding:0px 0px 30px 0px;}
#middlethreePan ul.block li{width:156px; height:151px;}
#middlethreePan ul.block li a{
	width:140px;
	height:142px;
	display:block;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
	padding-top: 23px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 30px;
	background-color: #FFFFFF;
	background-image: url(images/stjosephsbutton.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#middlethreePan ul.block li a:hover{
	color:#fff;
	text-decoration:none;
	background-color: #FFFFFF;
	background-image: url(images/stjosephsbutton-hover.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

/*---/Middle Threee----*/

/*---Middle Four----*/
#middlefourPan{
	width:170px;
	float:left;
}
#middlefourPan p{padding:0 0 20px 0;}
#middlefourPan p.boldtext{font-size:16px; background:#fff; color:#2B2A2A; font-weight:bold; padding:0px 0 0 0;}
#middlefourPan p.blacktext{
	background:#fff;
	color:#000;
	padding: 0 0 0px 0;
}
#middlefourPan p.dotline{background:url(images/dot.line.gif) 0 0 repeat-x; width:156px; padding:0 0 12px 0;}

#middlefourPan p.more{margin:0 0 40px 0px; padding:0px;}
#middlefourPan p.more a{
	display:block;
	width:79px;
	height:28px;
	background:url(images/pinkbutton.gif) 0 0 no-repeat #fff;
	color:#111;
	font-size:12px;
	line-height:28px;
	text-decoration:none;
	padding:0 0 0 10px;
}
#middlefourPan p.more a:hover{background: url(images/greenbutton.gif) 0 0 no-repeat #fff; color:#111; text-decoration:none;}

#middlefourPan ul{width:156px; padding:0 0 20px 0;}
#middlefourPan ul li{width:156px; height:20px;}
#middlefourPan ul li a{width:140px; height:20px; background:url(images/arrow1.gif) 0 8px no-repeat #fff; color:#8D8D8D; line-height:20px; text-decoration:underline; padding:0 0 0 16px;}
#middlefourPan ul li a:hover{background:url(images/arrow2.gif) 0 8px no-repeat #fff; color:#272525; text-decoration:underline;}

#middlefourPan ul.block{width:170px; height:151px; display:block; padding:0px 0px 30px 0px;}
#middlefourPan ul.block li{width:156px; height:151px;}
#middlefourPan ul.block li a{
	width:140px;
	height:142px;
	display:block;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
	text-transform:none;
	padding-top: 23px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 30px;
	background-color: #FFFFFF;
	background-image: url(images/stedwardsbutton.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#middlefourPan ul.block li a:hover{
	color:#fff;
	text-decoration:none;
	background-color: #FFFFFF;
	background-image: url(images/stedwardsbutton-hover.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

/*---/Middle Four----*/

/*----FOOTER PANEL----*/
/* footer */
.footermainPan{
	height:50px;
	background:url(images/footerbg.gif) 0 0 repeat-x #565656;
	color:#fff;
	clear:both;
	width:800px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.footerPan{width:747px; position:relative; margin:0 auto;}
.footerPan img.footerlogo{
	width:170px;
	height:45px;
	position:absolute;
	top:3px;
	right:601px;
}

.footerPan p.copyright{
	color:#fff;
	font:11px "Trebuchet MS",Arial, Helvetica, sans-serif;
	position:absolute;
	top:4px;
	left:146px;
}
.footer {
	background:url(images/footerbg.gif) 0 0 repeat-x #565656;
	color:#fff;
	clear:both;
	width:800px;
	line-height: 20px;
	text-align: center;
	font-family: sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.footer p.copyright{
	padding:2px 0 5px 5px;
	color:#fff;
	font:11px "Trebuchet MS",Arial, Helvetica, sans-serif;
	position:absolute;
	left: 268px;
	top: 189px;
}
.footer a,.footer a:hover {color: #FFF;}