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

body
{
 background: #669966;
 color: #000000;
 font: 100.01%/1.3 Arial, Helvetica, sans-serif;
 margin: 0;
 padding: 0;
 text-align: center;
}

p { margin: 0.5em 0; }


/* headings */

h1, h2, h3, h4, h5, h6
{
 font-weight: bold;
 margin: 12px 0 2px 0;
 text-align: left;
}
#content_headings h1:first-child { margin: 5px 0 10px 0; }
h1 { font-size: 1.8em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5, h6 { font-size: 1.0em; }


/* tables */

table { border-collapse: collapse; }

table td,
table th
{ padding: 0 2px; }

table.borders td,
table.borders th
{ border: 1px solid #000000; }


/* wrapper */

#wrapper
{
 background: #ffffff;
 color: #000000;
 width: 750px;
 margin: 10px auto;
 text-align: left;
 font-size: 0.8em;
 border: 2px solid #000000;
}

#header
{
 height: 82px;
 background: #669966 url(/images/stainglass-banner.png) no-repeat;
}

#header h1
{
 margin: 0 0 0 75px;
 padding: 2px 0;
}

#header img { border: none; }

#container
{
 background: #ffffff url(/images/mainbg.png) repeat-y;
 width: 100%;
 overflow: hidden;
}

#content
{
 width: 600px;
 float: right;
}

#content-inner
{
 margin: 0;
 padding: 4px 8px;
}

#nav
{
 background: #ffffff;
 border-bottom: 1px solid #000000;
 border-right: 1px solid #000000;
 float: right;
 width: 149px;
}

#nav ul
{
 background-color: #d3e4df;
 list-style: none;
 margin: 0;
 padding: 0;
}

/* all menu items */
#nav li
{
 border-top: 1px solid #000000;
 font-size: 0.9em;
}

/* no top border for the very first menu item */
#nav > ul:first-child > li:first-child
{ border-top: none; }

/* menu level 1 */
#nav ul li a,
#nav ul li span
{ padding-left: 5px; }

/* menu level 2 */
#nav ul ul li a,
#nav ul ul li span
{ padding-left: 15px; }

/* menu level 3 */
#nav ul ul ul li a,
#nav ul ul ul li span
{ padding-left: 25px; }

/* menu level 4 */
#nav ul ul ul ul li a,
#nav ul ul ul ul li span
{ padding-left: 35px; }

/* menu headings */
#nav ul li.heading
{
/* background: #ffffff; */
 margin: 0;
}

/* menu heading links */
#nav ul li.heading span.heading,
#nav ul li.heading a.heading
{
 font-size: 1.2em;
 padding: 3px 2px;
}

/* menu headings - level 2 */
#nav ul li ul li.heading span.heading,
#nav ul li ul li.heading a.heading
{ padding-left: 12px; }

/* menu headings - level 3 */
#nav ul li ul li ul li.heading span.heading,
#nav ul li ul li ul li.heading a.heading
{ padding-left: 22px; }

/* menu headings - level 4 */
#nav ul li ul li ul li ul li.heading span.heading,
#nav ul li ul li ul li ul li.heading a.heading
{ padding-left: 32px; }

/* all menu links */
#nav li a:link,
#nav li a:visited,
#nav li span
{
 color: #000000;
 display: block;
 padding-bottom: 0.4em;
 padding-top: 0.4em;
 text-decoration: none;
}

/* menu level 1 */
#nav li a:link,
#nav li a:visited,
#nav ul li.br
{ background-color: #d3e4df; }

/* menu level 2 */
#nav li li a:link,
#nav li li a:visited,
#nav ul ul li.br
{ background-color: #99cc99; }

/* menu level 3 */
#nav li li li a:link,
#nav li li li a:visited,
#nav ul ul ul li.br
{ background-color: #77a477; }

/* menu level 4 */
#nav li li li li a:link,
#nav li li li li a:visited,
#nav ul ul ul ul li.br
{ background-color: #eeffee; }

/* nav menu, any level - active item */
#nav ul li.active_item > a { background: #ccffcc; }

/* nav menu, any level - active item or active parent */
#nav ul li.active_item > a,
#nav ul li.active_parent > a,
#nav ul li.active_parent > span
{
 font-size: 1.1em;
 font-weight: bold;
}

/* nav menu, any level - active item or active parent -
   adjust padding to (roughly) counteract the increased font size */
#nav li.active_item a:link,
#nav li.active_parent a:link,
#nav li.active_item a:visited,
#nav li.active_parent a:visited,
#nav li.active_item span,
#nav li.active_parent span
{
 padding-bottom: 0.32em;
 padding-top: 0.32em;
}

/* menu - hover (up to 4 levels) */
#nav ul li a:hover,
#nav ul li ul li a:hover,
#nav ul li ul li ul li a:hover,
#nav ul li ul li ul li ul li a:hover
{
 background-color: #339933;
 color: #ffffff;
}

/* menu - empty lines - level 1 */
#nav ul li.br { height: 5px; }

/* menu - empty lines - level 2 */
#nav ul ul li.br { height: 4px; }

/* menu - empty lines - level 3 */
#nav ul ul ul li.br { height: 3px; }

/* menu - empty lines - level 4 */
#nav ul ul ul ul li.br { height: 2px; }

#footer
{
 clear: both;
 border-top: solid 2px #000000;
 padding: 0.5em 0;
 overflow: hidden;
}

#footer div.logo
{
 float: left;
 margin: 5px;
 width: 150px;
 text-align: center;
}

#footer p.contact { margin: 0 0 0 155px; }


/* news and announcments */

#news
{
 border: 1px solid #666666;
 padding: 2px 4px;
 -moz-border-radius: 5px;
}

#news > :first-child
{
 margin-top: 0;
 padding-top: 0;
}

#news dl
{
 margin: 5px 10px;
}

#news dl > :first-child
{
 margin-top: 9px;
}

#news dl dd
{
 margin-left: 20px;
}

#news dl dt
{
 font-size: 1.1em;
 margin-top: 18px;
}

#news dl dd ul, #news dl dd ol
{
 padding-left: 14px;
}

#news dl dd dl dt
{
 font-weight: normal;
}

#news
{
 background: #ffffe4;
}

#news
{
 border-color: #669966;
}

#news dl dt.newspreview
{
 background: #eeeedd;
 border: 1px solid #669966;
 font-size: 11px;
 font-style: italic;
 font-weight: normal;
 padding: 2px;
 text-align: right;
 -moz-border-radius: 5px;
}

/* general */

:link, :visited { color: #000000; text-decoration: underline; }
:link:hover, :visited:hover { color: #666666; text-decoration: underline; }
:link:active, :visited:active { color: #666666; text-decoration: underline; }

:link img, :visited img { border: 1px solid #000000; }
:link:hover img, :visited:hover img { border-color: #000000; }
:link:active img, :visited:active img { border-color: #000000; }

.no_ul, .no_ul:link, .no_ul:visited { text-decoration: none; }
.no_ul:link:hover, .no_ul:visited:hover { text-decoration: none; }
.no_ul:link:active, .no_ul:visited:active { text-decoration: none; }

.email, .email:link, .email:visited { color: #006633; }
.email:link:hover, .email:visited:hover { color: #009933; }
.email:link:active, .email:visited:active { color: #006633; }

.norm, .normal { font-style: normal; font-weight: normal; }
.i { font-style: italic; }
.b { font-weight: bold; }
.c { text-align: center; }
.j { text-align: justify; }
.r { text-align: right; }

caption, th, td, tr
{ vertical-align: top; }

th, dt { font-weight: bold; }

.rec0 { background-color: #cccccc; }
.rec1 { background-color: #ffffff; }

.nowrap { white-space: nowrap; }

hr { color: #000000; height: 1px; }

.ind1 { margin-left: 25px; }
.ind2 { margin-left: 50px; }
.ind3 { margin-left: 75px; }
.ind4 { margin-left: 100px; }

.normal { font-weight: normal; }

pre, tt, code, samp
{
 font-family: Courier New, Courier, monospace;
 font-size: 13px;
}

sup { font-size: 9px; }

.code
{
 margin-left: 6px;
 font-size: 12px;
 font-family: Courier New, Courier, Monaco, monospace;
}

/* Ordinary Time: green */
.OT { color: #006633; }

/* Advent: blue */
.Advent { color: #0000cc; }

/* Lent: purple */
.Lent { color: #660066; }

/* Christmas: red */
.Christmas { color: #cc0000; }

/* Holy Week: red */
.HW { color: #cc0000; }

/* Easter: red/cc0000 for white bg; yellow/ffff00 for dark bg */
.Easter { color: #cc0000; }

/* other feasts: red */
.feast { color: #cc0000; }

.announcementbox
{
 border: 1px solid #cc0000;
 margin: 8px 0 8px 0;
 padding: 0 10px 0 10px;
 background-color: #ffcccc;
}

.audiolink { font-size: smaller; }

.infobox
{
 border: 1px solid #666666;
 margin: 8px 0 8px 0;
 padding: 0 10px 0 10px;
 background-color: #d3e4df;
}

.imgdiv
{
 border-top: 1px solid #000000;
 margin-bottom: 15px;
 margin-top: 15px;
 padding-top: 15px;
 text-align: center;
}

.section
{
 border-bottom: 1px solid #000000;
 margin-bottom: 8px;
 margin-top: 8px;
}

.red,
.red :link,
.red .email:link
{
 color: #cc0000;
}

