@charset "UTF-8";
/* CSS Document */

/** START 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;
	}
body {
	line-height: 1;
	}
ol, ul {
	list-style: none;
	}
blockquote, q {
	quotes: none;
	}

/* remember to define focus styles! */
:focus {
	outline: 0;
	}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
	}
del {
	text-decoration: line-through;
	}

/* tables still need 'cellspacing='0'' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
td {
	vertical-align:top;
	}
a {
	text-decoration:underline;
	color:#307647;
	}
a:hover {
	color:#064119;
	}
p {
	margin:10px 0 5px 0;
	}
ul {
	margin: 4px 0 5px 9px;
	}
li {
	margin-bottom:6px;
	background: transparent url(../images/bullet_triangle.gif) 0 6px no-repeat;
	padding-left:7px;
	}
/** END reset */

/* IE6 hack to prevent flicker on image rollover, this was occuring in sprited images placed as a background in links, CN */
html {
_filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

/** START frame, these styles are required for any page */

body {
	background:#020202 url(../images/bg.png) top left repeat-x fixed;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:100%;
	}

/**** frame is the centered background holding all content */
.frame { 
	text-align:left;
	position:relative;
	width:859px;
	margin:0 auto;
	background: transparent url(../images/bg_noGlowWide.gif) 0 0 repeat-y scroll;
	}

.frame_tagline {
	background: transparent url(../images/bg_tagline.png) repeat-y 0 0 scroll;
	width:23px;
	height:100%;
	position:absolute;
	top:0;
	right:16px;
	}

/**** header is the top section of the page */
.frame_header {
	width:804px;
	height:110px;
	background-color:#0a250b;
	position:relative;
	left:16px;
	border-right:1px solid #304c31; /* border used when light tagline is next to header */
	}
/**** logo 

	NEED TO BUILD OUT BLACK VERSION FOR PRINTING
	SETUP AS img

*/
.frame_header .logo {
	position:absolute;
	top:14px;
	left:26px;
	}
.frame_header .logo a {
	display:block;
	background: #0a250b url(../images/logo.gif) top left no-repeat;
	width:78px;
	height:78px;
	text-decoration:none;
	}
/**** Our Lady of Victory, image used to for styling
	NEED TO BUILD OUT PRINT STYLE USING PLAIN TEXT

 */
.frame_header .schoolName {
	position:absolute;
	top:12px;
	left:130px;
	background: #0a250b url(../images/ourladyofvictorycatholicchurch.gif) top left no-repeat;
	width:446px;
	height:57px;
	}
.frame_header .schoolName span {
	display:none;
	}

/**** feature is the blue ribbon background,
      this can be expanded by changing the width on .feature div
	  COULD BUILD PS TEMPLATE FOR CREATING OTHER IMAGES IN BG
	 */
.frame_header .promo {
	position:absolute;
	top:10px;
	right:11px;
	height:93px;
	padding: 0 0 0 6px;
	background: #0a250b url(../images/bg_feature.png) top left no-repeat;
	}
.frame_header .promo div {
	float:left;
	background: #0a250b url(../images/bg_feature.png) top right no-repeat;
	padding:18px 10px 10px 6px;
	font-size:11px;
	line-height:14px;
	height:64px;
	width:163px;
	}
.frame_header .promo div sup {
	font-size:9px;
	position:relative;
	top:-2px;
	}
.frame_header .promo ul {
	margin:5px 0 0 2px;
	}
.frame_header .promo li {
	background-position: 0 6px;
	}
.frame_header .promo a {
	/*
	declared as a global style
	text-decoration:underline;
	color:#00659e;
	*/
	}

/**** navigation hold main navigation links,
	  each tabs width is controlled by the amount of text in the A tag,
	  if you need smaller tabs let me know and I can create another version
	 */
.navigation {
	  position:absolute;
	  top:84px;
	  left:130px;
	  height:26px;
	  overflow:hidden;
	  }
.navigation ul {
	margin:0;
	padding:0;
	list-style:none;
	}
.navigation li {
	  float:left;
	  background: #0a250b url(../images/bg_nav.gif) no-repeat left top;
	  padding:0 0 0 9px;
	  margin:0;
	  }
.navigation a {
	  float:left;
	  display:block;
	  background: #0a250b url(../images/bg_nav.gif) no-repeat right top;
	  padding:7px 8px 0 0;
	  text-align:center;
	  text-decoration:none;
	  color:#0e1f0e;
	  font-size:12px;
	  height:19px;
	  }
.navigation a.home {
	width:53px;
	}
.navigation a.aboutParish {
	width:92px;
	}
.navigation a.newsInformation {
	width:135px;
	}
.navigation a.sacraments {
	width:86px;
	}
.navigation > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.navigation a {float:none;}
/* End IE5-Mac hack */
.navigation a:hover {
	  color:#333;
	  }
.navigation li:hover {
	background-position: 0% -36px;
	}
.navigation li:hover a {
	background-position: 100% -36px;
	  color:#333;
	  }
.navigation .current a:hover {
	  color:#000;
	  }
.navigation li.current,
.navigation li.current:hover {
	  background-position:0 -72px;
	  }
.navigation li.current a,
.navigation li.current:hover a {
	  background-position:100% -72px;
	  color:#000;
	  }


/**** content */
.frame_content {
	width:796px;
	padding:4px;
	font-size:13px;
	line-height:16px;
	color:#2b2b2b;
	position:relative;
	left:16px;
	background-color:#FFF;
	}

#contentCol.calendar_page {
	margin:20px 0 10px 20px;
	padding-left:0;
	width:756px;
	}
#contentCol.calendar_page iframe {
	margin-top:10px;
	}

/**** hidden preloader images, are placed then set to display none, by doing this it is simple way to preload images */
.hiddenPreloadedIMGs, .hiddenPreloadedIMGs * {
	display:none;
	}
/**** footer */
.frame_footer {
	position:relative;
	left:16px;
	clear:left;
	background: #ebebeb url(../images/bg_footer_stripe.gif) top left repeat;
	border:1px solid #d2d2d2;
	border-top:1px solid #cbcbcb;
	height:30px;
	margin-top:3px;
	text-align:center;
	width:802px;
	padding-top:6px;
}
.frame_footer div {
	padding: 9px 9px 0 9px;
	color:#888;
	font-family: Arial, sans-serif;
	font-size:11px;
	line-height:11px;
	display:inline;
	}
.frame_footer .divider {
	width:2px;
	height:1px;
	position:relative;
	top:-2px;
	padding:0;
	}
.frame_footer div a,
.frame_footer div a:hover {
	color:#888;
	font-family: Arial, sans-serif;
	}
	
	
	
/*****************************
START HOME STYLES
***/

/**** quote */
.quote {
	float:left;
	width:234px;
	height:233px;
	background-color:#0a250b;
	padding:12px 11px 11px 11px;
	margin: 0 7px 0 0;
	}
.quote h1 {
	font-size:19px;
	line-height:19px;
	margin-bottom:4px;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FCFCFC;
	font-weight:normal;
	}
.quote p {
	padding:0;
	margin:0;
	font-size:16px;
	line-height:27px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FCFCFC;
	}
.quote a {
	color:#3b863e;
	}
/* unique quotes */
.quote01 p {
	font-size:16px;
	line-height:23px;
	margin:10px 8px 21px 0;
	}
	
/**** image */
.image {
	position:relative;
	float:left;
	height:256px;
	width:533px;
	background-position:top left;
	background-repeat:no-repeat;
	}
.image .byline {
	position:absolute;
	left:0;
	bottom:0;
	background-color:#000;
	background: url(../images/banners/BG_blackByline.png) top left repeat;
	padding:10px 20px 10px 0;
	width:513px;
	}
.image .byline p {
	text-align:right;
	font-size:12px;
	line-height:17px;
	color:#FFF;
	padding:0;
	margin:0;
	}

.columns {
	width:796px;
	clear:left;
	border-top: 7px solid #FFF;
	border-collapse:separate;
	}
.columns td {
	background-color:#eef3ee;
	border-right:7px solid #FFF;
	border-collapse:separate;
	}
.columns td.col1 {
	width:256px;
	}
.columns td.col2 {
	width:274px;
	}
.columns td.col3 {
	width:252px;
	border-right:none;
	}
.columns .feature {
	padding-bottom:10px;
	}
.columns .col1 .feature {
	width:256px;
	}
.columns .col2 .feature {
	width:274px;
	}
.columns .col3 .feature {
	width:252px;
	}
.columns .featureDivider {
	background-color: #FFF;
	height:7px;
	}
.columns .feature .header {
	background-color:#dae4da;
	height:auto;
	}
.columns .header h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0a250b;
	font-size:13px;
	line-height:13px;
	font-weight:normal;
	padding:8px 10px 8px 15px;
	margin:0;
	}
.columns .header h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#1e753b;
	font-size:17px;
	line-height:21px;
	font-weight:normal;
	padding: 0 0 10px 34px;
	}
.columns p {
	padding:10px 12px 5px 15px;
	color:#292929;
	}
.columns ul {
	padding: 4px 0 5px 24px;
	}
	
.columns td.singleColumn {
	width:796px;
	border-right:none;
	border-bottom:7px solid #FFF;
	}
.singleColumn p {
	width:265px;
	float:left;
	padding:0 3px;
	}
.singleColumn .feature60 {
	border-right: 7px solid #FFF;
	width: 475px; 
	float: left;
	}
.singleColumn .feature40 {
	float:left;
	width:314px;
	}
.singleColumn p.col1 {width:180px;padding-left:16px;}
.singleColumn p.col2 {width:265px;}
.singleColumn p.colAll {
	padding-left:16px;
	}
.singleColumn p.colAll strong {
	margin-right:5px;
	}
.singleColumn p span {
	font-size:10px;
	padding-left:1px;
	}
a.lentenLink {
	background-color:#EEE;
	border:1px solid #E1CBE9;
	clear:both;
	color:#350345;
	display:block;
	margin:10px 20px 0 15px;
	padding:2px 5px 5px;
	text-align:center;
	text-decoration:none;
	}
a.lentenLink:hover {
	background-color:#efefef;
	border-color:#DCC0E5; 
	color:#4B155D;
	}
	
/***
END HOME STYLES
*****************************/




/*****************************
START CONTENT STYLES
***/


/**** sidebar stlyes */
#sidebarCol {
	width:200px;
	padding-top:24px;
	}
#sidebarCol .sidebar {
	width:200px;
	border-top:3px solid #FFF;
	}
#sidebarCol .header {
	padding:0 4px 0 10px;
	font-size:15px;
	line-height:15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#0a250b;
	background-color:#FFF;
	float:left;
	position:relative;
	top:-9px;
	}
#sidebarCol .border {
	background: transparent url(../images/bg_0a250b.gif) repeat-x left bottom;
	height:4px;
	}

/*
#sidebarCol .sub_header {
	padding:0 4px 0 11px;
	font-size:14px;
	line-height:14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#002141;
	background-color:#FFF;
	float:left;
	position:relative;
	top:-8px;
	}
#sidebarCol .sub_border {
	background-color:#002141;
	height:4px;
	margin-top:20px;
	}
*/
#sidebarCol ul {
	padding:3px 0;
	margin:11px 0 0 0;
	clear:both;
	}
#sidebarCol li {
	display:block;
	margin:0 0 7px 5px;
	clear:left;
	float:left;
	background-image:none;
	}
#sidebarCol a,
#sidebarCol li.current li a {
	color:#222;
	padding:4px 3px 5px 5px;
	float:left;
	text-decoration:none;
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:13px;
	border-left:5px solid #FFF;
	width:175px;
	background-color:#FFF;
	}
#sidebarCol a:hover {
	color:#000;
	border-color: #F2F2F2;
	background-color: #F2F2F2;
	}
#sidebarCol li.current a,
#sidebarCol li.current a:hover {
	background-color:#EFEFEF;
	color:#000;
	border-color:#DDD;
	}
#sidebarCol .documents {
	padding:5px;
	border:1px dotted #73a275;
	position:relative;
	top:50px;
	left:10px;
	width:160px;
	clear:both;
	}
#sidebarCol .documents .docs_header {
	padding:0 5px 0 5px;
	font-size:12px;
	line-height:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#064119;
	font-weight:normal;
	background-color:#FFF;
	float:left;
	position:relative;
	top:-13px;
	}
#sidebarCol .documents a {
	color:#307647;
	font-size:11px;
	line-height:13px;
	position:relative;
	top:-4px;
	padding:0 0 4px 13px;
	clear:both;
	background: transparent url(../images/bullet_plus.gif) no-repeat 4px 4px;
	border-left:none;
	text-decoration:underline;
	float:none;
	width:auto;
	}	
#sidebarCol .documents a:hover {
	color:#064119;
	background-color:transparent;
	}

/**** content styles */

#oneCol #contentCol {
	width:796px;
	padding:0;
	}
#oneCol #contentCol .content {
	width:746px;
	border-top:3px solid #FFF;
	font-size:13px;
	line-height:16px;
	padding: 15px 25px;
	}

#contentCol {
	width:596px;
	padding-left:7px;
	}
#contentCol .content {
	width:539px;
	border-top:3px solid #FFF;
	font-size:13px;
	line-height:16px;
	padding: 15px 25px;
	}
#contentCol h1 {
	font-size:21px;
	line-height:21px;
	padding:0;
	margin: 0 0 25px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#0a250b;
	}
#contentCol h1 span {
	font-size:15px;
	line-height:15px;
	display:block;
	color:#777;
	font-style:italic;
	margin-top:3px;
	}
#contentCol h2 {
	font-size:17px;
	line-height:17px;
	padding:0;
	margin: 35px 0 10px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#0a250b;
	}
#contentCol h2 span {
	font-size:13px;
	line-height:15px;
	display:block;
	color:#777;
	font-style:italic;
	margin-top:3px;
	}
#contentCol h5 {
	font-size:13px;
	line-height:13px;
	padding:0;
	margin: 25px 0 6px 0;
	}
#contentCol p {
	margin: 5px 0 15px 0;
	font-size:13px;
	line-height:16px;
	}
/* unordered bullet styles */
#contentCol ul,
#contentCol ol {
	margin: 4px 0 20px 15px;
	}
#contentCol ul li {
	margin-bottom:13px;
	}
#contentCol ol {
	list-style-type:decimal;
	}
#contentCol ol li {
	background-image:none;
	padding-left:0;
	margin-left:10px;
	}
/* float Left and Right styles */
#contentCol .floatLeft {
	float:left;
	margin:10px 20px 20px 0
	}
#contentCol .floatRight {
	float:right;
	margin: 10px 0 20px 20px
	}

.floatCenter {
	width:100%;
	text-align:center;
	margin:50px auto;
	}

/* two column version of the float */
#contentCol div.twoColumnLeft {
	width:47%;
	margin-right:3%;
	float:left;
	}
#contentCol div.twoColumnRight {
	width:47%;
	float:left;
	}

/* clear style, a clear will force content to start on next line after floated element */
div.clear {
	clear:both;
	height:1px;
	}

#contentCol .noWrap {
	white-space:nowrap;
	}
#contentCol .color_yellow,
#contentCol .color_blue,
#contentCol .color_green {
	border-left:4px solid #FFCC00;
	padding-left:9px;
	}
#contentCol .color_yellow p,
#contentCol .color_blue p,
#contentCol .color_green p {
	position:relative;
	top:-3px;
	}
#contentCol fieldset.color_yellow,
#contentCol fieldset.color_blue,
#contentCol fieldset.color_green {
	border:1px solid #FFCC00;
	margin-bottom:30px;
	padding-left:9px;
	padding-top:2px;
	}
#contentCol fieldset.color_yellow p,
#contentCol fieldset.color_blue p,
#contentCol fieldset.color_green p {
	position:static;
	top:0;
	}
#contentCol .color_blue,
#contentCol fieldset.color_blue {
	border-color:#3B76C2;
	}
#contentCol .color_green,
#contentCol fieldset.color_green {
	border-color:#274F28;
	}
#contentCol fieldset legend {
	color:#EFC400;
	font-size:12px;
	font-weight:bold;
	padding:0 4px;
	text-transform:capitalize;
	}
#contentCol fieldset.color_blue legend {
	color:#3B76C2;
	}
#contentCol fieldset.color_green legend {
	color:#274F28;
	}
/* horizontal rule dividers */
#contentCol hr {
	background: transparent url(../images/hr_faded.png) top left no-repeat;
	height:1px;
	width:100%;
	margin:35px 0px;
	border:none;
	clear:both;
	}
#contentCol hr.marginTop {
	background: transparent url(../images/hr_faded.png) top left no-repeat;
	height:1px;
	width:100%;
	margin:35px 0px 10px 0px;
	border:none;
	clear:both;
	}
#contentCol hr.marginBottom {
	background: transparent url(../images/hr_faded.png) top left no-repeat;
	height:1px;
	width:100%;
	margin:10px 0px 35px 0px;
	border:none;
	clear:both;
	}
#contentCol hr.spacer {
	background-color:transparent;
	margin:15px 0;
	border:none;
	height:1px;
	}
sup {
	position:relative;
	top:-4px;
	font-size:.8em;
	}

/* table styles */
#contentCol table {
	width:100%;
	margin:0 0 25px 0;
	}
#contentCol th {
	background-color:#0A250B;
	padding:5px 8px 6px 8px;
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	line-height:15px;
	font-weight:normal;
	}
#contentCol td {
	padding:4px 7px;
	color:#020202;
	font-size:13px;
	line-height:15px;
	}
#contentCol td.right {
	text-align:right;
	}
#contentCol tr.stripe td {
	background-color:#EFEFEF;
	color:#000;
	}
#contentCol td.label {
	font-weight:bold;
	color:#060606;
	}
#contentCol tr.stripe td.lable {
	color:#020202;
	}

/* tables that hold picture remove padding and rely on left, right and center alignment */
#contentCol table.pictureRow {
	width:100%;
	margin:35px 0;
	}
#contentCol table.pictureRow td {
	padding:0;
	}
#contentCol table.pictureRow .fadedTop {
	margin: 0 0 10px 0;
	}
#contentCol table.pictureRow .fadedBottom {
	margin: 10px 0 0 0;
	}
#contentCol img.imageBorderGrey,
#contentCol .imageBorderGrey img {
	border:1px solid #CCC;
	}
/**** image */
#contentCol .imageLeft,
#contentCol .imageRight,
#contentCol .imageCenter {
	float:right;
	background-position:top left;
	background-repeat:no-repeat;
	margin:3px 0 25px 25px;
	border:1px solid #AAA;
	position:relative;
	}
#contentCol .imageLeft {
	float:left;
	margin:3px 25px 25px 0;
	}
#contentCol .imageCenter {
	float:none;
	margin:30px auto;
	width:100%;
	}
#contentCol .byline,
#contentCol .bylineSolid {
	position:absolute;
	left:0;
	bottom:0;
	background: transparent url(../images/banners/BG_blackByline.png) top left repeat;
	width:100%;
	}
#contentCol .bylineSolid {
	background-color:#000;
	background-image:none;
	}
#contentCol .byline a {
	color:#2a8dc5;
	}
#contentCol .bylineSolid a {
	color:#2e95d0;
	}
#contentCol .byline a:hover,
#contentCol .bylineSolid a:hover {
	color:#FFF;
	}
#contentCol .byline p,
#contentCol .bylineSolid p {
	text-align:right;
	font-size:12px;
	line-height:17px;
	color:#FFF;
	margin:0;
	padding:4px 7px 7px 7px;
	}
#contentCol .imageLeft .byline p,
#contentCol .imageCenter .byline p,
#contentCol .imageLeft .bylineSolid p,
#contentCol .imageCenter .bylineSolid p {
	text-align:left;
	}
	
.centeredImage {
	margin:50px 0;
	text-align:center;
	}
	

.note {
	background-color:#FFC;
	padding:8px;
	font-size:11px;
	line-height:14px;
	font-style:italic;
	}

/* Discovery Educaiton form */

.discoveryEducation {
	padding:10px 0 0 0;
	}
.discoveryEducation label {
	padding:0;
	display:block;
	margin-bottom:6px;
	}
.discoveryEducation input {
	padding:0;
	}
.discoveryEducation a {
	padding:0;
	display:block;
	}
.discoveryEducation .submit {
	padding:0;
	margin-left:110px;
	margin-top:8px;
	}
	
.centennial_logo {
	left:20px;
	position:absolute;
	top:65px;
	}
	
	
/***
END CONTENT STYLES
*****************************/