@charset "UTF-8";
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
@import url(https://fonts.googleapis.com/css2?family=PT+Sans&family=PT+Sans+Narrow&family=Crimson+Pro);
/* <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=PT+Sans&family=PT+Sans+Narrow&family=Crimson+Pro"> */
/* @import url(http://fonts.googleapis.com/css2?family=PT+Sans:400,700,400italic,700italic|PT+Sans+Narrow:400,700|Crimson+Text:400,400italic,600,600italic,700,700italic&subset=latin,latin-ext); */
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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

body {
  background-color: #f3ffe6;
  font-family: 'Crimson Text', Palatino; }

#wrapper {
  background-color: white;
  width: 900px;
  margin: auto;
  padding: 0 15; }

#header {
  width: 100%;
  background-color: white;
  padding: 15px 0; }

#logo1 {
  float: left;
  /* 	margin: 0 15px; */
  padding: 0 10px;
  background-color: white; }

#top1, #top2, #top3 {
  width: 700px;
  float: right;
  margin-right: 10px;
  font-family: "PT Sans Narrow", Myriad, Helvetica-neue, Helvetica, "Lucida Grande", Arial; }

#top1 {
  z-index: 1;
  position: relative;
  top: 5px; }

#top3 {
  z-index: 3; }

#top2, #top3 {
  background-color: #408000; }

#top1 h1, #top3 h1 {
  font-weight: bold; }

#top1 h1 {
  color: #274d00;
  font-size: 1.5em;
  text-indent: 1em; }

#top3 h1 {
  text-transform: uppercase;
  text-align: right;
  color: white;
  position: relative;
  top: 6px; }

#top2 {
  z-index: 2;
  height: 55px;
  color: white;
  font-size: .85em;
  padding-top: 35px;
  border-top: 1px solid #ccff99;
  border-left: 1px solid #ccff99; }
  #top2 ul {
    list-style-type: none;
    float: left;
    margin: 0;
    padding: 0 0 1em 1em;
    text-indent: 0; }
  #top2 li {
    float: left; }
  #top2 a {
    color: white;
    float: left;
    display: block;
    padding: 0 1em;
    width: 6em; }
  #top2 a:hover {
    background-color: #f3ffe6;
    color: #274d00;
    text-decoration: none; }

#trail {
  clear: both;
  width: 100%;
  background-color: white;
  font-family: "PT Sans", Helvetica-neue, Helvetica, "Lucida Grande", Arial;
  font-size: .75em;
  text-align: left; }
  #trail ul {
    text-indent: 180px; }
  #trail li {
    display: inline;
    padding: 0 3px 0 1px; }

#main {
  width: 100%;
  padding: 0 0 15px;
  background-color: white;
  min-height: 425px; }

#content {
  width: 700px;
  position: relative;
  left: 180px;
  top: 0;
  background-color: white;
  padding: 10px; }

#nav {
  width: 150px;
  position: absolute;
  top: 220px;
  background-color: white;
  padding: 0 0 0 1em;
  font-family: "PT Sans", Helvetica-neue, Helvetica, "Lucida Grande", Arial;
  font-size: .75em; }
  #nav ul {
    list-style: none;
    padding: 0 0 0 1em; }
  #nav ul ul {
    padding-left: 1em !important; }
  #nav a.thismonth {
    font-weight: bold; }

#logo2 {
  width: 80px;
  position: absolute;
  top: 600px;
  margin: 1em 1em;
  padding: 1em 2em; }

/* basic link styles */
a:link {
  color: #408000;
  text-decoration: none; }

a:visited {
  color: #66cd00;
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

/* @end */
h1, h2, h3, h4 {
  font-family: "PT Sans", Helvetica-neue, Helvetica, "Lucida Grande", Arial; }

h1 {
  font-size: 2em; }

h1 + h2 {
  padding: 0; }

h2 {
  font-size: 1.75em;
  padding: 1.25em 0 0; }

h3 {
  font-size: 1.5em;
  padding: .75em 0 0; }

h2 + h3 {
  padding: 0; }

h4 {
  font-size: 1.25em;
  padding: .5em 0 0; }

#Text > h2:first-child {
  clear: both; }

p {
  padding: 0 0 .5em;
  text-align: justify; }

blockquote {
  font-size: 1.15em;
  text-align: justify;
  padding: 0 0 .75em 1.5em; }

blockquote:first-letter {
  margin: 0 2px;
  padding: 0 4px;
  color: white;
  background-color: #408000;
  /* 	line-height: 1em; */
  font-size: 275%;
  float: left;
  font-style: normal;
  font-weight: normal; }

blockquote:first-child {
  padding: 1.25em 0 .75em 1.5em; }

q {
  font-style: italic; }

q::before {
  content: "‘"; }

q::after {
  content: "’"; }

i, em {
  font-style: italic; }

b, strong {
  font-weight: bold; }

sup {
  font-size: .5em;
  vertical-align: super; }

ul {
  list-style: disc inside;
  padding: 0 0 .5em 2em;
  text-indent: -1em; }

ul ul {
  padding-bottom: 0; }

ol {
  list-style: decimal;
  padding-left: 2em; }

dt {
  font-weight: bold;
  font-size: 1.25em;
  padding-top: .5em; }

dd {
  padding: 0 0 .5em 0; }

.contents {
  font-family: "PT Sans", Helvetica-neue, Helvetica, "Lucida Grande", Arial;
  font-size: 80%;
  background-color: #f3ffe6;
  border-left-color: #ccff99;
  border-bottom-color: #cccc99;
  border-top-color: #ccff99;
  border-style: solid;
  border-width: 1px;
  border-right-color: #cccc99;
  padding: 10px;
  width: 282px;
  float: right;
  clear: both;
  margin: 0 0 0 15px; }

.contents h2, .contents h3 {
  padding-top: 0.5em;
  font-size: 1.25em; }

#col, #cols, #cols-2 {
  font-family: "PT Sans", Helvetica-neue, Helvetica, "Lucida Grande", Arial;
  font-size: 80%;
  float: left;
  clear: both;
  width: 680px;
  margin: 20px 10px; }

#col1, #col3, #col2, #col4 {
  background-color: #f3ffe6;
  margin: 0;
  border-color: #ccff99 #cccc99 #cccc99 #ccff99;
  border-style: solid;
  border-width: 1px;
  padding: 10px;
  width: 305px; }
  #col1 h2, #col3 h2, #col2 h2, #col4 h2 {
    padding: .5em 0 0;
    font-size: 1.25em; }
  #col1 p, #col3 p, #col2 p, #col4 p {
    font-size: 0.9em;
    margin: 0;
    padding: 0; }
  #col1 dl, #col3 dl, #col2 dl, #col4 dl {
    font-size: 0.95em;
    margin: 0;
    padding: 0 0 0 1em !important; }

#col1, #col3 {
  float: left;
  clear: left; }

#col2, #col4 {
  float: right;
  clear: right; }

/*
div#col1 ul, div#col2 ul, div#col3 ul, div#col4 ul {
	padding-left: 2em;
	text-indent: -1em;
}
*/
/*
div#col1 ul ul, div#col2 ul ul, div#col3 ul ul, div#col4 ul ul {
	font-size: 0.9em;
	margin: 0;
	padding: 0 0 0 1.25em !important;
}
*/
#season {
  margin: 10px 10px 0; }

#Text {
  clear: right; }
  #Text h2 {
    padding: 0; }

img.main {
  display: block;
  float: left;
  margin-left: 1em;
  margin-right: 1em;
  margin-bottom: 15px;
  margin-top: 2em;
  padding: 0;
  box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.7); }

img {
  float: left;
  padding: 10px 10px 5px 0;
  border-width: 0; }

img.right {
  float: right;
  padding: 10px 0 5px 10px;
  border-width: 0; }

img.framer, img.framel {
  padding: 5px;
  border-style: solid;
  border-width: 1px;
  border-left-color: #ccff99;
  border-bottom-color: #cccc99;
  border-top-color: #ccff99;
  border-right-color: #cccc99; }

img.framer {
  float: right;
  margin: 0 0 0 10px; }

img.framel {
  float: left;
  margin: 0 10px 0 0; }

.intention {
  clear: both;
  margin-top: 1.5em;
  padding-top: 0.5em;
  border-top: 2px solid #600; }

.first-intention, .intention:first-child {
  margin-top: 0;
  padding-top: 0;
  clear: left; }

.prayer, .prayer3 {
  width: 300px;
  padding: 0 10px 10px;
  border-left: 2px solid #408000;
  float: right; }

.prayer {
  margin: 0 0 0 10px; }

.prayer3 {
  margin: 10px 0 0 0; }

.prayer2 {
  width: 300px;
  border-right: 2px solid #408000;
  margin: 0 10px 0 0;
  float: left;
  padding: 0 10px 10px; }

.Prayer-1 {
  font-size: 1em;
  font-style: italic;
  margin: 0;
  padding: 0; }

.Prayer-1:first-letter {
  margin: 0 2px;
  padding: 2px 4px;
  color: white;
  background-color: #408000;
  line-height: 1em;
  font-size: 300%;
  float: left;
  font-style: normal;
  font-weight: normal; }

.text {
  font-size: 1em;
  font-style: italic; }

.ref, .note {
  font-size: 0.75em;
  margin: 0;
  padding: 0 0 0 2em; }

.ref2 {
  font-size: 0.75em;
  text-align: right; }

.rubric {
  font-size: 0.85em;
  font-style: italic;
  margin: 0;
  padding: 0; }

.author {
  font-size: 0.8em;
  text-align: right;
  margin: 0;
  padding: 0; }

.quote {
  padding-bottom: 0; }

p.quote + p.ref {
  padding-bottom: .5em; }

#Calendar {
  clear: both; }
  #Calendar table {
    border: solid 1px #408000;
    border-collapse: collapse;
    font-family: "PT Sans Narrow", Myriad, Helvetica-neue, Helvetica, "Lucida Grande", Arial;
    width: 700px; }
  #Calendar td, #Calendar th {
    vertical-align: top;
    padding: 3px 5px;
    border-bottom: 1px solid #408000; }
  #Calendar tr {
    font-size: 1em;
    vertical-align: top; }

/*
#Calendar thead, #Calendar tfoot {
}
*/
caption {
  color: #f3ffe6;
  font-size: 1.25em;
  font-weight: bold;
  background-color: #408000;
  padding: 3px;
  border-top: 1px solid #408000;
  border-right: 1px solid #408000;
  border-left: 1px solid #408000; }

th {
  color: #408000;
  background-color: #f3ffe6;
  padding: 3px;
  text-align: center; }

th.day {
  text-align: right;
  width: 75px;
  padding-left: 10px; }

th.date {
  text-align: left;
  width: 25px;
  padding-right: 10px;
  padding-left: 10px; }

th.celebration {
  text-align: left;
  width: 375px;
  padding-left: 10px; }

th.celebration2 {
  text-align: right;
  width: 375px;
  padding-right: 10px; }

th.rank {
  text-align: left;
  width: 100px;
  padding-left: 10px; }

.date {
  text-align: left; }

.day {
  text-align: right; }

.xday {
  font-size: .75em;
  text-align: right; }

.kal {
  font-size: .75em;
  text-align: center; }

.mem {
  font-style: italic; }

.sol {
  font-weight: bold; }

.Sunday {
  font-weight: bold;
  text-align: right; }

.rank2 {
  color: #408000;
  padding-left: 1em; }

.xSunday {
  font-size: .75em;
  font-weight: bold;
  text-align: right; }

.comm {
  font-size: .75em;
  font-style: italic; }

.move {
  font-size: .85em;
  text-align: center; }

.month {
  font-size: 1.25em;
  font-weight: bold; }

.contents-Ordo {
  text-align: left;
  font-size: 95%;
  background-color: #f3ffe6;
  margin: 0 0 5px 10px;
  width: 282px;
  float: right;
  border-left: 2px solid #daa520;
  padding: 10px 5px 15px 0; }
  .contents-Ordo h4 {
    padding-top: 5px;
    padding-left: 5px; }
  .contents-Ordo dl, .contents-Ordo dt, .contents-Ordo dd {
    text-align: left;
    padding-left: 10px; }

.Sunday-Ordo-Green {
  margin-top: 1.5em;
  padding: .5em 0 1em 1em;
  clear: both;
  border-top: 2px solid #408000;
  border-left: 6px solid #408000;
  font-family: "PT Sans", Helvetica-neue, Helvetica, "Lucida Grande", Arial; }
  .Sunday-Ordo-Green h3 {
    color: #408000; }

#Heading-Ordo-Green {
  color: #408000; }

.Proper-Green {
  font-size: .85em;
  border-top: 2px solid #408000; }
  .Proper-Green dl, .Proper-Green a {
    color: #408000; }

table.Green {
  border-width: 1px 1px 2px 3px;
  width: 100%;
  border-style: solid;
  border-color: #cccc99 #cccc99 #5ab300 #5ab300;
  border-collapse: collapse;
  font-size: 1.25em; }
  table.Green a {
    color: #408000; }
  table.Green caption {
    background-color: #408000;
    color: white; }

.year-Green {
  color: white;
  font-size: 1.25em;
  font-weight: 700;
  background-color: #5ab300;
  padding-top: .5em; }

.contents-Ordo-Green {
  text-align: left;
  font-size: 95%;
  background-color: #5ab300;
  margin: 0 0 5px 10px;
  width: 282px;
  float: right;
  border-left: 2px solid #408000;
  padding: 10px 5px 15px 0; }

.Sunday-Ordo-Purple {
  margin-top: 1.5em;
  padding: .5em 0 1em 1em;
  clear: both;
  border-top: 2px solid #800080;
  border-left: 6px solid #800080;
  font-family: "PT Sans", Helvetica-neue, Helvetica, "Lucida Grande", Arial; }
  .Sunday-Ordo-Purple h3 {
    color: #800080; }

#Heading-Ordo-Purple {
  color: #800080; }

.Proper-Purple {
  font-size: .85em;
  border-top: 2px solid #800080; }
  .Proper-Purple dl, .Proper-Purple a {
    color: #800080; }

table.Purple {
  border-width: 1px 1px 2px 3px;
  width: 100%;
  border-style: solid;
  border-color: #cccc99 #cccc99 #cd00cd #cd00cd;
  border-collapse: collapse;
  font-size: 1.25em; }
  table.Purple a {
    color: #800080; }
  table.Purple caption {
    background-color: #800080;
    color: white; }

.year-Purple {
  color: white;
  font-size: 1.25em;
  font-weight: 700;
  background-color: #cd00cd;
  padding-top: .5em; }

.contents-Ordo-Purple {
  text-align: left;
  font-size: 95%;
  background-color: #ff80ff;
  margin: 0 0 5px 10px;
  width: 282px;
  float: right;
  border-left: 2px solid #800080;
  padding: 10px 5px 15px 0; }

.Sunday-Ordo-Red {
  margin-top: 1.5em;
  padding: .5em 0 1em 1em;
  clear: both;
  border-top: 2px solid #b22222;
  border-left: 6px solid #b22222;
  font-family: "PT Sans", Helvetica-neue, Helvetica, "Lucida Grande", Arial; }
  .Sunday-Ordo-Red h3 {
    color: #b22222; }

#Heading-Ordo-Red {
  color: #b22222; }

.Proper-Red {
  font-size: .85em;
  border-top: 2px solid #b22222; }
  .Proper-Red dl, .Proper-Red a {
    color: #b22222; }

table.Red {
  border-width: 1px 1px 2px 3px;
  width: 100%;
  border-style: solid;
  border-color: #cccc99 #cccc99 #db4545 #db4545;
  border-collapse: collapse;
  font-size: 1.25em; }
  table.Red a {
    color: #b22222; }
  table.Red caption {
    background-color: #b22222;
    color: white; }

.year-Red {
  color: white;
  font-size: 1.25em;
  font-weight: 700;
  background-color: #db4545;
  padding-top: .5em; }

.contents-Ordo-Red {
  text-align: left;
  font-size: 95%;
  background-color: #f8dbdb;
  margin: 0 0 5px 10px;
  width: 282px;
  float: right;
  border-left: 2px solid #b22222;
  padding: 10px 5px 15px 0; }

.Sunday-Ordo-Gold {
  margin-top: 1.5em;
  padding: .5em 0 1em 1em;
  clear: both;
  border-top: 2px solid #daa520;
  border-left: 6px solid #daa520;
  font-family: "PT Sans", Helvetica-neue, Helvetica, "Lucida Grande", Arial; }
  .Sunday-Ordo-Gold h3 {
    color: #daa520; }

#Heading-Ordo-Gold {
  color: #daa520; }

.Proper-Gold {
  font-size: .85em;
  border-top: 2px solid #daa520; }
  .Proper-Gold dl, .Proper-Gold a {
    color: #daa520; }

table.Gold {
  border-width: 1px 1px 2px 3px;
  width: 100%;
  border-style: solid;
  border-color: #cccc99 #cccc99 #e8c15f #e8c15f;
  border-collapse: collapse;
  font-size: 1.25em; }
  table.Gold a {
    color: #daa520; }
  table.Gold caption {
    background-color: #daa520;
    color: white; }

.year-Gold {
  color: white;
  font-size: 1.25em;
  font-weight: 700;
  background-color: #e8c15f;
  padding-top: .5em; }

.contents-Ordo-Gold {
  text-align: left;
  font-size: 95%;
  background-color: #f8ecce;
  margin: 0 0 5px 10px;
  width: 282px;
  float: right;
  border-left: 2px solid #daa520;
  padding: 10px 5px 15px 0; }

.Sunday-Ordo-Indigo {
  margin-top: 1.5em;
  padding: .5em 0 1em 1em;
  clear: both;
  border-top: 2px solid #4b0082;
  border-left: 6px solid #4b0082;
  font-family: "PT Sans", Helvetica-neue, Helvetica, "Lucida Grande", Arial; }
  .Sunday-Ordo-Indigo h3 {
    color: #4b0082; }

#Heading-Ordo-Indigo {
  color: #4b0082; }

.Proper-Indigo {
  font-size: .85em;
  border-top: 2px solid #4b0082; }
  .Proper-Indigo dl, .Proper-Indigo a {
    color: #4b0082; }

table.Indigo {
  border-width: 1px 1px 2px 3px;
  width: 100%;
  border-style: solid;
  border-color: #cccc99 #cccc99 #6800b5 #6800b5;
  border-collapse: collapse;
  font-size: 1.25em; }
  table.Indigo a {
    color: #4b0082; }
  table.Indigo caption {
    background-color: #4b0082;
    color: white; }

.year-Indigo {
  color: white;
  font-size: 1.25em;
  font-weight: 700;
  background-color: #6800b5;
  padding-top: .5em; }

.contents-Ordo-Indigo {
  text-align: left;
  font-size: 95%;
  background-color: #ca82ff;
  margin: 0 0 5px 10px;
  width: 282px;
  float: right;
  border-left: 2px solid #4b0082;
  padding: 10px 5px 15px 0; }

.Ordo {
  clear: right;
  margin-top: 1em;
  margin-left: 1em;
  padding: 0 .5em 1em .5em;
  font-family: "PT Sans Narrow", Myriad, Helvetica-neue, Helvetica, "Lucida Grande", Arial; }
  .Ordo tr {
    font-size: .75em;
    vertical-align: top; }
  .Ordo td {
    border-bottom: 1px solid #cccc99;
    padding: .25em; }
  .Ordo ul li {
    list-style-type: none; }

.shorter {
  font-style: italic;
  text-align: right; }

.Sunday-Ordo-Gold {
  background-color: beige; }

.part {
  font-weight: 700;
  vertical-align: top;
  width: 125px;
  padding-left: 1em; }

.scripture {
  vertical-align: middle; }

.clue {
  font-style: italic;
  vertical-align: top; }

#footer {
  border-top: 1px solid black;
  margin: 1.5em 0 0;
  padding: .5em 0 0;
  text-align: right;
  font-family: "PT Sans", Helvetica-neue, Helvetica, "Lucida Grande", Arial;
  font-size: .9em; }

ul#footer, #footer ul {
  list-style-type: none; }