@charset "utf-8";
/* ===== RESET ===== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;	vertical-align: baseline;	background: transparent; }
ol, ul {	list-style: none; }
:focus {	outline: 0;}
table {	border-collapse: collapse;	border-spacing: 0; }


/* ===== PAGE ===== */
body { font: 62.5% "Trebuchet MS", Arial, Helvetica, sans-serif; color: #2e2e2e; background: #e2e3e5 url(assets/bg-body.jpg) repeat center top; text-align: center; }
h1,h2 { font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; }
h3,h4,h5,h6 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; }
iframe { margin: 0 0 8px; }

/* ===== GENERAL ===== */

input.text { background:url(assets/bg-form-input.png) no-repeat left top; border: 1px solid #000; 	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding: 2px 5px; }

p { font-size: 1.2em; margin: 0 0 10px; line-height: 130%; }
td { font-size: 1.3em; line-height: 130%; padding: 3px 10px 3px 5px; background:url(assets/bg-footer.jpg) repeat-x left top; border: 2px solid #f8f9fb; }
table { margin: 0 0 12px; border-collapse:collapse; }

h1 { font-size: 2.4em; color: #446781; margin: 0 0 12px; letter-spacing: -1px; }
h2 { font-size: 2.1em; color: #424649; margin: 12px 0 12px; }
h3 { font-size: 1.8em; color: #446781; margin: 4px 0 10px; }
h4 { font-size: 1.6em; color: #424649; margin: 6px 0; }
h5,h6 { font-size: 1.4em; color: #000; margin: 6px 0; }
p.clear { clear: both; }
p.clearall, p.rule, p.clearleft { clear: both; height: 1px; margin: 0; font-size: 0.1em; overflow: hidden; line-height: 1px; }
p.clearleft { clear: left; }
p.centred { text-align: center; }
.align-left { float: left; }
.align-right { float: right; margin: 0 20px 10px 10px; }
a, a:link, a:visited { color: #255171; text-decoration: none; font-weight: bold; }
a:visited { color: #485762; }
a:hover, a:active, a:focus { color: #1477c1; text-decoration: underline; }
ol, ul { padding-left: 20px; margin: 2px 4px 8px 8px; font-size: 1.3em; }
ul li { list-style-type: disc; padding: 2px 0; }
ol li { list-style-type: decimal; padding: 2px 0; }

div.hr { margin: 0 0 10px; height: 25px; background: url(assets/bg-hr.gif) no-repeat center top; overflow: hidden; }
div.hr hr { display: none; }

blockquote { padding: 2px 30px; font-style: italic; }

.map { background: #fff url(/assets/ajax-loader.gif) no-repeat center center; width: 528px; height: 380px; }

/* ===== CONTENT ===== */

#container, #containertop, #containerbottom { background: url(assets/bg-container.png) no-repeat; width: 956px; margin: 0 auto; padding: 0 8px; text-align: left; }

#containertop { background-position: -1000px top; height: 9px; margin-top: 14px; }
#container { background-position: left top; background-repeat: repeat-y; position: relative; overflow: hidden; /* IE fix */ }

#containerbottom { background-position: -2000px top; height: 9px; margin-bottom: 14px; }

#header { height: 123px; background: url(assets/bg-header.jpg) repeat left top; position: relative;}
 #header img { position: relative; top: 21px; left: 41px; }

/* ===== LEFT COL ===== */
#col-left { margin: 20px 18px 10px 14px; width: 179px; float: left; display: inline; }

#nav { width: 179px; padding: 0; margin: 0; font-size: 1em; }
 #nav li { margin: 0 0 3px; list-style-type: none; padding: 0; }
 #nav a { display: block; width: 166px; padding: 4px 6px 4px 7px; font: 1.5em Georgia, "Times New Roman", Times, serif; background:url(assets/bg-nav.jpg) repeat-y left top; text-decoration: none; color: #2e485b; }
 #nav .current a { background-position: -358px top;  color: #1a3142; }
 #nav a:hover, #nav a:active, #nav a:focus { background-position: -179px top; text-decoration: none; color: #1a3142; }


/* ===== RIGHT COL ===== */
#col-right { margin: 20px 0 10px 0; width: 745px; float: left; }

.banner { width: 600px; height: 237px; margin: 0 0 10px; background: url(assets/bg-main-img.png) no-repeat left top; position: relative; }
 .banner img { margin: 8px 0 0 8px; position: absolute; left: 0; top: 0; z-index: 0; opacity: 0.0; }
 .banner img.active { z-index: 2; opacity: 1.0; }
 .banner img.last-active { z-index: 1;}


.statue { position: absolute; top: 44px; right: 21px; }

#sidebar { width: 178px; float: right; margin: 251px 16px 4px 14px; display: inline; font-family: Georgia, "Times New Roman", Times, serif; }
.home #sidebar { margin-top: 4px; }
#sidebar h3, #sidebar h4 { font-family: Georgia, "Times New Roman", Times, serif; }

/* Mass Times box */
.masstimes { width: 178px; background: url(assets/bg-box-mass-times.gif) repeat-y left top; margin: 0 0 12px; position: relative;}
 .masstimes h3 { height: 33px; background: url(assets/bg-box-mass-times.gif) no-repeat -300px top; padding: 12px 0 0 10px; font-size: 1.5em; color: #fff; text-transform: uppercase; position: relative; top: -4px; }
 .masstimes h3 a { color: #fff;  font-weight: normal; }
 .masstimes .bottom { background: url(assets/bg-box-mass-times.gif) no-repeat -600px -118px; height: 3px; overflow: hidden; width: 178px; }
 
 .masstimes .calendar { width: 72px; height: 76px; background:url(assets/bg-mass-times-calendar.png) no-repeat left top; padding: 2px 4px 4px 2px; text-align: center; font-size: 1.5em; float: left; display: inline; }
 .cal-left{ margin: 0 3px 0 10px; }
 
 .calendar h4 { color: #5c2d25; text-transform: uppercase; width: 52px; padding: 4px 0 5px; border-bottom: 1px solid #a1a1a1; margin: 0 auto 6px; font-size: 1em; }
 .calendar p { color: #3f3d3d; font-size: 0.7em; line-height: 18px; margin: 0; }
 .calendar p strong { font-weight: normal; font-size: 1.6em; }

 .masstimes p.view-all { clear: both; text-align: right; font-size: 1.5em; padding: 0 10px 3px; margin: 0; line-height: 150%;}
 .masstimes p.view-all a:link, .masstimes p.view-all a:visited { color: #282828; font-weight: normal; }
 .masstimes p.view-all a:hover, .masstimes p.view-all a:active, .masstimes p.view-all a:focus { color: #5f2e2e; text-decoration: underline; }
 
/* Find Us box */
.findus { width: 178px; height: 111px; background: url(assets/bg-box-find-us.jpg) no-repeat; margin: 0 0 12px;  }
 .findus h3 { height: 33px; padding: 8px 0 0 10px; font-size: 1.5em; color: #fff; text-transform: uppercase; margin: 0; }
 .findus h3 a { color: #fff; font-weight: normal; }
 .findus p { padding: 0 10px; margin: 0;}
 .findus p a { color: #282828; font-size: 1.25em; display: block; padding: 10px 76px 16px 0; line-height: 130%; }
 .findus p a:link, .findus p a:visited { color: #282828; font-weight: normal; }
 .findus p a:hover, .findus p a:active, .findus p a:focus { color: #5f2e2e; text-decoration: underline; }


/* ===== MAIN CONTENT ===== */

/* News box */

.newsbox { width: 246px; float: right; background: url(assets/bg-box-news.gif) repeat-y left top; margin: 4px 0 12px 14px; }
 .newsbox h3, .newsboxslim h3 { height: 33px; background: url(assets/bg-box-news.gif) no-repeat -300px top; padding: 12px 0 0 10px; font-size: 1.5em; color: #fff; text-transform: uppercase; position: relative; top: -4px; font-family: Georgia, "Times New Roman", Times, serif; margin: 0;}
 .newsbox h3 a, .newsboxslim h3 a { color: #fff; font-weight: normal; }
 .newsbox h3 a:hover, .newsbox h3 a:active, .newsbox h3 a:focus { }
 .newsbox .bottom { background: url(assets/bg-box-news.gif) no-repeat -600px -113px; height: 3px; overflow: hidden; }
 .newsbox h4, .newsboxslim h4 { margin: 0 12px 8px; font-size: 1.5em; color: #255171; font-family: Georgia, "Times New Roman", Times, serif; }
 .newsbox p, .newsboxslim p { margin: 0 12px; line-height: 120%;  }
 .newsbox div.hr, .newsboxslim div.hr { margin: 0 25px 10px; height: 10px; border-bottom: 1px solid #7a7873; background: none; }
 .newsbox p a, .newsbox p a:link, .newsbox p a:visited, .newsboxslim p a, .newsboxslim p a:link, .newsboxslim p a:visited { color: #255171; }
 .newsbox h4 a, .newsbox h4 a:link, .newsbox h4 a:visited, .newsboxslim h4 a, .newsboxslim h4 a:link, .newsboxslim h4 a:visited { color: #255171; font-weight: normal; }
 .newsbox p a:hover, .newsbox p a:active, .newsbox h4 a:hover, .newsbox h4 a:active, .newsboxslim p a:hover, .newsboxslim p a:active, .newsboxslim h4 a:hover, .newsboxslim h4 a:active { color: #1477c1; text-decoration: underline; }

/* News box slim */
.newsboxslim { width: 196px; float: right; background: url(assets/bg-box-newsslim.gif) repeat-y left top; margin: 4px 0 12px 14px; }
 .newsboxslim h3 { background: url(assets/bg-box-newsslim.gif) no-repeat -300px top; }
 .newsboxslim .bottom { background: url(assets/bg-box-newsslim.gif) no-repeat -600px -113px; height: 3px; overflow: hidden; }
 
.home-content { width: 270px; }
.page-content { width: 528px; }

/* News page */

.listingsnav { padding: 10px 0; text-align: center; }
.listingsnav a, .listingsnav span { padding: 3px 9px; margin: 0 2px; }
.listingsnav span { background:url(assets/bg-header.jpg) repeat-x left top; color: #644b24; font-weight: bold; }
.listingsnav a { background:url(assets/bg-nav.jpg) repeat-y left top; color: #1a3142; }
.listingsnav a:hover, .listingsnav a:active, .listingsnav a:focus {  background-position: -179px top; text-decoration: none; color: #1a3142; }

/* ===== FORMS ====== */

form { padding: 8px 0; margin: 8px 0; }
input.textinput, textarea.textinput { background: #fff; padding: 4px; color: #333; border: 1px solid #446781; 
font: 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif; }
input.textinput:focus, textarea.textinput:focus { border: 1px solid #2e9600; }
input.error, textarea.error { border: 1px solid #d00; }
fieldset { margin: 0 0 12px; border: 1px solid #ddd; padding-bottom: 2px;}
 fieldset legend { font-size: 1.3em; }
	fieldset p { margin-left: 0; }
	.contact label, .radio span { display: block; width: 10em; text-align: right; margin-right: 0.8em; float: left; font-size: 1.1em; font-style: italic; font-weight: bold; color: #446781; padding-top: 3px;}
	.contact .radio label { display: inline; width: auto; float: none; }
 .radio span.formsmallprint { display: block; width: auto; text-align: left; margin: 0; float: none; font-size: 0.9em; }
.contact .textinput { width: 280px; }
.contact p.button { text-align: center; }	
p.extratext { padding: 1px 25px 3px 11.8em; color: #333; }
.required { color: #d00; font-weight: bold; font-size: 1.1em; }

.formerrors { color: #d00; }
 .formerrors li { font-size: 1.1em; }
 .formerrors li a:link, .formerrors li a:visited { text-decoration: underline; color: #f00; } 
 .formerrors li a:hover, .formerrors li a:active { color: #800; } 


/* ===== FOOTER ===== */
#footer { clear: both; background:url(assets/bg-footer.jpg) repeat-x left top; height: 36px; width: 926px; padding: 14px 15px 10px; position: relative; font: 0.95em Georgia, "Times New Roman", Times, serif; color: line-height: 115%; }
 .copyright { width: 164px; float: left;color: #644b24; }
 .diocese { width: 280px; float: left; color: #685e4d; }
 #footer ul { position: absolute; right: 7px; top: 23px; text-align: right; font: 1.3em Georgia, "Times New Roman", Times, serif; text-transform: uppercase; }
  #footer li { display: inline; border-right: 1px solid #a39c90; padding: 1px 2px; }
  #footer li.last { border: none; }
  #footer ul a { padding: 3px 6px; color: #644b24; text-decoration: none; font-weight: normal; }
  #footer ul a:hover, #footer ul a:active, #footer ul a:focus { color: #201100; }
   /* ===== GALLERY ===== */
.gallery { width: 152px; float: left; margin: 0 18px 14px 0; text-align: center; font-size: 1.3em; font-weight: normal; }
 .gallery img { margin: 0 auto 4px; }
	.gallery span { display: block; width: 144px; padding: 2px;}
	.gallery a { display: block; width: 148px; border: 1px solid #ccc; padding: 2px; }
 .gallery a:hover, .gallery a:active { text-decoration: none; border: 1px solid #888; }

.gallerylist { width: 116px; float: left; margin: 0 14px 14px 0; text-align: center; font-size: 1.2em; font-weight: normal; }
 .gallerylist img { margin: 0 auto 4px; }
	.gallerylist span { display: block; width: 108px; padding: 2px;}
	.gallerylist a { display: block; width: 112px; border: 1px solid #ccc; padding: 2px; }
 .gallerylist a:hover, .gallerylist a:active { text-decoration: none; border: 1px solid #888; }