@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:#00659e;
	}
a:hover {
	color:#000;
	}
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:#003a74;
	position:relative;
	left:16px;
	border-right:1px solid #1c5083; /* 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: #003a74 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: #003a74 url(../images/ourladyofvictoryschool.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:67px;
	padding: 0 0 0 6px;
	background: #003a74 url(../images/bg_featureS_left.png) top left no-repeat;
	}
.frame_header .promo div {
	float:left;
	background: #003a74 url(../images/bg_featureS_right.png) top right no-repeat;
	padding:10px 10px 10px 3px;
	font-size:10px;
	line-height:14px;
	height:47px;
	width:163px;
	}
.frame_header .promo div sup {
	font-size:9px;
	position:relative;
	top:-2px;
	}
.frame_header .promo ul {
	margin:3px;
	}
.frame_header .promo li {
	background-position: 0 4px;
	}
.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:86px;
	  left:130px;
	  height:24px;
	  overflow:hidden;
	  }
.navigation ul {
	margin:0;
	padding:0;
	list-style:none;
	}
.navigation li {
	  float:left;
	  background: #003a74 url(../images/bg_nav_left.gif) no-repeat left top;
	  padding:0 0 0 8px;
	  margin:0;
	  }
.navigation a {
	  float:left;
	  display:block;
	  background: #003a74 url(../images/bg_nav_right.gif) no-repeat right top;
	  padding:7px 8px 0 0;
	  text-align:center;
	  text-decoration:none;
	  color:#003162;
	  font-size:12px;
	  height:17px;
	  }
.navigation a.home {
	width:62px;
	}
.navigation a.admissions {
	width:94px;
	}
.navigation a.parents {
	width:71px;
	}
.navigation a.students {
	width:139px;
	}
.navigation a.alumni {
	width:63px;
	}
.navigation a.newsletter {
	width:141px;
	}
.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% -34px;
	}
.navigation li:hover a {
	background-position: 100% -34px;
	  color:#333;
	  }
.navigation .current a:hover {
	  color:#000;
	  }
.navigation li.current,
.navigation li.current:hover {
	  background-position:0 -68px;
	  }
.navigation li.current a,
.navigation li.current:hover a {
	  background-position:100% -68px;
	  color:#000;
	  }


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