@charset "utf-8";

/* ----------------------------------------------------------
	Stylesheet for Our Lady of Victory Catholic School 
	Date: 3/30/2008
	Author: Blue Banana Designs
	Contact: updates@bluebanana.net
----------------------------------------------------------- */

/* NORMALIZE ELEMENTS
*******************************/
/* Normalize margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, a, blockquote, th, td
{ margin: 0; padding: 0; }

/* Normalize font-size for headers */
h1, h2, h3, h4, h5, h6 
{ font-size: 100%; }

/* Normalize font-style and font-weight */
address, caption, cite, code, dfn, var 
{ font-style: normal; font-weight: normal; }

/* Normalize tables */
table 
{ border-collapse: collapse; border-spacing: 0; }

/* Remove border from fieldset and img */
fieldset, img 
{ border: 0; }

/* Left-align text in caption and th */
caption, th 
{ text-align: left; }

a img, img a 
{ border:none; }


/* COLOR PALETTE
*******************************/
/*
Blue Lt 		#5CA8DD
Blue Med		#2383C6 
Blue Dk		#005482

Green Lt 	#D4ECD7
Green Med	#A9DAAF
Green Dk		#389344 

Orange Lt 	#E09A66 
Orange Med	#CB5600 
Orange Dk	#A24500 
*/

/* BODY ELEMENT
*************************************/
body {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:100%;
line-height:120%;	
background-image:url(../assets/images/global/body_bgd.gif);
background-position:0px 0px;
background-repeat:repeat-x;
background-color:#fff;	
color:#333;
margin:0 auto;
text-align:center;
}


/*	PAGE LAYOUT
****************************************/
#page-wrapper {
width:760px;
margin:0 auto;
text-align:left;
position:relative;
background-color:#fff;
color:#000;
}

/* ----- Branding ----- */
#masthead {
width:760px;
height:110px;
margin:0 auto;
text-align:left;
color:#389344;
	background: #fff url(../assets/images/global/body_bgd.gif) 0px 0px repeat-x;
}
#masthead h1 a {
	width:425px;
	height:110px;
	background: url(../assets/images/global/olv_logo.png) top left no-repeat;
	text-indent: -9999px;
	display:block;
	float:left;
}

#masthead #masthead-contact-info {
float:right;
	width: 335px;
	height:110px;
}
#masthead #masthead-contact-info p {
padding:0;
margin-top:30px;
margin-bottom:5px;
margin-left:20px;
	font: bold .8em/normal arial, helvetica, sans-serif;
}


#masthead #votive {
float:right;
	width: 335px;
	height:110px;
}
#masthead #votive p.verse {
margin-top:18px;
margin-bottom:5px;
	font: bold .8em/normal arial, helvetica, sans-serif;
}
#masthead #votive p.source {
margin-top:0px;
	font: normal .7em/normal arial, helvetica, sans-serif;
}


#content-wrapper {
width:760px;
position:relative;
background-color:#fff;
	color:#000;
	text-align:left;
}

#main-column {
	float:right;
	width:570px;
	margin-bottom:20px;
}
#content {
padding:0px 30px 30px 20px;
margin-top:20px;
border-left:1px solid #e09a66;
}
#page-title {
padding-bottom:.5em;
margin-bottom:2em;
border-bottom:2px solid #a9daaf;
}
#navigation  {
float:left;
margin-top:20px;
padding-bottom:20px;
width:170px;
}
#footer {
clear:both;
width:760px;
padding: 30px 0;
margin:0 auto;
}

/* NAVIGATION
**********************************/

/* Level 1 */
#navigation ul {
margin:0 0 0 10px;
padding:0 0 0 0;
	list-style:none;
}
#navigation ul li {
padding:0;
margin: 0 0 0 -10px;
border-top:1px solid #a9daaf;
}
#navigation ul li.last-nav {
	border-bottom:1px solid #a9daaf;
}
#navigation ul li a,
#navigation ul li a:link,
#navigation ul li a:visited {
display:block;
	color:#154f77;
	background-color:#fff;
	font-family: arial, helvetica, sans-serif;
	font-size:.875em;
	font-weight:bold;
	line-height:normal; /* KLUDGE: IE6 extra space at bottom */
	text-decoration: none;
	padding:2px 5px 3px 10px;
	width:155px;
	margin-right:0;
}

#navigation ul li a:hover {
color:#000;
	background-color:#aadab0;
}
#navigation ul li a.selected-nav {
	background-image: url(/assets/images/navs/selectedGlyph_lvl_1.gif);
background-position: left center;
background-repeat:no-repeat;
}

/* Level 2 */
#navigation ul li ul {
/*margin-bottom:1em;*/
}
#navigation ul li ul li {
margin-left:-10px;
}
#navigation ul li ul li a,
#navigation ul li ul li a:link,
#navigation ul li ul li a:visited {
font-weight:normal;
	padding-left:20px;
	width:145px;
}
#navigation ul ul li a:hover {
color:#000;
	background-color:#EBF6E4;
}
#navigation ul ul li a.selected-nav {
	background-image: url(/assets/images/navs/selectedGlyph_lvl_2.gif);
background-position: 10px center;
background-repeat:no-repeat;
}



/* TYPOGRAPHY 
*******************************/
/* 
Some font sizes are based on the typical browser default size of 16px.
Formula: target pixel size divided by browser default size = em size 
Example: 13px / 16px = .8125em

Others are determined by visual comparison.
*/

h1 { /* Reserved for branding (See Masthead for declarations) */ }
h2 {
font-family:"trebuchet ms", arial, helvetica, sans-serif;
font-size:1.875em; /* 30/16=1.875em */
font-weight:normal;
line-height:1em;
margin-bottom:.1em;
color:#a24500;
background:#fff;
}
h3 {
font-family:"trebuchet ms", arial, helvetica, sans-serif;
font-size:1.75em;/* 28/16=1.75 */
font-weight:normal;
line-height:1em;	
color:#389344;
	background:#fff;	
}
h4 {
font-family: "trebuchet ms", arial,helvetica,sans-serif;
font-size: 1.5em;/* 24/16=1.5em */
font-weight:normal;
line-height:1em;
margin:1.5em 0 .7em;
color:#a24500;
background:#fff;
}
h5 {
font-family:"trebuchet ms", arial,helvetica,sans-serif;
font-size: 1.3em;
font-weight:normal;
line-height:1em;
margin: 1.5em 0 .875em;
color:#389344;
background:#fff;
}
h6 {
font-family:"trebuchet ms", arial,helvetica,sans-serif;
font-size: 1.1em;
font-weight:normal;
line-height:1em;
margin: 1.5em 0 .875em;
color:#000;
background:#fff;
}
p, ul, ol, dl, blockquote, pre, table, code {
	font-size:.875em;	/* 14/16=.875 */
}
p {
	margin:1em 0; 	
}
p.first-paragraph:first-letter {
	float: left;
	font-size: 6em;
	line-height: 90%; /* KLUDGE: Opera, Safari */
	color: #a24500;
	font-family: "Lucida Sans Unicode", "trebuchet ms", arial, helvetica, sans-serif;
	padding: 0;
	margin: 0 .2em 0 0;
}
div.pull-quote {
	width:225px;
	color:#cb5600;
	background:#fff;
}
div.pull-quote p {
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	font-size:1.5em;
	line-height: 1.6em;
	color:#cb5600;
	background:#fff;
}
div.pull-quote p.quotee {
text-align: right;
	font-size:1.2em;
	line-height: 120%;
}
blockquote {
	margin: 1em 1em .875em 1em;
}
blockquote p
{
	font-size:1em; /* Prevents compounding reduction due to inheritance */
}
ul {
	margin:1em 0 1em 2em;
}
ol {
	margin:1em 0 1em 2.5em;
}
li {
	margin:.5em 0;
}
dl {
	margin:1em 0 1em 1em;
}
dt {
	font-weight:bold;
	color:#389344;
	margin: 1em 0 .5em 0;
}
dd {
	margin:0em 0 .5em 0;
}
dd.link-to-top-dd  {
	text-align: right;
}
dl.horizontal-list dt,
dl.horizontal-list dd {
	margin:0;
	padding:0;
}
dl.horizontal-list dt {
	float:left;
}
dl.horizontal-list dd {
	text-indent:.5em;
	padding-bottom:.5em;
}
dl dl dt {
color:#A24500;
}

ul ul,
ul ul ul,
ul dl,
ul p,
ul ol,
ol ol,
ol ol ol,
ol dl,
ol p,
ol ul,
dl dl,
dl dl dl,
dl ol,
dl ul,
dl p,
dl dl ol,
dl dl ul,
dl ol p,
dl ul p
{
	font-size:1em; /* Prevents compounding reduction due to inheritance */
}
a {
	color:#005482;
	background:#fff;
}
a:link {
	color:#005482;
	background:#fff;
}
a:visited {
	color:#547;
	background:#fff;
}
a:hover {
	color:#005482;
	background:#fff;
	text-decoration:none;
}
a:active {
	color:#000;
	background:#fff;
}

/* used to move back to the top of the page */
a.link-to-top {
font-weight:normal;
	font-size:14px;
	color:#003366;
	background-color:#eee;
	text-decoration:none;
	margin:0 0 4px 0;
	padding:0px 4px 2px;
	line-height:normal;
	border:1px solid #ccc;
}
a.link-to-top:link {
	color:#003366;
	background-color:#eee;
	
}
a.link-to-top:visited {
	color:#003366;
	background-color:#eee;
}
a.link-to-top:hover {
	color:#003366;
	background-color:#ddd;
}
a.link-to-top:active {
	color:#003366;
	background-color:#eee;
}


pre, code {
	font-family: monospace;
	font-size: inherit;
}
p code, span code  {
font-family: monospace;
	font-size:1.3em;
}
small {
	font-size: .7em;
}
sup {
	vertical-align:text-top;
	font-size:.7em;
	padding-left:.2em;
}
.error,
.attention,
.required {
	color:#f00;
	background:#fff;
}

hr {
	height:1px;
	color:#389344;
	background-color:#389344;
}

/* FORMS
*********************************************************/
form {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding:2em;
	border:1px solid #ccc;
	background:#fff;
	color:#000;
}

fieldset {
	border:1px solid #ccc;
	margin:20px 0;
	padding:0 2em 2em;
	background:#fff;
	color:#000;
}
legend {
font-size:.875em;
	padding:.2em 1em;
	border:1px solid #389344;
	font-weight:bold;
	background:#e9f5eb;
	color:#389344;
	margin-bottom:1em;
}
fieldset fieldset legend {
	background:#e9f5eb;
	color: #389344;
}
textarea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
}
form h4 {
padding-top:0;
margin-top:0;
	background-color:#fff;
	color:#a24500;
}
form table td {
padding:5px;
vertical-align:top;
}
form table td.col_1 {
text-align:right;
}
form tr.new-group td {
	border-top:1px solid #ccc;
	padding-top:10px;
}

form ul {
	margin:0 0 8px 0px;
	padding:0;
}
form ul li {
	list-style: none;
}

/* TABLES
*****************************************/
table {
	margin:1em 0;
}
th {
	padding:5px;
	vertical-align:bottom;
	border-bottom:1px solid #000;
}
td {
	padding:5px;
	vertical-align:top;
	border-bottom:1px solid #666;
}
td.align-right {
text-align:right;
}

th.align-right {
text-align:right;
}

/* PHOTOGRAPHS
**********************************/
.photo {
	border:1px solid #000;
}
div.captioned-photo img {
	border:1px solid #000;
}
div.captioned-photo .caption {
	font-size:.8em;
	margin:0;
	padding:0;
}
.photo-float-right {
	border:1px solid #000;
	float:right;
	margin:5px 0 15px 10px;
}
.photo-float-left {
	border:1px solid #000;
	float:left;
	margin:5px 10px 15px 0;
}


/* FOOTER
**************************************/
#footer {
border-top:1px solid #ccc;
font-size: .8em;
}

#footer ul {
padding:10px 0 10px;
margin:10px auto 10px;
}
#footer ul li {
	list-style:none;
}
#footer ul li a {
height:auto;
	color:#005482;
	background:#fff;
	margin:0px;
	padding:0px;
}
#footer #link-icons ul {
	margin-top:0;
	padding-top:0;
}



/* MISC. STYLES
**************************************/
.float-right {
	float:right;
	margin:5px 0 20px 20px;
}
.float-left {
	float:left;
	margin:5px 20px 20px 0;
}
.email {
color:#389344;
}
.position {
color:#A24500;
}
.credentials {
color:#A9DAAF;
}

div#specials {
list-style:none;
width:300px;
}
div#specials ul {
padding:0;
margin:0;
text-align:left;
}
div#specials ul li {
clear:both;
list-style:none;
height:112px;
margin-bottom:20px;
}


div#specials2 {
list-style:none;
width:500px;
}
div#specials2 ul {
padding:0;
margin:0;
text-align:left;
}
div#specials2 ul li {
clear:both;
list-style:none;
height:112px;
margin-bottom:20px;
}