/* CSS Document */

html body {
color: #333333;
background: #FFFFFF;
margin: 0px; 
padding:0px;
font: 0.5em Arial, "MS Sans Serif", Verdana, Sans-Serif;
font-weight:normal;
line-height: 1.4em;
}

#mainContainer{
	color: #000000;
	background: #FFFFFF;
	width: 720px; 
	margin: 0px auto 0px auto;
	padding: 0px; 	
}

#pageHeader{ 
	background: url(../images/header.jpg) no-repeat;	
	width: 720px;
	height: 200px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#banner{ 
	width: 720px;
	height: 200px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#menu{
	width: 720px;
	margin-bottom: 19px;
	padding: 0px;
	float: left;	
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	/*font: bold 1.4em Arial, Helvetica, sans-serif;*/
}

#body{
	width: 720px;
	padding: 0px;
	margin-bottom: 20px;
	float: left;
}

#contentCol{
	width: 502px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#leftNavigation{
	width: 150px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#leftNavigation p{ color: #666666; font-size: 12px; line-height: 1.4em; text-align: justify;}

#contentCol p{ color: #800000; font-size: 12px; line-height: 1.4em; text-align: justify;} /*#666666*/

#contentCol ul{ color: #800000; font-size: 12px; line-height: 1.0em; text-align: justify;}
#contentCol li{ color: #800000; font-size: 12px; line-height: 1.5em; text-align: justify;}

#contentCol a:link, #contentCol a:visited{ color: #CC0000;}
#contentCol a:hover, #contentCol a:active{ color: #000000;}


#breadcrumb{
	width: 475px;
	background: #E3E2E2;
	font: 12px Arial, Helvetica, sans-serif;
	color: blue; /*#666666*/
	margin-bottom: 20px;
	padding: 5px 5px;
}


#breadcrumb a:link, #breadcrumb a:visited{ color:blue ; } /*#666666*/
#breadcrumb a:hover, #breadcrumb a:active{ color:blue ; } /*#000000*/

#contentRow{
	width: 500px;
	margin: 0px 15px 15px 0px;
	padding-bottom: 10px;
}

/*#contentRow p{ color: #666666; font-size: 1.4em; line-height: 1.1em; }*/

#contentRow p{ color: #800000; font-size: 14px; line-height: 1.1em; } /*#666666*/

#contentRow p.sectionTitle{ color: #3475EB; font-weight: bold;}
#contentRow p.title{ color: #CC0000; font-size: 2.2em; font-weight: bold;}

#contentRow p.quotePrayerTitle{ color: #800000; font-size: 14px; font-weight: bold;}
#contentRow p.quotePrayerContentBold{ color: #800000; font-size: 12px; font-weight: bold; text-align: center;}
#contentRow p.quotePrayerContent{ color: #800000; font-size: 12px; }


#contentRow ol li{ font-size: 12px; line-height: 1.4em;}

#sitemap p{ color: #800000; font-size: 14px; line-height: 1.1em; } /*#666666*/

#contentRow table.tabularData{
	border: 1px solid #EEEEEE;
	border-collapse: collapse;
	font-size: 12px;
	color: #666666;
}

#contentRow table.contactForm{
	border: 0px;
	border-collapse: collapse;
	font-size: 10px;
	color: #666666;
	padding: 0px;
}


#contentRow table.tabularData th{
	border: 1px solid #EEEEEE;
	background: #F7F7F7;
	padding: 5px;
}

#contentRow table.contactForm td{
	border: 1px solid #EEEEEE;
	padding: 5px;
	font-size: 12px;
	color: #800000;
}

#contentRow a:link, #contentRow a:visited{ color: #CC0000; }
#contentRow a:hover, #contentRow a:active{ color: #000000; }

#quickLink {
	width: 487px;
	background: #F7F7F7;
	padding: 5px;
	border-top: 1px dotted #CCCCCC;
}

#quickLink p{ color: #666666; font-size: 1.4em; padding: 0px; margin: 0px; }
#quickLink p.title{ color: #3475EB; font-size: 1.4em; font-weight: bold;}

#quickLink a:link, #quickLink a:visited{ color: #666666; }
#quickLink a:hover, #quickLink a:active{ color: #CC0000; }

#indexRow1{
	width: 487px;
	margin: 0px 15px 15px 0px;
	padding-bottom: 10px;
	border-bottom: 1px #DFDFDF solid;
	float: left;
}

#indexRow1 p{ color: #666666; font-size: 1.4em; line-height: 1.1em; }
#indexRow1 p.sectionTitle{ color: #3475EB; font-weight: bold;}
#indexRow1 p.title{ color: #CC0000; font-size: 2.2em; font-weight: bold;}
#indexRow1 img.photo{ padding-right: 20px;}

#indexRow1 a:link, #indexRow1 a:visited{ color: #CC0000; }
#indexRow1 a:hover, #indexRow1 a:active{ color: #000000; }

#indexRow2{
	width: 487px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#classesOffered{
	width: 240px;
	padding-right: 15px;
	margin-right: 5px;
	border-right: 1px #DFDFDF solid;
	float: left;
}

#classesOffered h3{
	background: url(../images/lbl_classoffered.gif) no-repeat;
	height: 29px;
	margin: 0px;
	padding-bottom: 10px;
}

#classesOffered ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#classesOffered li{
	background: url(../images/icn_arrow.gif) no-repeat;
	display: block;
	margin-left: 8px;
	padding: 0px 10px 15px 20px;
}


#classesOffered p{ color: #666666; font-size: 1.4em; line-height: 1.2em; margin:0px; padding:2px 0px;}
#classesOffered span.title{ color: #CC0000; font-size: 1.2em; font-weight: bold;}

#classesOffered a:link, #classesOffered a:visited{ color: #CC0000; }
#classesOffered a:hover, #classesOffered a:active{ color: #000000; }

#beapart{
	width: 210px;
	padding: 0px;
	float: left;
}

#beapart h3{
	background: url(../images/lbl_beapart.gif) no-repeat;
	height: 29px;
	margin: 0px;
	padding-bottom: 10px;
}

#beapart ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#beapart li{
	background: url(../images/icn_arrow2.gif) no-repeat left top;
	display: block;
	margin-left: 8px;
	padding: 0px 10px 10px 20px;
}

#beapart p.donate{
	margin: 10px 0px;
}

#beapart a:link, #beapart a:visited{ color: #333333; font-size: 1.5em;}
#beapart a:hover, #beapart a:active{ color: #CC0000; }

#supportingCol{
	width: 150px;
	margin: 0px 16px 0px 4px;
	padding-right: 13px;
	border-right: 1px #CBCBCB solid;
	float: left;
}

#eventsCol h3{
	/*background: url(../images/lbl_news.gif) no-repeat left top;*/
	height: 20px;
	margin: 0px;
	padding: 0px;
}

#eventsCol ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#eventsCol li{
	display: block;
	margin: 0px;
	padding: 5px 5px 0px 5px;
	border-bottom: 1px #DFDFDF solid;
}

#eventsCol p.photo{ margin: 0px; padding: 0px; }
#eventsCol p.date{ color: #333333; font-size: 1.4em; font-weight: bold; }
#eventsCol p.body{ color: #666666; font-size: 1.4em; }
#eventsCol span.title{ color: #000000; font-weight: bold; }
#eventsCol a:link, #eventsCol a:visited{ color: #CC0000; }
#eventsCol a:hover, #eventsCol a:active{ color: #000000; }

#newsletterCol{ margin: 0px; padding-bottom: 15px;}

#newsletterCol h3{
	background: url(../images/lbl_newsletter.gif) no-repeat left top;
	height: 29px;
	margin-top: 10px;
	padding: 0px;
}

#newsletterCol p.suscribe{ margin: 0px; padding: 0px; }
#newsletterCol p.input{ margin: 0px; padding-left: 16px; }
#newsletterCol p.oldissues{ margin: 0px; padding: 20px 0px 0px 16px; font: 1.6em Arial, Helvetica, sans-serif; font-weight: bold; color: #666666;}

#newsletterCol ul{
	margin: 0px;
	padding-top: 10px;
	list-style: none;
}

#newsletterCol li{
	display: block;
	background: url(../images/icn_arrow_graybg.gif) no-repeat;
	font: 1.2em Arial, Helvetica, sans-serif;
	padding: 5px 5px 0px 20px;
	margin: 0px;
}

#newsletterCol a:link, #newsletterCol a:visited{ color: #CC0000; }
#newsletterCol a:hover, #newsletterCol a:active{ color: #000000; }

.form-suscribe{
	margin: 0px;
	width: 160px;
}

.form-suscribe input{
	font: 1.4em sans-serif, verdana,arial;
	height: 18px;
	color: #2465CA;
	border: 1px #CCCCCC solid;
	margin:	0px;
	padding: 0px;
}

.form-suscribe input.button{
	height: 18px;
	border: 0px;
	margin: 0px 0px 0px 5px;
	padding: 0px;
}

#footer{
	background: #D7D6D6;
	width: 720px;
	padding: 5px 0px;
	margin: 0px;
	text-align: center;
	clear: left;
}

#footer p{ color: #666666; font-size: 1.3em; }

#footer a:link, #footer a:visited{ color: #333333; font: 1em Arial, Helvetica, sans-serif; }
#footer a:hover, #footer a:active{ color: #CC0000; }

<!-- Form -->

#contentCol form{
	margin: 0px;
	padding: 0px;
	width: 100%;
}

#contentCol form fieldset{
	margin-top: 10px;
}

#contentCol form legend{
	font: 1.4em sans-serif, verdana,arial;
	color: #999999;
	padding-bottom: 5px;
	float: left;
}

#contentCol form label{
	font: 1.4em sans-serif, verdana,arial;
	width: auto;	
	display: block;
	float: left;
	margin:	5px 5px 0px;
	padding: 1px;
	text-align:	right;
}

#contentCol form p{
	font: 1em sans-serif, verdana,arial;
	clear: left;
	margin: 0px;
	padding: 0px;
}

form p label{
	font: 1em sans-serif, verdana,arial;
	color: #803217;
	float: left;
	width: auto;
}

#contentCol form p label.checkbox{
	font: 1em sans-serif, verdana,arial;
	color: #803217;
	float: left;
	width: auto;
}

#contentCol form input{
	font: 1.4em sans-serif, verdana,arial;
	color: #333333;
	border: 1px #CCCCCC solid;
	margin:	5px 0px 0px;
	padding: 0px;
}

#contentCol form input.button{
	font: 1.4em sans-serif, verdana,arial;
	color: #803217;
	border: 1px #CCCCCC solid;
	margin:	5px 5px 0px 5px;
	padding: 0px;
	cursor: hand;
}

#contentCol form input.checkbox{
	border: 0px;
	margin:	5px 0px 0px;
	padding: 0px;
}

#contentCol form textarea{
	font: 1em sans-serif, verdana,arial;
	color: #803217;
	border: 1px #CCCCCC solid;
	margin: 0px 0px 5px 9px;
}