/* These rules reset a core set of elements so that they will appear consistent across browsers. Without these rules, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; /* Sets the margin properties for an element using shorthand notation */
	padding: 0; /* Sets the padding properties for an element using shorthand notation */
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: arial,sans-serif;
	vertical-align: baseline;
}
em {font-style:italic;}
strong {font-weight:bold;}
.normal {font-weight:normal;}
.smallform {
	font-family:Arial;
	font-size:1.2em;
	color:#000000;
}
.smalltext {font-size:.8em; line-height:1.1em;}
.superscript {font-size:.8em; vertical-align: text-bottom;} 
.subscript {font-size:.8em; vertical-align:text-top;}
/* Default margins for content */
#tagline {
	font-family:Times,"Times New Roman", serif;
	font-style: normal;
	font-size:.9em; 
	text-transform:uppercase;
}
#tagline .cap {
	font-size:1.3em; 
}

#top_links {
	font-family:Arial; 
	font-size:0.7em; 
	color:#ffcc00; 
	float:right;
	margin-bottom: 12px;
}

#top_links a {
	color:#ffcc00; 
	text-decoration:none; 
	padding:5px;
}

#top_links a:hover {
	text-decoration:underline;
}

#search input[type="text"], #btm_search input[type="text"] {
	margin-bottom: 5px;
	font-family:Arial;
	height: 15px;
	font-size:0.9em;
	color:#000000;
	width:250px;
}

#searchFooter input[type="text"], #btm_search input[type="text"] {
	font-family:Arial;
	height: 12px;
	font-size:0.7em;
	color:#000000;
	width:250px;
}

/*
#nav li {
	padding: 8px 13px;
	text-transform:uppercase;
}

#nav li a:link, #nav li a:visited {
	display:block;
	color:#ffffff;
	text-decoration:none;
	font-family:Arial;
	font-size:0.7em;
	font-weight:bold;
}*/

#content_text_left h2, h1 {
	color:#003876; 
	font-family:Times,"Times New Roman", serif;
	font-size:1.2em;
}

#special_features_links a:link, #special_features_links a:visited,
#news_feed_links a:link, #news_feed_links a:visited {
	 padding:2px 0; 
	 color:#750b27; 
	 font-family:Arial; 
	 font-size:0.8em;
	 text-decoration:none;
	 width:250px;
	 float: left;
}

#quick_links_links a:link, #quick_links_links a:visited {
	 color:#750b27; 
	 font-family:Arial; 
	 font-size:0.8em;
	 text-decoration:none;
}

#special_features_links a:hover, #news_feed_links a:hover,
#quick_links_links a:hover {
	text-decoration:underline;
}

#special_feature_links a:hover {
	text-decoration:underline;
}

#special_features_header, #news_feed_header {
	float:left;
	padding-top: 10px;
	border-bottom:1px solid #cccccc; 
	width:250px;
	padding-bottom:4px;
}

#special_features_header h2, #news_feed_header h2, #upcoming_events_header h2 {
	float:left;
}

#content_text_left a.more, #upcoming_events a.more {
	color:#750b27; 
	font-family:Times,"Times New Roman", serif;
	font-weight:bold; 
	font-size:0.8em; 
	float:right; 
	text-transform:uppercase;
	text-decoration:none;
	margin-top:6px;
}

#content_text_left a.more:hover, #upcoming_events a.more:hover {
	text-decoration:underline;
}

#events_listing {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.8em; 
	color:#333333;
	line-height:1.5em;
}

#events_listing a:link, #events_listing a:visited {
	text-decoration: none;
	font-size:.9em; 
	color:#750b27;
}
#events_listing a:hover {
	text-decoration:underline;
}

#quick_links_header {
	border-bottom:1px solid #cccccc; 
	padding-bottom:4px;
}

/*
#homegraybar {
	text-align:right;
	line-height: 1.9em;
	font-size:0.85em;
}

#homegraybar a:link, #toolbar a:visited {
	 color:#003876; 
	 font-family:Arial; 
	 font-size:0.85em;
	 font-weight:bold;
	 text-decoration:none;
	 padding: 6px;
}

#homegraybar a:hover {
	text-decoration:underline;
}
#homegraybar p {
	position:absolute;
	right:5px;
	top:3px;
}
*/

.graybartext {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size:0.75em;
	line-height: 2.1em;
}

.graybartext a:link, .graybartext a:visited {
	font-family: Arial, Helvetica, sans-serif;
	 color:#003876;
	 font-weight:bold;
	 text-decoration:none;
	 line-height: 2em;
}

.graybartext a:hover {
	text-decoration:underline;
}

/*
#graybar {
	color:#333333;
	font-family:Arial; 
	font-size:0.8em; 
	font-weight:bold;
}

#graybar #breadcrumb a:link, 
#graybar #breadcrumb a:visited {
	color:#003366;
	padding:0 5px;
	text-decoration:none;
}


#graybar #content_toolbar a:link, 
#graybar #content_toolbar a:visited {
	color:#003366; 
	text-decoration:none;
	padding:0 5px;
	white-space:nowrap;
}

#graybar #breadcrumb a:hover, 
#graybar #content_toolbar a:hover {
	text-decoration:underline;
}
*/

/***** The styles below control the text in the home page Upcoming Events area. *****/
#upcoming_events_header {
	float:left;
	border-bottom:1px solid #cccccc;
	width:405px;
	margin-top:10px;
	margin-left:10px;
	padding-bottom:4px;
}

#upcoming_events_header h2 {
	color:#003876; 
	font-family:Times,"Times New Roman", serif;
	font-size:1.2em;
}

.date {
	font-family:Arial;
	font-size:0.8em;
	line-height: 1.6em;
	color:#333333;
	font-weight:normal;
	float:left; 
	width:100px;
}

.event {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height: 1.6em;
	font-weight:normal;
	float:left; 
	width:300px;
}
.event a:link, .event a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #750b27;
	text-decoration: none;
}
.event a:hover {
	text-decoration: underline;
}

/***** The styles below control the text in left column sub-navigation. *****/
#sub_nav a:link h1, #sub_nav a:visited h1 {
	font-family:Times,"Times New Roman", serif;
	font-size:1.5em;
	color:#003366;
	text-decoration:none;
	border-bottom:2px solid #760926;
	margin-top:0px;
	font-variant:small-caps;
	padding-bottom:3px;
}

#sub_nav a:link h3, #sub_nav a:visited h3 {
	font-family:Arial;
	font-size:0.75em;
	color:#003366;
	font-weight:bold;
	text-decoration:none;
	border-bottom:1px solid #cccccc;
	padding: 12px 0 2px 0;
}

#sub_nav a:link, #sub_nav a:visited {
	text-decoration:none;
}

#sub_nav a:hover h3 {
	text-decoration:underline;
}
#sub_nav ul, #sub_nav ul a:link, #sub_nav ul a:visited {
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.85em;
	line-height: .9em;
	color:#003366;
	font-weight:bold;
	text-decoration:none;
	padding: 5px 0;
}
#sub_nav ul a:hover {
	text-decoration:underline;
}
#sub_nav li {
	list-style: none;
	padding: 4px 6px;
}
#sub_nav .sub_sub_nav ul {
	font-weight: normal;
	color: #0C3;
}
/*
#sub_nav .sub_sub_nav li a:link  {
	font-weight: normal;
	color: #0C3;
} */

/***** The styles below control the text middle content area. *****/
#mid_content_header h2 {
	font-family:Times,"Times New Roman", serif;
	 font-size:1.25em; 
	 color:#003876;
	 line-height: 1.6em;
}

#mid_content_text h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	color: #003876;
	line-height: 1.2em;
}

#mid_content_text h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	color: #000;
	line-height: 1.2em;
}

#mid_content_text h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	color: #003876;
	line-height: 2em;
	display: inline;
}

#mid_content_text h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	color: #000;
	line-height: 1.2em;
	display: inline;
}

#mid_content_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.8em; 
	color:#333333;
	line-height:1.5em;
}
#announcements_links {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.8em; 
	color:#333333;
	line-height:1.5em;
	/* padding-bottom: 12px; */
}

#mid_content_text a:link, 
#mid_content_text a:visited {
	text-decoration: none;
	font-size:1em; 
	color:#750b27;
}
#mid_content_text a:hover {
	text-decoration: underline;
}

#mid_content_text .display{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	font-size: .9em;
	color: #003876;
	line-height: 1.5em;
	display: inline;
}

#mid_content_text p {
	font-family: Arial, Helvetica, sans-serif;
	color:#333333;
	padding-bottom: 12px;
	line-height:1.5em;
}

#mid_content_text div.CS_Textblock_Text li, #mid_content_text div.CS_Element_Custom li{
	margin-left: 3em;
}

/***** The styles below control the text in the right column. *****/
#related_information_header h2,
#rc_quick_links_header h2,
#announcements_header h2, 
#announcements_header div.h2 {
	font-family:Times,"Times New Roman", serif;
	 font-size:1.1em; 
	 color:#003876;
	 line-height: 1.7em;
}
#related_information_links {
	line-height: 1.2em;
}

#related_information_links li, 
#rc_quick_links_links li,
#announcements_links li {
	list-style: none;
	line-height: 1.0em;
	/* padding-bottom: 12px; */
}

#related_information_links a:link, 
#related_information_links a:visited,
#rc_quick_links_links a:link, 
#rc_quick_links_links a:visited {
	color:#750b27; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.8em;
	text-decoration:none;
}

#announcements_links a:link, 
#announcements_links a:visited {
	color:#750b27; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	text-decoration:none;
}

#related_information_links a:hover,
#rc_quick_links_links a:hover,
#announcements_links a:hover {
	text-decoration:underline;
}

#announcements_links h2 {
	font-family:Times,"Times New Roman", serif;
	 font-size:1.1em; 
	 color:#003876;
	 line-height: 1.7em;
}

/***** The styles below control the text in the footer. *****/
#btm_links {
	text-align:center;
	font-size:0.7em;
	color:#666666;
}

#btm_links a:link, 
#btm_links a:visited {
	font-family:Arial;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
}

#btm_links a:hover {
	text-decoration:underline;
}

#btm_copyright {
	color:#cc9999; 
	font-family:Arial; 
	font-weight:bold; 
	font-size:0.65em; 
	padding:5px;
}
#btm_copyright a:link, #btm_copyright a:visited {
	color: #fff;
	text-decoration: none;
}
#btm_copyright a:hover {
	text-decoration: underline;
}

/***** The styles below control Audio/Visual/Photo page divs. *****/
.audioVideoPhotoItem {
		margin: 5px 0;
		padding: 5px 0 15px 0;
		text-align: left;
}
.seeMore {
	padding-top: 10px;
	text-align: right;
}

/***** The styles below control a standard database table. *****/
.tableStyle {
	width: 100%;  /* 98% */
	font-size: .9em;
	font-weight: normal;
}
.criteria {padding-left: 2px; color: #666;}

.tableStyle .columnTitle {font-weight: bold; font-size: 1.2em; background-color:#003876; color:#fff;}
.tableStyle .number {text-align: center;}
.tableStyle td {padding:5px 10px 5px 2px;}
.tableStyle .altRow {background-color: #eee;}
.tableStyle .records {color: #666; text-align: right;}
.tableStyle .pages {text-align: center; font-size: 1.2em; font-weight: bold; padding-top: 12px;}


/***** The styles below control the Search Results page. *****/
#searchResultsList {float: left; margin: 0; padding: 0; width: 205px; height: 450px; overflow:scroll; }
.searchResultsList { font-family: Arial, Helvetica, sans-serif; color:#333; }
	.searchResultsList .result {border: 1px solid #99afc9; padding: 2px;}
	.searchResultsList a:link {color:#750b27; text-decoration: none;}
	.searchResultsList  a:hover{text-decoration:underline;}
	.searchResultsList  a:visited {color:#666666; text-decoration:none;}
	.searchResultsList ul {margin-bottom: 5px;}
	.searchResultsList li {margin-left: 5px; list-style: inside; list-style-type:none;}
	.searchResultsList h4 {font-weight: bold;}
	.searchResultsList p {padding-bottom: 5px;}
	.searchResultsList .altrow {background-color: #eee;}
	
#ParishSchoolResultsMap {float: right; width: 540px; height:450px; border: 1px solid #99afc9;}
.mapPoint {float:right; padding: 0 0 5px 3px;}
		
		
/*.searchResults h4 {margin-top: 5px; margin-bottom: 5px;}
.searchResults .term {
	text-align: left;
}
#searchResultsAmount {
	text-align: right;
}
.searchResults {font-size:.9em;}
.searchResults li {
	list-style: none;
	margin-bottom: 12px;
}
#searchResultsPages {
	text-align: center;
	font-weight:bold;
	padding-top: 12px;
}*/

.flashbanner {
	margin-bottom: 10px;
}

/***** The styles below control the calendar & calendar table. *****/
#calendarHeader {
	margin-top: 10px;
	padding-bottom: 10px;
	font-size: 1.1em;
	line-height: 2.1em;
	width: 98%;
}
#calendarMonth {
	margin: 0;
	padding: 0;
	width: 55%;
	float: left;
	text-align: right;
}
#calendarMonth h2 {font-size: 1.3em; font-weight:bold; }
#calendarMonthSelect {
	margin: 0;
	padding: 0;
	width: 25%;
	float: right;
	text-align: right;
	font-size: .9em;
}
#calendarTabContainer {
	float: left;
	margin: 0;
	padding: 0;
	font-size: .9em;
	line-height: 2.1em;
	height: 37px;
}
ul.tabs { list-style:none; margin:0 !important; padding:0; height:37px; width:600px; }
	ul.tabs li { float:left; text-indent:0;	padding:0; margin:0 !important;	list-style-image:none !important; }
	ul.tabs a {font-weight:bold; display:block; text-align:center; padding:0px; margin:0px; }
.calendarTabInactive {
	height: 37px; 
	margin: 0; 
	padding:0; 
	border-right: 2px solid #fff; 
	width:173px; 
	background-image: url(/ui/archbalt/images/calendar_tab.gif); 
	background-repeat:no-repeat; 
	text-align: center; 
	display: inline; 
}
.calendarTabActive {
	height: 37px; 
	margin: 0; 
	padding:0; 
	border-right: 2px solid #fff; 
	width:173px; 
	background-image: url(/ui/archbalt/images/calendar_tab_active.gif); 
	background-repeat:no-repeat; 
	text-align: center; 
	display: inline;
}
.calendarFilterTable {
	clear: both;
	margin: 0;
	padding: 2px;
	width: 98%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: .8em;
	line-height: 1.1em;
	background-color:#ddd;
}
.calendarTable {
	clear: both;
	margin: 0;
	padding: 0;
	width: 98%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: .85em;
	line-height: 1.1em;
}

.calendarTable .columnTitle {font-weight: bold; color:#003876;}
.calendarTable .calendarDayTitle {text-align: center; font-weight: bold; background-color:#99afc9; border: 1px solid #333;}
.calendarTable .calendarDay {font-family: Arial, Helvetica, sans-serif; font-size:0.9em; text-align: left; font-weight:normal; width:12%; height:150px; border: 1px solid #99afc9;}
.calendarTable .calendarDay a:link {color:#750b27; text-decoration:none;}
.calendarTable .calendarDay a:hover{text-decoration:underline;}
.calendarTable .calendarDay a:visited {color:#666666; text-decoration:none;}
.calendarTable .calendarDay p {padding: 0 0 3px; }
.calendarTable .calendarDate {margin:0; padding:0; text-align: left; font-weight: bold; font-size:1em;}
.calendarTable .calendarListTitle {font-weight: bold; background-color:#99afc9; padding: 5px;}
.calendarTable .calendarListing {font-family: Arial, Helvetica, sans-serif; font-size:0.9em; text-align: left; font-weight:normal; width:12%; padding: 8px 10px;}
.calendarTable td {padding:2px 3px 3px 3px;}
.calendarTable .altRow {background-color: #eee;}

.content {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.8em; 
}

#parish_image {
	vertical-align: top;
}	

#photo_video_content {
	line-height: 1.8em;
    margin: 0;
    padding: 10px;
}
#photo_video_content a:link, #photo_video_content a:visited, #question_content a:link, #question_content a:visited {
	color: #750b27;
	text-decoration: none;
}
#photo_video_content a:hover, #question_content a:hover {
	text-decoration: underline;
}
#mid_content_text .mediaPlayerContainer object {
	display: inline-block;
	border:10px solid #003876;
}
.searchResults .searchHeader {
	float: left;	
}
.searchResults .searchLink {
	float: right;	
}
.searchResults .searchLink a {
	font-weight: bold;	
}

#searchResultsList .resultGroupWebsite, #searchResultsList .disclaimer {
	font-size: .9em;
	font-weight: bold;
}

#searchResultsList .resultGroupWebsite, #searchResultsList .resultGroupMassTimesDisclaimer {
	display: none;
}
#top_links a{padding-left:3px!important;}

/* style for tribute message box */
.callout {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	float: right;
	margin: 0px 0px 0px 10px;
	width: 200px;
	background-color: #f3f3f3;
}

.callout-nofloat {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 3px;
	margin: 0px 0px 10px 0px;
	background-color: #f3f3f3;
}
/* pop box  MJW 12/09/2015 */
a.pop1 {outline:none; }
a.pop1 strong {line-height:30px;}
a.pop1:hover {text-decoration:none;} 
a.pop1 span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:25px; margin-left:28px;
    width:300px; line-height:16px;
}
a.pop1:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
.pop-callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
a.pop1 span
{
    border-radius:4px;
    box-shadow: 5px 5px 8px #CCC;
}


/*  new pop 2015   */

[data-tooltip] {
    display: inline-block;
    position: relative;
    cursor: help;
    padding: 4px;
}
/* Tooltip styling */
[data-tooltip]:before {
    content: attr(data-tooltip);
    display: none;
    position: absolute;
    background: #000;
    color: #fff;
    padding: 4px 8px;
    font-size: 14px;
    line-height: 1.4;
    min-width: 100px;
    text-align: center;
    border-radius: 4px;
}
/* Dynamic horizontal centering */
[data-tooltip-position="top"]:before,
[data-tooltip-position="bottom"]:before {
    left: 50%;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
/* Dynamic vertical centering */
[data-tooltip-position="right"]:before,
[data-tooltip-position="left"]:before {
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
[data-tooltip-position="top"]:before {
    bottom: 100%;
    margin-bottom: 6px;
}
[data-tooltip-position="right"]:before {
    left: 100%;
    margin-left: 6px;
}
[data-tooltip-position="bottom"]:before {
    top: 100%;
    margin-top: 6px;
}
[data-tooltip-position="left"]:before {
    right: 100%;
    margin-right: 6px;
}

/* Tooltip arrow styling/placement */
[data-tooltip]:after {
    content: '';
    display: none;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
/* Dynamic horizontal centering for the tooltip */
[data-tooltip-position="top"]:after,
[data-tooltip-position="bottom"]:after {
    left: 50%;
    margin-left: -6px;
}
/* Dynamic vertical centering for the tooltip */
[data-tooltip-position="right"]:after,
[data-tooltip-position="left"]:after {
    top: 50%;
    margin-top: -6px;
}
[data-tooltip-position="top"]:after {
    bottom: 100%;
    border-width: 6px 6px 0;
    border-top-color: #000;
}
[data-tooltip-position="right"]:after {
    left: 100%;
    border-width: 6px 6px 6px 0;
    border-right-color: #000;
}
[data-tooltip-position="bottom"]:after {
    top: 100%;
    border-width: 0 6px 6px;
    border-bottom-color: #000;
}
[data-tooltip-position="left"]:after {
    right: 100%;
    border-width: 6px 0 6px 6px;
    border-left-color: #000;
}
/* Show the tooltip when hovering */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    display: block;
    z-index: 50;
}

/* pop end  */

/* pop MW start 1/20/2016 */
span.AOB_1 {border-bottom: thin dotted; background: #ffeedd;}
span.AOB_1:hover {text-decoration: none; background: #ffffff; z-index: 6; }
span.AOB_1 span {position: absolute; left: -9999px;
  margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:black; border-width:1px; z-index: 6;}
span.AOB_1:hover span {left: 2%; background: #ffffff;} 
span.AOB_1 span {position: absolute; left: -9999px;
  margin: 4px 0 0 0px; padding: 3px 3px 3px 3px; 
  border-style:solid; border-color:black; border-width:1px;}
span.AOB_1:hover span {margin: 20px 0 0 175px; background: #ffffff; z-index:6;} 
/* pop MW start 1/20/2016 */
AOB_1 {border-bottom: thin dotted; background: #ffeedd;}
AOB_1:hover {text-decoration: none; background: #ffffff; z-index: 6; }
AOB_1 span {position: absolute; left: -9999px;
  margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:black; border-width:1px; z-index: 6;}
AOB_1:hover span {left: 2%; background: #ffffff;} 
AOB_1 span {position: absolute; left: -9999px;
  margin: 4px 0 0 0px; padding: 3px 3px 3px 3px; 
  border-style:solid; border-color:black; border-width:1px;}
AOB_1:hover span {margin: 20px 0 0 175px; background: #ffffff; z-index:6;} 
