body {
	margin: 0;
	background-image: url(../img/body-bg.jpg);
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #615b50;
}

* :focus {outline: none;}

.fr { float: right; }
.fl { float: left; }
.clearme { clear: both; }
.bk { display: block; }


h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #031f34;
}


/** dynamIt editor styles **/

.emphasis {
	color: #015b96;
}
.emphasis2 {
	color: #031f34;
}
.emphasis3 {
	color: #795641;
}

/** end editor styles **/

a img {
	border: none;
}

#quick-mass-times {
	display: none;
	background-color: #031f34;
}
	#mass-times-padd {
		width: 855px;
		margin: 0 auto;
		padding: 10px 0;
	}

		#mass-times-padd ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}

			#mass-times-padd ul li {
				float: left;
				width: 186px;
				min-height: 110px;
				margin: 0;
				padding-left: 26px;
				border-left: 1px solid #03385b;
			}

			#mass-times-padd ul li.first {
				border: none;
			}

				#mass-times-padd ul li h3 {
					margin: 10px 0;
					font-family: "Sling", Georgia, Times New Roman, serif;
					font-size: 15px;
					color: white;
				}
				#mass-times-padd ul li h4 {
					margin: 6px 0 -6px 0;
					font-size: 13px;
					color: #f3f8fd;
				}
				#mass-times-padd ul li p {
					margin: 6px 0;
					color: #f1efe0;
				}

#wrapper {
	background-image: url(../img/wrapper-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

	#auxnav {
	     width: 855px;
	     height: 36px;
	     margin: 0 auto;
	     padding: 1px 0 0 0;
	}

		#auxnav div {
			margin: 3px 0 0 4px;
			background-color: #031f34;
			border-right: 1px solid #0f6eac;
			border-bottom: 1px solid #0f6eac;
			border-left: 1px solid #0f6eac;
		}

		#auxnav a {
			display: block;
			height: 20px;
			padding: 3px 0 0 0;
			text-decoration: none;
			text-indent: 14px;
			font-family: Georgia, Times New Roman, serif;
			font-size: 11px;
			color: #d2e5f1;
		}

		#aux-mass-times a,
		#aux-mass-times a:link,
		#aux-mass-times a:visited {
			width: 207px;
			background-image: url(../img/arrow-down.jpg);
			background-repeat: no-repeat;
			background-position: 180px top;
		}
		#aux-mass-times a:hover,
		#aux-mass-times a:active {
			color: white;
		}

		#aux-contact a,
		#aux-contact a:link,
		#aux-contact a:visited {
          	width: 88px;
          }
          #aux-contact a:hover,
          #aux-contact a:active {
          	color: white;
          }

		#aux-home a,
		#aux-home a:link,
		#aux-home a:visited {
			width: 131px;
		}
		#aux-home a:hover,
		#aux-home a:active {
			color: white;
		}
        #aux-search a,
		#aux-search a:link,
		#aux-search:visited {
			width: 66px;
		}
		#aux-search a:hover,
		#aux-search a:active {
			color: white;
		}
        #aux-directions a,
		#aux-directions a:link,
		#aux-directions:visited {
			width: 109px;
		}
		#aux-directions a:hover,
		#aux-directions a:active {
			color: white;
		}

	#header-container {
		background-image: url(../img/header-container-bg.jpg);
		background-repeat: repeat-x;
		background-position: left top;
	}

		#header {
			width: 855px;
			height: 98px;
			margin: 0 auto;
			padding: 45px 0 0 0;
			background-image: url(../img/header-bg.png);
			background-repeat: no-repeat;
			background-position: right top;
		}

	#nav {
		list-style-type: none;
		width: 855px;
		margin: 0 auto;
		padding: 0;
	}

		#nav li {
			float: left;
		}

			#nav li a {
				display: block;
				height: 35px;
				background-image: url(../img/nav-sprite.gif);
				text-decoration: none;
				text-indent: -9999px;
			}

			#nav a#about,
			#nav a#about:link,
			#nav a#about:visited {	width: 99px; background-position: 0px 0px; }

			#nav a#docs,
			#nav a#docs:link,
			#nav a#docs:visited {	width: 210px; background-position: -99px 0px; }

			#nav a#faith,
			#nav a#faith:link,
			#nav a#faith:visited {	width: 146px; background-position: -309px 0px; }

			#nav a#sacra,
			#nav a#sacra:link,
			#nav a#sacra:visited {	width: 128px; background-position: -455px 0px; }

			#nav a#orgs,
			#nav a#orgs:link,
			#nav a#orgs:visited {	width: 272px; background-position: -583px 0px; }


			#nav a#about:hover,
			#nav a#about:active {	width: 99px; background-position: 0px 35px; }

			#nav a#docs:hover,
			#nav a#docs:active {	width: 210px; background-position: -99px 35px; }

			#nav a#faith:hover,
			#nav a#faith:active {	width: 146px; background-position: -309px 35px; }

			#nav a#sacra:hover,
			#nav a#sacra:active {	width: 128px; background-position: -455px 35px; }

			#nav a#orgs:hover,
			#nav a#orgs:active {	width: 272px; background-position: -583px 35px; }


	#main-top {
		width: 863px;
	     height: 13px;
	     margin: 12px auto 0;
	     background-image: url(../img/main-top.png);
	     background-repeat: no-repeat;
	     background-position: left top;
	}

	#main-home, #main-content {
		width: 863px;
	     margin: 0 auto;
	     background-image: url(../img/main-repeat.png);
	     background-repeat: repeat-y;
	     background-position: left top;
	}


     	/** end =HOME page design styles **/

		#main-padd {
			padding: 1px 18px 18px;
		}

		#home-banner {
			width: 568px;
			height: 262px;
			border: 4px solid #cbcbcb;
			background-image: url(../img/home-banner.jpg);
			background-repeat: no-repeat;
			background-position: left top;
		}

			#home-banner div {
				padding: 60px 10px 0 342px;
				color: white;
			}

			#home-banner h2 {
				margin: 8px 0 12px 0;
				background-image: url(../img/h2-banner-bg.png);
				background-repeat: no-repeat;
				background-position: left bottom;
				font-family: "Trajan Pro", Times New Roman, serif;
				font-size: 16px;
				font-weight: normal;
				color: white;
			}

		#welcome-box {
			border: 1px solid #d3d0b5;
			margin-left: 14px;
		}

			#wb-repeat {
	               background-image: url(../img/wb-repeat.jpg);
	               background-repeat: repeat-y;
	               background-position: left top;
	          }

	          	#wb-top {
	                    background-image: url(../img/wb-top.jpg);
	                    background-repeat: no-repeat;
	                    background-position: left top;
				}

	          	#wb-bottom {
	          		width: 235px;
	          		min-height: 245px;
	                    background-image: url(../img/wb-bottom.jpg);
	                    background-repeat: no-repeat;
	                    background-position: left bottom;
				}

					#wb-content {
						padding: 10px 16px 16px;
						font-size: 13px;
					}

					#wb-content h1 {
						margin: 8px 0 12px 0;
						font-family: "Sling", Georgia, Times New Roman, serif;
						font-size: 20px;
						font-weight: normal;
						color: #031f34;
					}

		#highlights {
			margin: 14px 0 0 0;
		}


		.home-highlights {
			width: 260px;
			background-color: #f1efe0;
			border: 1px solid #d3d0b5;
		}

		#news, #events {
			margin-right: 20px;
		}

			#events p.emphasis {
				margin: 0;
			}

			.home-highlights hr {
				border: none;
				border-top: 1px solid #d6d3b9;
				border-bottom: 1px solid white;
			}

			.home-highlights h3 {
				margin: 0;
				padding: 6px 0;
				background-image: url(../img/h3-hl-bg.jpg);
				border-bottom: 1px solid #f1efe0;
				text-indent: 10px;
				font-family: "Sling", Georgia, Times New Roman, serif;
				font-size: 18px;
				font-weight: normal;
				color: #021524;
			}

			.hl-padd {
				padding: 0 9px 9px;
				border-top: 1px solid #d3d0b5;
			}

			.home-highlights h4 {
				min-height: 27px;
				margin: 12px 0;
				padding: 0 0 0 38px;
				background-image: url(../img/h4-dove-bg.gif);
				background-repeat: no-repeat;
				background-position: left top;
				font-size: 14px;
				color: #015b96;
			}

			.home-highlights a,
			.home-highlights a:link,
			.home-highlights a:visited {
				text-decoration: underline;
				color: #031f34;
			}
			.home-highlights a:hover,
			.home-highlights a:active {
				text-decoration: none;
				color: #031f34;
			}

			a.hl-view-all,
			a.hl-view-all:link,
			a.hl-view-all:visited {
				display: block;
				width: 100%;
				height: 27px;
				padding: 10px 0 0 0;
				background-image: url(../img/hl-view-all-sprite.gif);
				background-position: 0 0;
				background-repeat: repeat-x;
				text-align: center;
				text-decoration: none;
				color: #4c352b;
			}
			a.hl-view-all:hover,
			a.hl-view-all:active {
				background-position: 0 -37px;
				text-decoration: none;
				color: #4c352b;
			}

	/** end =HOME page design styles **/

	/** =CONTENT page design styles **/

	#left {
	      width: 208px;
	}

		.box {
			background-color: #f1efe0;
			border: 1px solid #d3d0b5;
		}

			.box h3 {
				margin: 0;
				padding: 6px 0 6px 10px;
				background-image: url(../img/h3-hl-bg.jpg);
				background-repeat: no-repeat;
				background-position: left bottom;
				background-color: #e1dcc8;
				border-bottom: 1px solid #f1efe0;
				text-transform: uppercase;
				font-family: "Sling", Georgia, Times New Roman, serif;
				font-size: 18px;
				font-weight: normal;
				color: #021524;
			}

			.box h4 {
				margin: 0;
				padding: 6px 0;
				text-indent: 12px;
				font-family: "Sling", Georgia, Times New Roman, serif;
				font-size: 14px;
				font-weight: normal;
				color: #021524;
			}

			.box hr {
				border: none;
				border-top: 1px solid #d6d3b9;
				border-bottom: 1px solid white;
			}

			ul#subnav {
				list-style-type: none;
				margin: 0 6px 6px;
				padding: 0;
				border-bottom: 1px solid white;
			}

				ul#subnav li {
					border-top: 1px solid white;
					border-bottom: 1px solid #d6d3b9;
				}

				ul#subnav li.first {
					border-top: none;
				}

					ul#subnav li.on a {
						font-weight: bold;
					}

					ul#subnav li a,
					ul#subnav li a:link,
					ul#subnav li a:visited {
						display: block;
						padding: 6px 0 6px 4px;
						background-image: none;
						text-decoration: none;
						color: #615b50;
					}
					ul#subnav li a:hover,
					ul#subnav li a:active {
						background-image: url(../img/subnav-bg.gif);
						background-repeat: repeat-x;
						background-position: left bottom;
						color: #493627;
					}

					ul#subnav li ul {
						list-style-type: none;
						margin: 0;
						padding-left: 8px;
					}

						ul#subnav li ul li {
							margin: 0;
							border: none;
						}

							ul#subnav li ul li a,
							ul#subnav li ul li a:link,
							ul#subnav li ul li a:visited {
								background-image: none;
								font-weight: normal;
							}
							ul#subnav li ul li a:hover,
							ul#subnav li ul li a:active {
								background-image: none;
								font-weight: normal;
							}
							ul#subnav li ul li a.p-on {
								font-style: italic;
								font-weight: normal;
							}


		a#new-to-parish {
			display: block;
			margin: 22px 0;
		}

			#upcoming-events p {
				margin: 0;
			}

			.ue-padd {
				padding: 9px;
				border-top: 1px solid #d3d0b5;
			}

	#content {
		width: 577px;
		margin-left: 229px;
	}

		#content-banner {
			margin-bottom: 10px;
			border: 4px solid #cbcbcb;
		}

		#content div.dcms {
			line-height: 17px;
		}

		#content div.dcms a,
		#content div.dcms a:link,
		#content div.dcms a:visited {
			text-decoration: underline;
			color: #031f34;
		}
		#content div.dcms a:hover,
		#content div.dcms a:active {
			text-decoration: none;
			color: #015b96;
		}

	/** end =CONTENT page design styles **/

	#main-bottom {
		width: 863px;
	     height: 12px;
	     margin: 0 auto;
	     background-image: url(../img/main-bottom.png);
	     background-repeat: no-repeat;
	     background-position: left top;
	}

#footer {
	width: 855px;
	margin: 18px auto 30px;
	background-color: #251a12;
}

	#footer-padd {
		padding: 5px;
	}

	p#footer-nav {
		margin-left: 20px;
	}

	p#footer-nav a,
	p#footer-nav a:link,
	p#footer-nav a:visited {
		text-decoration: none;
		color: #795641;
	}
	p#footer-nav a:hover,
	p#footer-nav a:active {
		color: white;
	}

	     #footer-content {
	          padding: 22px 20px;
	          background-color: #1b120d;
	          color: white;
	     }

	     	#footer-content h3 {
	     		margin: 0 0 12px 0;
	     		font-size: 14px;
	     		font-weight: normal;
	     		color: #d3d0b5;
	     	}

	     	#footer-content address {
	     		margin: 1em 0;
	     		font-style: normal;
	     	}

	     	#footer-content span {
	     		color: #795641;
	     	}

	     	#footer-content ul {
	     		list-style-type: none;
	     		margin: 0;
	     		padding: 0;
	     	}

	     		#footer-content ul li {
	     			line-height: 16px;
	     		}

	     	#footer-content a,
	     	#footer-content a:link,
	     	#footer-content a:visited {
	     		text-decoration: none;
	     		color: white;
	     	}
	     	#footer-content a:hover,
	     	#footer-content a:active {
	     		text-decoration: underline;
	     		color: #795641;
	     	}

	     	#footer-content a.btn,
	     	#footer-content a.btn:link,
	     	#footer-content a.btn:visited {
	     		display: block;
	     		width: 136px;
	     		height: 26px;
	     		margin: 6px 0;
	     		background-color: #453223;
	     		line-height: 24px;
	     		text-align: center;
	     		text-decoration: none;
	     		color: #d6d3b9;
	     	}
	     	#footer-content a.btn:hover,
	     	#footer-content a.btn:active {
	     		color: white;
	     	}

          .pr { padding-right: 20px; }
          .pl { padding-left: 20px; }
          .rb { border-right: 1px solid #251a12; }


/*** =DIALOG ***/


#dialog-top {
	width: 629px;
	height: 30px;
	background: url(../img/dialog-top.gif) no-repeat top center;
	color: white;
	font-weight: bold;
	line-height: 30px;
	text-indent: 20px;
	font-size: 16px;
}

#dialog-body {
	background: #ffffff;
	border-style: solid;
	border-color: #6eb9eb;
	border-width: 1px 1px 0px 1px;
	padding: 15px 15px 5px 14px;
}

#dialog-bot {
	width: 629px;
	height: 9px;
	font-size: 1px;
	background: url(../img/dialog-bot.gif) no-repeat top center;
}


/*** end =DIALOG ***/
label {margin: 0 12px 12px 0;}
input[type=submit] {margin: 12px 0 0 164px;}

#dT {text-align: center; color: #d3d0b5;}
#dT a {color: #d3d0b5; text-decoration: none;}