/* CSS Document */

/* ----- GENERAL ----- */
body {
	font: 12px/18px Georgia, "Times New Roman", Times, serif;
	color: #6b6a67;
	margin: 0px;
	padding: 0px;
	background: #CDC7B7 url(../img/bg_body.gif);
}
td {font: 12px/18px Georgia, "Times New Roman", Times, serif;}
a {text-decoration: none; color: #7f8eab;}
a:hover {text-decoration: underline;}
h2 {font-size: 18px; font-weight: bold;}
h3 {font-size: 16px; font-weight: bold;}
h4 {font-size: 14px; font-weight: bold;}
ol li {margin-bottom: 5px;}
blockquote { font-style:italic; font-size: 14px; line-height: 22px;}

/* ----- LAYOUT for the header & content ----- */
#page {background: url(../img/bg_page.gif) repeat-y 990px 0px;}
#container {background: url(../img/bg_container.gif);	width: 990px;}
#header {background: #2F5989 url(../img/bg_header_home.jpg) no-repeat; width: 950px; float: left; }
#about #header {background-image: url(../img/bg_header_about.jpg); height: 226px;}
#news #header {background-image: url(../img/bg_header_about.jpg); height: 226px;}
#ministries #header {background-image: url(../img/bg_header_about.jpg); height: 226px;}
#tower #header, #not-found #header {background-image: url(../img/bg_header_about.jpg); height: 226px;}
#sacraments #header {background-image: url(../img/bg_header_about.jpg); height: 226px;}
#links #header {background-image: url(../img/bg_header_about.jpg); height: 226px;}
#youth #header {background-image: url(../img/bg_header_about.jpg); height: 226px;}
#calendar #header {background-image: url(../img/bg_header_about.jpg); height: 162px;}
#quicklinks {text-align: right; padding: 6px 12px; }
#quicklinks a {text-transform: uppercase; color: #e2dfd8; padding: 5px 10px 5px 5px; background: url(../img/hr_light.gif) repeat-y right; }
#quicklinks form, #quicklinks select {display: inline; }
#wrapper {clear: both; width: 951px; float: left; padding-bottom: 15px}
#main {clear: both;float:right;width:100%;margin: 0 0 0 -252px;}
#content {margin: 15px 0 0 252px; background:url(../img/bg_content.gif) repeat-y left;}
#contentTop {background:url(../img/bg_content_top.gif) no-repeat top left}
#contentBottom {background:url(../img/bg_content_bottom.gif) no-repeat bottom left; padding: 30px 75px 35px 30px}
#sidebar {float:left;clear:left;width:252px; margin-top: 20px}

/* ----- PAGE NAVIGATION ----- */
#navigation {float:left;width:252px; margin-top: -20px; z-index: 999}
#about #navigation, #news #navigation, #ministries #navigation, #tower #navigation, #sacraments #navigation, #links #navigation, #youth #navigation {margin-top: -40px;}
#nav {margin: 0; padding:0; width: 244px; float: left; text-align: left; list-style-type:none;}
#nav {margin-left: -12px; mar\gin-left: 0;}
#nav li { position:relative; height:30px; padding: 0px; margin: 0px; }
#nav a, #nav a:visited {display:block; height:30px; line-height:30px; width:244px; padding: 0px; background-image: url(../img/nav.gif); background-repeat: no-repeat; text-indent:-9999px;}
#nav li.nav-welcome a {background-position: 0 -20px;} #nav li.nav-welcome a:hover {background-position: -244px -20px;} #nav li.nav-welcome a.here {background-position: -488px -20px;}
#nav li.nav-about-stm a {background-position: 0 -50px;} #nav li.nav-about-stm a:hover {background-position: -244px -50px;} #about #nav li.nav-about-stm a {background-position: -488px -50px;}
#nav li.nav-news-events a {background-position: 0 -80px;} #nav li.nav-news-events a:hover {background-position: -244px -80px;} #news #nav li.nav-news-events a {background-position: -488px -80px;}
#nav li.nav-ministries a {background-position: 0 -110px;} #nav li.nav-ministries a:hover {background-position: -244px -110px;} #ministries #nav li.nav-ministries a {background-position: -488px -110px;}
#nav li.nav-the-tower a {background-position: 0 -140px;} #nav li.nav-the-tower a:hover {background-position: -244px -140px;} #tower #nav li.nav-the-tower a {background-position: -488px -140px;}
#nav li.nav-sacraments a {background-position: 0 -170px;} #nav li.nav-sacraments a:hover {background-position: -244px -170px;} #sacraments #nav li.nav-sacraments a {background-position: -488px -170px;}
#nav li.nav-links-resources a {background-position: 0 -200px;} #nav li.nav-links-resources a:hover {background-position: -244px -200px;} #links #nav li.nav-links-resources a {background-position: -488px -200px;}
#nav li.nav-youth a {background-position: 0 -230px; height: 47px;} #nav li.nav-youth a:hover {background-position: -244px -230px; } #youth #nav li.nav-youth a {background-position: -488px -230px;}
* html .menu ul a, * html .menu ul a:visited {background: transparent url(../misc../img/bg_nav_line.gif) no-repeat bottom left; width:149px; w\idth:148px;}
* html .menu ul a:hover {background: transparent url(../misc../img/bg_nav_over.gif) no-repeat bottom left; text-decoration: none; color: #FFF;}/* style the Level 1 link hover */
.menu ul :hover > a {background: transparent url(../misc../img/bg_nav_over.gif) no-repeat bottom left; text-decoration: none; color: #FFF;}/* style the Level 1 link hover */

/* ----- LAYOUT & STYLES for the footer bottom area ----- */

#bottom {clear: both; color: #40403A;background: url(../img/bg_bottom.gif);width: 950px;font-size: 11px;line-height: 13px;}
#bottom td {font-size: 11px; line-height: 13px; color: #40403A;}
#bottomContent {background: url(../img/bg_bottom_right.gif) no-repeat right -5px; padding-right: 30px;}
#bottom h3 {margin: 0px;padding: 0px;font-size: 10px;line-height: 10px;background-repeat: no-repeat;text-indent: -9999px;height: 10px;width: 123px;}
#bottom p {margin: 0 0 7px 0;}
#bottom a {	color: #dcd2c4;}
hr {background: url(../img/hr_light.gif) repeat-x left top;margin: 7px auto;height: 1px;border: 0 none;padding:0;}
#footer {font: 11px/14px Arial, Helvetica, sans-serif;	color: #E0DDD6;	width: 950px;background: url(../img/bg_footer_blue.png);}
#footer td {font: 11px/14px Arial, Helvetica, sans-serif;}
#footer a {color: #E0DDD6;}
#footer #footerContent {background: url(../img/bg_footer_blue_right.gif) no-repeat right top;padding: 10px 30px 30px;}
#footer #copyright {color: #657FA1;}

ul#footer_nav{list-style:none; padding:0; margin:10px 0 0 0;}
ul#footer_nav li{float:left;}
ul#footer_nav a {border-right:1px solid #E0DDD6; padding:0 5px;}
ul#footer_nav li.last a{border:0;}

/* ----- Image Replacement Headers ----- */

h1#logo, h1#logo a {background: url(../img/stm_logo.png) no-repeat;height: 100px;width: 259px;	text-indent: -9999px;display: block;margin: 0px;float: left;padding: 0px;}
h1#logo {margin-top: 50px; }
#about h1#logo, #news h1#logo, #ministries h1#logo, #tower h1#logo, #sacraments h1#logo, #links h1#logo, #youth h1#logo, #calendar h1#logo {margin-top: 13px;}
#about h1#logo, #about h1#logo a, #news h1#logo, #news h1#logo a, #ministries h1#logo, #ministries h1#logo a, #tower h1#logo, #tower h1#logo a, #sacraments h1#logo, #sacraments h1#logo a, #links h1#logo, #links h1#logo a, #youth h1#logo, #youth h1#logo a, #calendar h1#logo, #calendar h1#logo a {background-image: url(../img/stm_logo_sub.jpg)}
h2#hdMission{background: url(../img/hd_ourmission_homepage.gif) no-repeat left bottom;margin: 0 0 0 20px;	padding: 0px;text-indent: -9999px;height: 35px;}
h2#hdLetter {background: url(../img/hd_letter.gif) no-repeat left bottom;margin: 0 0 0 20px; padding: 0px;text-indent: -9999px;height: 35px;}
h2#hd-announcements {background: url(../img/hd_announcements.gif) no-repeat left top;margin: 0;padding: 0px;text-indent: -9999px;height: 20px;}
h2#hd-about {background: url(../img/hd_about.gif) no-repeat right bottom; margin: 0; padding: 0; text-indent: -9999px; width: 100%; height: 130px;}
h2#hd-news {background: url(../img/hd_newsevents.gif) no-repeat right bottom; margin: 0; padding: 0; text-indent: -9999px; width: 100%; height: 130px;}
h2#hd-ministries {background: url(../img/hd_ministries.gif) no-repeat right bottom; margin: 0; padding: 0; text-indent: -9999px; width: 100%; height: 130px;}
h2#hd-tower {background: url(../img/hd_thetower.gif) no-repeat right bottom; margin: 0; padding: 0; text-indent: -9999px; width: 655px; height: 130px;}
h2#hd-sacraments {background: url(../img/hd_sacraments.gif) no-repeat right bottom; margin: 0; padding: 0; text-indent: -9999px; width: 655px; height: 130px;}
h2#hd-links {background: url(../img/hd_linkresources.gif) no-repeat right bottom; margin: 0; padding: 0; text-indent: -9999px; width: 655px; height: 130px;}
h2#hd-youth {background: url(../img/hd_youth.gif) no-repeat right bottom; margin: 0; padding: 0; text-indent: -9999px; width: 655px; height: 130px;}

h2#hd-our-mission {background: url(../img/hd_ourmission.gif) no-repeat left top;margin: 0;padding: 0px;text-indent: -9999px;height: 20px;}
h2#hd-our-vision {background: url(../img/hd_ourvision.gif) no-repeat left top;margin: 0;padding: 0px;text-indent: -9999px;height: 20px;}
h2#hd-parish-history {background: url(../img/hd_parishhistory.gif) no-repeat left top;margin: 0;padding: 0px;text-indent: -9999px;height: 20px;}
h2#hd-meet-the-staff-council {background: url(../img/hd_staffcouncil.gif) no-repeat left top;margin: 0;padding: 0px;text-indent: -9999px;height: 20px;}
h2#hd-membership-information {background: url(../img/hd_membershipinfo.gif) no-repeat left top;margin: 0;padding: 0px;text-indent: -9999px;height: 20px;}
h2#hd-map-directions {background: url(../img/hd_mapdirections.gif) no-repeat left top;margin: 0;padding: 0px;text-indent: -9999px;height: 20px;}
h2#hd-contact-us {background: url(../img/hd_contact_us.gif) no-repeat left top;margin: 0;padding: 0px;text-indent: -9999px;height: 20px;}
h2#hd-services-times {background: url(../img/hd_servicetimes.gif) no-repeat left top;margin: 0;padding: 0px;text-indent: -9999px;height: 20px;}
h2#hd-upcoming-events {background: url(../img/hd_upcomingevents.gif) no-repeat left top;margin: 0;padding: 0px;text-indent: -9999px;height: 20px;}
h2#hd-news-archives {background: url(../img/hd_newsarchives.gif) no-repeat left top;margin: 0;padding: 0px;text-indent: -9999px;height: 20px;}
h2#hd-photo-gallery {background: url(../img/hd_photogallery.gif) no-repeat left top;margin: 0;padding: 0px;text-indent: -9999px;height: 30px;}
h2#hd-invitation-to-service {background: url(../img/hd_invitationservice.gif) no-repeat left top;margin: 0;padding: 0px;text-indent: -9999px;height: 20px;}
h2#hd-administration-ministries {background: url(../img/hd_administration.gif) no-repeat left top;margin: 0;padding: 0px;text-indent: -9999px;height: 20px;}
h2#hd-community-life-ministries {background: url(../img/hd_communitylife.gif) no-repeat left top;margin: 0;padding: 0px;text-indent: -9999px;height: 20px;}
h2#hd-formation-ministries {background: url(../img/hd_formation.gif) no-repeat left top;margin: 0;padding: 0px;text-indent: -9999px;height: 20px;}
h2#hd-outreach-ministries {background: url(../img/hd_outreach.gif) no-repeat left top;margin: 0;padding: 0px;text-indent: -9999px;height: 20px;}
h2#hd-worship-ministries {background: url(../img/hd_worship.gif) no-repeat left top;margin: 0;padding: 0px;text-indent: -9999px;height: 20px;}
h2#hd-current-issue {background: url(../img/hd_towercurrent.gif) no-repeat left top;margin: 0;padding: 0px;text-indent: -9999px;height: 20px;}
h2#hd-past-issues {background: url(../img/hd_towerpast.gif) no-repeat left top;margin: 0;padding: 0px;text-indent: -9999px;height: 20px;}
h2#hd-overview {background: url(../img/hd_overview.gif) no-repeat left top;margin: 0;padding: 0px;text-indent: -9999px;height: 20px;}
h2#hd-baptism {background: url(../img/hd_baptism.gif) no-repeat left top;margin: 0;padding: 0px;text-indent: -9999px;height: 20px;}
h2#hd-first-reconciliation {background: url(../img/hd_reconciliation.gif) no-repeat left top;margin: 0;padding: 0px;text-indent: -9999px;height: 20px;}
h2#hd-first-eucharist {background: url(../img/hd_eucharist.gif) no-repeat left top;margin: 0;padding: 0px;text-indent: -9999px;height: 20px;}
h2#hd-confirmation {background: url(../img/hd_confirmation.gif) no-repeat left top;margin: 0;padding: 0px;text-indent: -9999px;height: 20px;}
h2#hd-matrimony {background: url(../img/hd_matrimony.gif) no-repeat left top;margin: 0;padding: 0px;text-indent: -9999px;height: 20px;}
#youth h2#hd-news {background: url(../img/hd_news.gif) no-repeat left top;margin: 0;padding: 0px;text-indent: -9999px;height: 20px;}
h2#hd-consentpermission-form {background: url(../img/hd_consentform.gif) no-repeat left top;margin: 0;padding: 0px;text-indent: -9999px;height: 20px;}
h2#hd-{display:none;}

h3#hdLocation {	background-image: url(../img/hd_location.gif);	margin: 15px 0 5px 0;}
h3#hdContact {background-image: url(../img/hd_contactus.gif); }
h3#hdHours {background-image: url(../img/hd_officehours.gif); }
h3#hdMass {	background-image: url(../img/hd_massschedule.gif);	margin: 15px 0 5px 0;}

h2#hd-not-found{color:white; font-size:22px; text-align:right;}

/* ----- MISC Styles ----- */

.featured {text-transform: uppercase;background: url(../img/blt_featuredlink.gif) no-repeat left center;padding-left: 22px;}
ul#subnav {padding: 0; list-style: none; float: right; text-align:right; }
#about ul#subnav {width: 515px; float:right; line-height:24px; margin:5px 0 0 0;} #news ul#subnav {width: 365px; float:right; line-height:24px; margin:5px 0 0 0;} #ministries ul#subnav {width: 565px; float:right; line-height:24px; margin:5px 0 0 0;}
ul#subnav li { display: inline; padding: 0 4px 0 3px; border-right: 1px dotted #38597C;}

ul#subnav li#nav_sub_70, ul#subnav li#nav_sub_77, ul#subnav li#nav_sub_83{padding-right:0; border:none;}

ul#subnav li a {color: #FFF; font-size: 14px; padding: 3px 5px;}
ul#subnav li a:hover {color: #142B4A; text-decoration:none}
ul#subnav li.last { border: 0 none; padding-right: 0;}
ul#subnav li.here a {background-color: #8DA7C0; color: #142B4A;}

.meet-the-staff-council #content img {
	margin-right: 5px;
	margin-bottom: 10px;
	border: 1px solid #6f8cab;
}

/* ----- Homepage Specific Styles ----- */
#welcomeContainer {clear:right; width:364px; height: 185px; background-color: #a1b4ca; color: #2f5989;}
#welcomeContainer p {
	margin: 8px 20px;
	font-style:italic;
}
#welcomeContainer ul {margin: 0 10px; padding: 0; list-style: none;}
#welcomeContainer li {float: left;margin: 0 5px 0 0; padding: 7px;background: #7c96b5;}
#welcomeContainer li a {font-size: 12px;line-height: 14px;color: #FFFFFF;}
#welcomeContainer li:hover, * #welcomeContainer ul :hover {background: #fff;}
#welcomeContainer li:hover a, #welcomeContainer li a:hover {color: #7c96b5;text-decoration: none;}
#welcomeTabs {padding: 16px 0 0 0;width: 364px;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;}
#welcomeTabs ul{margin:0;float: right;padding: 0;list-style: none;}
#welcomeTabs li{display: inline;margin: 0;padding: 0;text-transform:uppercase;}
#welcomeTabs a {float: left;display: block;font: bold 13px Arial;color: #a1b4ca;text-decoration: none;margin: 0 0 0 1px;padding: 5px 10px;background: #59779b url(../img/bg_tab_b.gif) no-repeat left;}
#welcomeTabs a:hover{color: white;background: #a1b4ca url(../img/bg_tab_a.gif) no-repeat left;}
#welcomeTabs a.selected{color: white;border-color: #D25A0B;	background: #a1b4ca url(../img/bg_tab_a.gif) no-repeat left;}
#welcome #content p {
	background: url(../img/hr_dark.gif) repeat-x bottom;
	padding: 0px 0px 1em;
	margin-top: 1em;
	margin-right: 0px;
	margin-left: 0px;
}
#feature {float: right; width: 232px; margin: -15px 0 40px 40px}
#towerDownload {
	background: url(../img/tower_current.gif) no-repeat;
	height: 101px;
	width: 297px;
	text-align: center;
}
#towerDownload h2 {
	margin-left: 105px;
	margin-right: 5px;
	padding-top: 22px;
}