@charset "UTF-8";
/* THIS IS OUR CSS STYLESHEET THAT WILL STYLE OUR WEBPAGE */






/* THESE ARE REGULAR HTML TAG SELECTORS */
body	{ background-color: #e8ebe4; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; font: Tahoma, Geneva, sans-serif; line-height: 18px; }

p	{}
h1	{ font-size: 16px; font-weight: bold; color: #861d1c; }
h3	{ font-size: 12px; text-weight:bold; }
dt	{ color: #600; font-size: 12px; font-weight: bold; margin-top: 10px; }
dd	{ margin-left: 10px; }
select	{ margin-bottom: 20px; }
fieldset	{ width:270px; }






/* THESE ARE OUR ID SELECTORS */
/*THIS IS OUR MAIN WRAPPER WHICH WRAPS ALL OF OUR CONTENT*/
#wrapper	{
	width: 950px;
	height: 1020px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-image: url(../images/new_hf_bg.png);
}

/*THIS IS OUR HEADER WHICH HOLD OUR MAIN GRAPHIC AND IS POSITIONED BELOW OUR NAVIGATION
AND ABOVE OUR CONTENTWRAP*/
#header	{
	width: 870px;
	height: 200px;
	margin-left: 40px;
	margin-right: 40px;
	float: left;
	background-image: url(../images/header.jpg);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

/*THIS IS OUR FOOTER WHICH IS THE LAST ELEMENT WITHIN OUR CONTENT WRAP */
#footer	{
	background-color: #E6E6E6;
	width: 870px;
	height: 40px;
	margin-left: 0px;
	margin-right: 0px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFF;
	font-size: 11px;
	text-align: center;
	padding-top: 0px;
	padding-left: 0px;
	float: left;
}

/*HERE ARE OUR NAVIGATIONAL ID SELECTORS, WE HAVE SET BOTH A REGULAR STATE AND HOVER STATE FOR EACH
NAVIGATIONAL BLOCK THESE INCLUDE:
#HOME, #HOME:HOVER // #MASSTIMES, #MASSTIMES:HOVER // #CALENDAR, #CALENDAR:HOVER
#RELIGOUSEDUCATION, #RELIGIOUSEDUCATION:HOVER // #OLF, #OLF:HOVER // #NAVBREAK
#CONTACT, #CONTACT:HOVER*/
#home	  {
	display: block;
	width: 85px;
	height: 70px;
	float: left;
	background-image: url(../images/nav_home.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#home:hover	  {
	display: block;
	width: 85px;
	height: 70px;
	float: left;
	background-image: url(../images/nav_ro_home.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#massTimes	  {
    display: block;
    width: 140px;
    height: 70px;
	float: left;
	background-image: url(../images/nav_massTimes.gif);
}

#massTimes:hover  {
    display: block;
    width: 140px;
    height: 70px;
	float: left;
	background-image: url(../images/nav_ro_massTimes.gif);
}

#calendar	  {
    display: block;
    width: 131px;
    height: 70px;
	float: left;
	background-image: url(../images/nav_calendar.gif);
}

#calendar:hover	  {
    display: block;
    width: 131px;
    height: 70px;
	float: left;
	background-image: url(../images/nav_ro_calendar.gif);
}

#religiousEducation	  {
    display: block;
    width: 224px;
    height: 70px;
	float: left;
	background-image: url(../images/nav_religiousEducation.gif);
}

#religiousEducation:hover	  {
    display: block;
    width: 224px;
    height: 70px;
	float: left;
	background-image: url(../images/nav_ro_religiousEducation.gif);
}

#olf	  {
    display: block;
    width: 90px;
    height: 70px;
	float: left;
	background-image: url(../images/nav_olf.gif);
}

#olf:hover	  {
    display: block;
    width: 90px;
    height: 70px;
	float: left;
	background-image: url(../images/nav_ro_olf.gif);
}

#navBreak	{
	display: block;
	width: 80px;
	height: 70px;
	float: left;
}

#contact	  {
    display: block;
    width: 120px;
    height: 70px;
	float: left;
	background-image: url(../images/nav_contact.gif);
}

#contact:hover	  {
    display: block;
    width: 120px;
    height: 70px;
	float: left;
	background-image: url(../images/nav_ro_contact.gif);
}
/*THIS IS THE END OF ALL OF OUR SELECTORS WITHIN OUR NAVIGATION*/

/*THIS IS OUR OWA LINK POSITIONED BELOW OUR NAVIGATION USED FOR ADMIN EMAIL ACCESS*/
#owa a:link	{
	background-color: #E6E6E6;
	float: left;
	text-align: right;
	padding-right: 25px;
	padding-left: 25px;
	width: 820px;
	height: 20px;
	margin-left: 40px;
	margin-right: 40px;
	font-size: 12px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	text-decoration: none;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

#owa a:hover	{
	background-color: #d9dcbf;
	float: left;
	text-align: right;
	color: #600;
	padding-right: 25px;
	padding-left: 25px;
	width: 820px;
	height: 20px;
	margin-left: 40px;
	margin-right: 40px;
	font-size: 12px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	text-decoration: none;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
/*END OF OUR OWA LINK SELECTOR*/

/*HERE ARE OUR SELECTORS FOR OUR SUBSCRIBE FORM LOCATED ON THE MAIN HOMEPAGE
THE PIECES OF THIS FORM INCLUDE:
#FORM // #FORMBOX // #FORMSUBMIT // #FORMRESET*/
#form	{
	float: right;
}

#formBox	{
	margin-bottom: 10px;
	width: 249px;
}

#formSubmit	{
	float: right;
	padding-left: 3px;
}

#formReset	{
	float: right;
	margin-left: 3px;
}
/*THIS IS THEN END OF ALL OUR SUBSCRIBE FORM SELECTORS*/

/*HERE ARE OUR SELECTORS FOR OUR CONTACT FORM LOCATED ON OUR CONTACT PAGE
THE PIECES OF THIS FORM INCLUDE:
#CONTACTFORM // #CONTACTFORMBOXFNAME // #CONTACTFORMBOXLNAME // #CONTACTFORMBOXPHONE
#CONTACTFORMBOXEMAIL // #CONTACTFORMBOXCOMM // #CONTACTFORSUBMIT // #CONTACTFORMRESET*/
#contactForm	{
	float: left;
	height: 400px;
	width: 420px;
	text-align: right;
	margin-top: 50px;
}

#contFormBoxFname	{
	float: right;
	width: 249px;
	margin-left: 10px;
}

#contFormBoxLname	{
	float: right;
	width: 249px;
	margin-left: 10px;
}

#contFormBoxPhone	{
	float: right;
	width: 249px;
	margin-left: 10px;
}

#contFormBoxEmail	{
	float: right;
	width: 249px;
	margin-left: 10px;
}

#contFormBoxComm	{
	float: right;
	width: 249px;
	height: 50px;
	clear: both;
	margin-left: 10px;
}

#contFormSubmit	{
	float: right;
	padding-left: 3px;
}

#contFormReset	{
	float: right;
	margin-left: 3px;
}
/*THIS IS THE END OF ALL OF OUR SELECTORS WITHIN OUR CONTACT FORM*/








/* THESE ARE OUR CLASS SELECTORS */

/*THIS IS OUR NAVIGATIONAL CLASS WHICH WRAPS ALL OF OUR NAVIGATIONAL ELEMENTS
NESTED WITHIN OUR WRAPPER DIV*/
.navigation	{
	background-image:url(../images/nav_bg.png);
	width: 870px;
	height: 70px;
	margin-left: 40px;
	margin-right: 40px;
	float: left;
}

/*THIS IS OUR CONTENTWRAP WHICH WRAPS ALL OF OUR CONTENT BELOW THE HEADER
THIS DIV IS LOCATED IS WITHIN OUR MAIN WRAPPER DIV*/
.contentWrap	{
	width: 870px;
	margin-left: 40px;
	margin-right: 40px;
	float: left;
}

/*THIS IS OUR MISSIONSTATEMENT SELECTOR FOR OUR MISSION STATEMENT BLOCK ON THE HOME PAGE
NESTED WITHIN OUR CONTENTWRAP DIV*/
.missionStatement	{
	background-color: #eaf3e0;
	width: 249px;
	height: 200px;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
	font-size: 12px;
	padding-left: 20px;
	padding-right: 20px;
}

/*THIS IS OUR SPECIALTIMES SELECTOR FOR OUR SPECIAL TIMES BLOCK ON THE MASS TIMES PAGE
NESTED WITHIN OUR CONTENTWRAP DIV*/
.specialTimes	{
	background-color: #eaf3e0;
	width: 249px;
	height: 681px;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
	font-size: 12px;
	padding-left: 20px;
	padding-right: 20px;
}

/*THIS IS OUR RELIGIOUS EDUCATION SELECTOR FOR OUR RELIGIOUS EDUCATION BLOCK ON THE RELIGIOUS ED PAGE
NESTED WITHIN OUR CONTENTWRAP DIV*/
.religiousEducation	{
	background-color: #eaf3e0;
	width: 249px;
	height: 681px;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
	font-size: 12px;
	padding-left: 20px;
	padding-right: 20px;
}

/*THIS IS OUR CONTACT RECTORY SELECTOR FOR OUR RECTORY HOURS BLOCK ON THE CONTACT PAGE
NESTED WITHIN OUR CONTENT WRAP DIV*/
.contactRectory	{
	background-color: #eaf3e0;
	width: 249px;
	height: 681px;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
	font-size: 12px;
	padding-left: 20px;
	padding-right: 20px;
}

/*THIS IS OUR ABOUT INFO SELECTOR FOR THE ABOUT BLOCK ON THE HOME PAGE
NESTED WITHIN OUR CONTENTWRAP DIV*/
.aboutInfo	{
	background-color: #e5eff1;
	width: 539px;
	height: 200px;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
	font-size: 12px;
	padding-left: 20px;
	padding-right: 20px;
	overflow-x: none;
	overflow-y: scroll;
}

/*THIS IS OUR BULLETIN SELECTOR FOR THE BULLETIN BLOCK ON THE HOME PAGE
NESTED WITHIN OUR CONTENTWRAP DIV
POSITIONED UNDERNEATH OUR ABOUT INFO BLOCK*/
.bulletin	{
	background-color: #d9dcbf;
	width: 249px;
	height: 180px;
	float: left;
	font-size: 12px;
	padding-left: 20px;
	padding-right: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
}

/*THIS IS OUR SUBSCIRBE SELECTOR FOR THE BULLETIN BLOCK ON THE HOME PAGE
NESTED WITHIN OUR CONTENTWRAP DIV
POSITIONED UNDERNEATH OUR BULLETIN BLOCK*/
.subscribe	{
	background-color: #d9dcbf;
	width: 249px;
	height: 301px;
	float: left;
	font-size: 12px;
	padding-left: 20px;
	padding-right: 20px;
}

/*THIS IS OUR PASTORAL MESSAGE SELECTOR FOR THE PASTORAL MESSAGE BLOCK ON THE HOME PAGE
NESTED WITHIN OUR CONTENTWRAP DIV
POSITIONED UNDERNEATH OUR ABOUT BLOCK*/
.pastoralMessage	{
	width: 539px;
	height: 480px;
	background-color: #FFF;
	float: right;
	font-size: 12px;
	padding-left: 20px;
	padding-right: 20px;
}

/*THIS IS OUR H1 MODIFIER WHICH MODIFIES OUR H1 IF LOCATED INSIDE OF OUR PASTORAL MESSAGE CLASS
HERE IT INCREASES THE SIZE OF OUR H1 COMPARED TO THE OTHER H1'S SO THAT WE CAN PUT MORE EMPHASIS ON IT*/
.pastoralMessage h1	{
	color: #006600;
	font-size: 20px;
	text-decoration: underline;
}

/*THIS IS OUR REGULARMASSTIMES SELECTOR FOR THE REGULARMASSTIMES BLOCK ON THE MASSTIMES PAGE
NESTED WITHIN OUR CONTENTWRAP DIV
POSITIONED UNDERNEATH OUR HEADER BLOCK*/
.regularMassTimes	{
	width: 539px;
	height: 480px;
	background-color: #FFF;
	float: right;
	font-size: 12px;
	padding-left: 20px;
	padding-right: 20px;
}

/*THIS IS OUR H1 MODIFIER WHICH MODIFIES OUR H1 IF LOCATED INSIDE OF OUR REGULARMASSTIMES CLASS
HERE IT INCREASES THE SIZE OF OUR H1 COMPARED TO THE OTHER H1'S SO THAT WE CAN PUT MORE EMPHASIS ON IT*/
.regularMassTimes	h1	{
	color: #006600;
	font-size: 20px;
	text-decoration: underline;
}

/*THIS IS OUR RCIAINFO SELECTOR FOR THE RCIAINFO BLOCK ON THE RELIGIOUS EDUCATION PAGE
NESTED WITHIN OUR CONTENTWRAP DIV
POSITIONED UNDERNEATH OUR HEADER BLOCK*/
.rciaInfo	{
	width: 539px;
	height: 500px;
	background-color: #FFF;
	float: right;
	font-size: 12px;
	padding-left: 20px;
	padding-right: 20px;
}

/*THIS IS OUR H1 MODIFIER WHICH MODIFIES OUR H1 IF LOCATED INSIDE OF OUR RCIAINFO CLASS
HERE IT INCREASES THE SIZE OF OUR H1 COMPARED TO THE OTHER H1'S SO THAT WE CAN PUT MORE EMPHASIS ON IT*/
.rciaInfo	h1	{
	color: #006600;
	font-size: 20px;
	text-decoration: underline;
}

/*THIS IS OUR RECTORYFORM SELECTOR FOR THE RECTORYFORM BLOCK ON THE CONTACT PAGE
NESTED WITHIN OUR CONTENTWRAP DIV
POSITIONED UNDERNEATH OUR HEADER BLOCK*/
.rectoryForm	{
	width: 539px;
	height: 400px;
	background-color: #FFF;
	float: right;
	font-size: 12px;
	padding-left: 20px;
	padding-right: 20px;
}

/*THIS IS OUR H1 MODIFIER WHICH MODIFIES OUR H1 IF LOCATED INSIDE OF OUR RECTORYFORM CLASS
HERE IT INCREASES THE SIZE OF OUR H1 COMPARED TO THE OTHER H1'S SO THAT WE CAN PUT MORE EMPHASIS ON IT*/
.rectoryForm	h1	{
	color: #006600;
	font-size: 20px;
	text-decoration: underline;
}

.TY	{
	text-align: center;
	background-color: #C79C72;
	padding-top: 2px;
	padding-bottom: 2px;
	;
	color: #FFF;
	border: 1px solid #900;
}