html {
	padding: 0;
	margin: 0;
}

body {
	color: #000;
	font-size: medium;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff;
	background-image: url(../Graphics/Navbar.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
	margin: 0;
	padding: 0;
}

wrapper {

}

/* @group Links */

/* basic link styles */

a:link {
	color: #660;
	text-decoration: none;
}

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

a:hover {
	text-decoration: underline;
}

/* @end */

/* header */

div#top {
	margin: 0;
	padding: 0;
	font-size: 90%;
	top: 0;
	left: 100px;
}

div#nav {
	font-size: 0.9em;
	font-weight: bold;
	float: left;
	width: 100px;
	clear: left;
	margin: 0;
	padding: 0;
}

div#content {
	position: absolute;
	top: 80px;
	left: 100px;
	z-index: 100;
	padding: 0 0 10px 10px;
	margin: 20px;
	float: left;
	width: auto;
	display: inline;
}

/* @group Top 1-3 */

/* Top 3 horizontal bands */

div#top1 {
	background-color: #FF9;
}

div#top1 li a, div#top2 li a, div#top3 li a, div#footer li a {
	text-decoration: none;
	color: #660;
}

div#top1 li a:hover, div#top2 li a:hover, div#top3 li a:hover, div#footer li a:hover {
	text-decoration: underline;
}

div#top1 li, div#top2 li, div#top3 li, div#footer li {
	display: inline;
	padding: 0 3px 0 1px;
}

div#top1 ul, div#top2 ul, div#top3 ul, div#footer ul {
	list-style-type: none;
	margin: 0;
	padding: 3px 0 0 0;
}

div#top1, div#top2 {
	height: 24px;
	text-align: right;
	margin: 0;
	padding: 0 10px 0 0;
}

div#top3 {
	height: 24px;
	text-align: right;
	margin: 0;
	padding: 0 10px 0 0;
}

div#top2 {
	background-color: #CC9;
}

div#top3 {
	background-color: #FFC;
}

/* @end */

/* @group Logos */

/* Logo styles: 1 = Liturgy Office; 2 = local/section */

div#logo1, div#logo2 {
	width: 100px;
	background-color: #ff9;
	text-align: center;
	float: left;
	clear: left;
}

div#logo1 a, div#logo2 a {
	text-decoration: none;
}

div#logo1 img, div#logo2 img {
	margin: 10px 0;
	border-width: 0;
}

/* @end */

/* @group LH navigation */

/* styles for (SSI) LH navigation */

#nav a:link {
	color: #660;
	background-color: transparent;
}

#nav a.none:link {
	color: #000;
	background-color: transparent;
}

#nav a:visited {
	color: #ca2220;
	background-color: transparent;
}

#nav a:hover {
	color: #ff9;
	background-color: #660;
	text-decoration: none;
}

#nav a.none:hover {
	color: #000;
	text-decoration: none;
	background-color: transparent;
}

#nav li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #cc9;
	list-style-type: none;
}

#nav a.thismonth:link {
	border-left: 2px solid #660;
}

#nav a.thismonth:hover {

}

#nav li a {
	text-decoration: none;
	width: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: auto;
	padding: 3px 5px;
	display: block;
}

#nav ul {
	text-align: left;
	width: 100px;
	margin: 0;
	padding: 0;
	border-top: 1px solid #cc9;
	border-right: 2px solid #600;
}

#nav ul ul {
	text-align: left;
	border-top: 1px solid #cc9;
	border-right-width: 0;
}

#nav ul ul li {
	padding-left: 10px;
}

#nav>ul a {
	width: auto;
}

#nav a.small {
	font-size: 0.8em;
}

/* @end */

/* Main Body */

/* @group Headings styles */

/* basic headings styles */

div#heading {
	position: relative;
	left: -15px;
	width: auto;
	margin-bottom: 1.5em;
	border-bottom-color: blue;
	border-bottom-width: 1px;
}

h1 {
	margin: 0;
	padding: 0;
	color: #ca2220;
}

h2 {
	margin: 0;
	padding: 0.25em 0 0 1em;
	color: #660;
}

h3 {
	font-size: 1.15em;
	font-weight: bold;
	margin: 1em 0 0;
}

h4 {
	font-size: 1em;
	font-weight: bold;
	margin: 0;
}

/* @end */

/* @group Body (General) Styles */

/* basic body styles */

p {
	margin: 0;
	padding: 0;
	text-align: justify;
	line-height: 125%;
}

p#clause {
	font-size: 0.75em;
	text-align: right;
	margin-top: 1.5em;
	margin-bottom: 0;
}

sup {
	font-size: 60%;
	line-height: 1em;
}

q {
	padding-left: 2em;
}

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

/* @end */

/* @group Columns */

/* Columns 1-4 */

div#col, div#cols { width: 650px; float: left; clear: none; margin-bottom: 1em; }

div#cols-2 {
	margin-top: 1.5em;
	width: 600px;
	float: left;
	clear: both;
	border-top: 2px solid #cc9;
}

div#col1, div#col3 {
	width: 275px;
	float: left;
	clear: none;
	padding-right: 20px;
}

div#col2, div#col4 {
	width: 275px;
	float: left;
	margin: 0;
	padding: 0 0 0 25px;
}

div#col1 h2, div#col2 h2, div#col3 h2, div#col4 h2 {
	color: #660;
	font-size: 0.95em;
	margin: 0;
	padding: 1em 0 0 !important;
}
/* is colour declaration necessary */
div#col1 p, div#col2 p, div#col3 p, div#col4 p {
	font-size: 0.9em;
	margin: 0;
	padding: 0;
}

div#col1 dl, div#col2 dl, div#col3 dl, div#col4 dl {
	font-size: 0.95em;
	margin: 0;
	padding: 0 0 0 1em !important;
}

div#col1 ul, div#col2 ul, div#col3 ul, div#col4 ul {
	font-size: 0.9em;
	margin: 0;
	padding: 0 0 0 2.5em !important;
}

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;
}

/* @end */

/* @group Calendar */

/* Calendar (months) tables */

div#Calendar {
	width: 100%;
	float: left;
	clear: both;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
}

div#Calendar table {
	border: solid 1px #cc9;
	border-collapse: collapse;
}

div#Calendar td, div#Calendar th {
	vertical-align: top;
	padding: 3px 5px;
	border-bottom: 1px solid #cc9;
}

div#Calendar thead {

}

div#Calendar tfoot {

}

div#Calendar tr {
	font-size: 0.8em;
	vertical-align: top;
}

div#Calendar ul {
	padding-bottom: 0.75em;
}

div#Calendar p {
	margin: 0;
	padding: 0;
}

caption {
	color: #660;
	font-weight: bold;
	background-color: #cc9;
	padding: 3px;
	border-top: 1px solid #cc9;
	border-right: 1px solid #cc9;
	border-left: 1px solid #cc9;
}

.Gold caption {
	margin: 0px;
	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 3px;
	padding-top: 3px;
	width: 100%;
	border-left-color: #cc9;
	border-right-color: #cc9;
	border-top-color: #cccc99;
	color: #ffff99;
	font-weight: bold;
	background-color: #666600;
	border-top: 1px solid;
	border-right: 1px solid;
	border-left: 1px solid;
}

.Red caption {
	border-left-color: #cc9;
	border-right-color: #cc9;
	border-top-color: #cccc99;
	color: #ffff99;
	font-weight: bold;
	background-color: #666600;
	padding: 3px;
	border-top: 1px solid;
	border-right: 1px solid;
	border-left: 1px solid;
}

th {
	color: #660;
	background-color: #ffc;
	padding: 3px;
}

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;
}

.celebration {

}

.date {
	text-align: left;
}

.day {
	text-align: right;
}

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

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

.feast {

}

.mem {
	font-style: italic;
}

.rank {

}

.sol {
	font-weight: bold;
}

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

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

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

.move {
	font-size: 0.85%;
	text-align: center;
}

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

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

div#month {
	position: relative;
	left: -15px;
}

/* @end */

/* @group Newsletter columns (narrow left) */

/* Newsletter page styles - narrow left column */

div#ncol1, div#ncol3 {
	width: 150px;
	float: left;
	clear: none;
	margin: 0 20px 0 0;
	padding: 0;
}

div#ncol2, div#ncol4 {
	float: left;
	margin: 0;
	padding: 0 0 0 25px;
	width: 425px;
}

div#ncol1 h2, div#ncol2 h2, div#ncol3 h2, div#ncol4 h2 {
	font-size: 1.5em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

div#ncol1 h3, div#ncol2 h3, div#ncol3 h3, div#ncol4 h3 {
	font-size: 1.15em;
	font-weight: bold;
	font-style: italic;
	margin: 0.75em 0 0;
	padding: 0;
}

div#ncol1 p, div#ncol2 p, div#ncol3 p, div#ncol4 p {
	font-size: 0.95em;
	margin: 0 0 0.5em;
	padding: 0;
}

div#ncol1 ul, div#ncol2 ul, div#ncol3 ul, div#ncol4 ul {
	font-size: 0.8em;
	margin: 0 0 0 20px;
	padding: 0;
}

div#ncol1 dl {
	font-size: 0.75em;
	margin: 10px 0 0;
	padding: 0;
}

div#ncol1 dt {
	font-weight: bold;
	margin: 0;
	padding: 0;
}

div#ncol1 dd {
	margin: 0 0 5px;
}

div#ncol1 h3.nomargin {
	margin-top: 0.5em;
}

/* @end */

/* @group Single Column */

/* single column div & styles */

#single {
	clear: both;
}

#single h2 {
	margin: 0;
	padding-left: 0;
	clear:both;
}

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

#single img.main	{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	margin-top: 10px;
	padding: 0;
	box-shadow: 5px 5px 25px 5px rgba(0,0,0,0.7)
}
#single img.main2	{
	display: block;
	margin-left: auto;
	margin-right: 2em;
	margin-bottom: 15px;
	margin-top: 10px;
	padding: 0;
	box-shadow: 5px 5px 25px 5px rgba(0,0,0,0.7)
}

#single dl {
	margin: 0;
	padding: 0;
}

#single dl ul, #single ul {
	margin: 0 0 0 3em;
	padding: 0;
}

#single dl ul li, #single ul li, #single ol li {
	font-size: 0.9em;
	margin: 0;
	padding: 0;
}

#single dt {
	font-style: italic;
	margin-top: 0.5em;
}
/* single dd made left align for Sunday pages and Cycle of Prayer in Contents-Ordo 24/9/08 */
#single dd {
	font-size: 0.95em;
	text-align: left;
	margin: 0 1.5em 0.25em;
	padding: 0;
}

#single p, #single blockquote, #single li, #single q {
	font-size: 0.9em;
	margin-bottom: 0.75em;
}

/* @end */

/* @group Issue (Newsletter) div */

/* lists of (Newsletter) issues) */

div.issue {
	width: 100%;
	float: left;
	clear: both;
}

div.issue h3 {
	clear: both;
}

div.issue h2 {
	border-top: 1px solid #660;
}
h4.resource { font-size: 1.25em; font-weight: bold; margin-top: 1em; padding-top: 0.5em; border-top: 1px solid #660; }
div.issue h4 {
	font-size: 0.9em;
	font-weight: normal;
}
div.issue img { margin-right: 1em; }
div.issue ol {
	margin: 0;
	padding: 0;
}

div.issue ul, div.issue ol {
	font-size: 0.85em;
	margin: 0 0 0 4.5em;
	padding: 0;
}

div.issue ul {
	list-style-type: none;
}
div.issue ol { clear: left; }
div.issue li {
	margin: 0;
	padding: 0;
}

div.issue ul ul {
	font-size: 1em;
	margin: 0;
	padding: 0;
	list-style-type: disc;
}

div.issue ul ul li {
	list-style-position: inside;
}

/* @end */

/* @group Cycle styles */

/* Cycle of Prayer pages styles */

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

.1st-intention {
	margin-top: 1.5em;
	padding-top: 0.5em;
	clear: both;
}

.first-intention {
	margin-top: 1.5em;
	padding-top: 0.5em;
	clear: left;
}

div.prayer {
	width: 282px;
	float: right;
	margin: 0 0 0 10px;
	padding: 0 10px 10px;
	border-left: 2px solid #600;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 250px;
}

div.prayer2 {
	width: 282px;
	border-right-color: #660000;
	border-right-width: 2px;
	border-right-style: solid;
	margin-left: 0px;
	margin-bottom: 0;
	margin-right: 10px;
	margin-top: 0;
	float: left;
	padding: 0 10px 10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 250px;
}

/* wider version used on Pope pages */
div.prayer3 {
	width: 392px;
	float: left;
	margin: 10px 0 0 50px;
	padding: 0 10px 10px;
	border-left: 2px solid #600;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 320px;
}


div.prayer h3, div.contents h3, div.content h2 {
	margin: 0;
	padding: 0;
}

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

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

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

.ref {
	font-size: 0.65em;
	margin: 0;
	padding: 0 0 0 2em;
}

/* @end */

/*documents styles*/

.para1 {
	text-indent: -2em;
	padding-left: 2em;
}

.para2 {
	padding-left: 2em;
}



.ref2 {
	font-size: 0.65em;
	text-align: right;
}
.author { font-size: 0.8em; text-align: right; margin: 0; padding: 0; }
/* @group Ordo styles */

/*Ordo styles
*/

.Sunday-Ordo {
	clear: both;
	margin-top: 1.5em;
	padding-top: 0.5em;
	padding-bottom: 1em;
	padding-left: 1em;
	border-top: 2px solid purple;
	border-left: 6px solid purple;
}
.Sunday-Ordo-Purple {
	 margin-top: 1.5em;
	 padding-top: 0.5em;
	 padding-bottom: 1em;
	 padding-left: 1em;
	 clear: both;
	 border-top: 2px solid purple;
	 border-left: 6px solid purple;
 }
.Sunday-Ordo-Gold {
	margin-top: 1.5em;
	padding-top: 0.5em;
	padding-bottom: 1em;
	padding-left: 1em;
	clear: both;
	border-top: 2px solid #ff9;
	border-left: 6px solid #ff9;
}
.Sunday-Ordo-Green {
	margin-top: 1.5em;
	padding-top: 0.5em;
	padding-bottom: 1em;
	padding-left: 1em;
	clear: both;
	border-top: 2px solid #009900;
	border-left: 6px solid #009900;
}
.Sunday-Ordo-Red { margin-top: 1.5em; padding-top: 0.5em; padding-bottom: 1em; padding-left: 1em; clear: both; border-top: 2px solid #d40000; border-left: 6px solid #d40000; }
#Heading-Ordo h1 {
	color: purple;
}
#Heading-Ordo-Purple h1 { color: purple; }
#Heading-Ordo-Gold h1 { color: #dbc528; }
#Heading-Ordo-Green h1 { color: #009900; }
#Heading-Ordo-Red h1 { color: #d40000; }
.Proper {
	border-top: 2px solid purple;
	font-size: 0.85em;
}
.Proper-Purple { font-size: 0.85em; border-top: 2px solid purple; }
.Proper-Gold { font-size: 0.85em; border-top: 2px solid #ff9; }
.Proper-Green { border-top-color: #009900; font-size: 0.85em; border-top: 2px solid; }
.Proper-Red { font-size: 0.85em; border-top: 2px solid #d40000; }
div.contents-Ordo { text-align: left; padding-left: 0px; font-size: 95%; background-color: #ff9; margin: 0 0 5px 10px; width: 282px; float: right; border-left: 2px solid #600; voice-family: "\"}\""; voice-family: inherit; width: 200px; padding-top: 10px; padding-right: 5px; padding-bottom: 15px; }
div.contents-Ordo h4 {
	padding-top: 5px;
	padding-left: 5px;
}

div.contents-Ordo dl, div.contents-Ordo dt, div.contents-Ordo dd {
	text-align: left;
	padding-left: 10px;
}

.Ordo {
	clear: right;
	margin-top: 1em;
	margin-left: 1em;
	padding-right: 0.5em;
	padding-bottom: 1em;
	padding-left: 1em;
}
table.Purple { width: 100%; border-style: solid; border-width: 1px 1px 2px 3px; border-color: #cc9 #cc9 purple purple; border-collapse: collapse; }
table.Gold { border-left-width: 3px; border-bottom-width: 2px; border-right-width: 1px; border-top-width: 1px; width: 100%; border-style: solid; border-color: #cc9 #cc9 #ff9 #ff9; border-collapse: collapse; }
table.Green { border-left-color: #009900; border-bottom-color: #009900; border-right-color: #cc9; border-top-color: #cc9; width: 100%; border-style: solid; border-width: 1px 1px 2px 3px; border-collapse: collapse; }
table.Red { width: 100%; border-style: solid; border-width: 1px 1px 2px 3px; border-color: #cc9 #cc9 #d40000 #d40000; border-collapse: collapse; }
.shorter { font-style: italic; text-align: right; }
div.Ordo tr {
	font-size: 0.75em;
	vertical-align: top;
}

div.Ordo td {
	border-bottom: 1px solid #cc9;
	padding: .25em;
}

div.Ordo ul li {
	list-style-type: none;
}

.year-Purple { color: #ffff99; font-size: 1.25em; font-weight: bold; background-color: #909; padding-top: 0.5em; }
.year-Gold { color: #666600; font-size: 1.25em; font-weight: bold; background-color: #ffff99; padding-top: 0.5em; }
.year-Green { color: #666600; font-size: 1.25em; font-weight: bold; background-color: #00ff66; padding-top: 0.5em; }
.year-Red { color: #ffff99; font-size: 1.25em; font-weight: bold; background-color: #d40000; padding-top: 0.5em; }
.year { font-size: 1.25em; font-weight: bold; padding-top: 0.5em; }
.part{
	font-weight: bold;
	vertical-align: top;
	width: 125px;
	padding-left: 1em;
}

.scripture { vertical-align: top; }

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

/* @end */

/* @group RH contents box */

/* Contents list in RH box) */

div.contents {
	font-size: 80%;
	background-color: #ff9;
	margin: 0 0 0 10px;
	padding: 10px;
	width: 282px;
	float: right;
	border-left: 2px solid #600;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 200px;
}

div.rmcontents	{
	margin-left: 15px;
	margin-bottom: 0;
	margin-right: 0;
	margin-top: 0;
	font-size: 80%;
	background-color: #ffffcc;
	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;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 200px;
}

div.rmcontents1	{
	font-size: 80%;
	background-color: #ffffcc;
	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;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 200px;
	clear: both;
	margin: 0 0 0 15px;
}
div.contents h3, div.rmcontents h3, div.rhcolumn h3  {
	padding-top: 0.5em;
}
div.contents ol li, div.rmcontents ol li, div.rhcolumn ol li {
	padding: 0px;
	margin: 0px;
}
/* @end */


#rhcolumn {
	padding-right: 10px;
	padding-left: 10px;
	border-bottom-color: #cccc99;
	border-top-color: #ccff99;
	border-style: solid;
	border-width: 1px;
	border-right-color: #cccc99;
	height: 1600px;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-left: 15px;
	width: 240px;
	float: right;
	background-color: #ffffcc;
	border-left-color: #ccff99;
}

#rhcolumn img {
	padding-bottom: 5px;
	padding-top: 5px;
	margin-left: 30px;
	float: right;
}



/* @group Footer */

/* Footer */

#rhcolumn p	{
	clear: both;
}
.BOBOSC li	{
	list-style-image: url(../Graphics/Missal/BOBOSC_sm.jpg);
}ul#footer {
	font-size: 90%;
	text-align: right;
	clear: both;
	margin: 1.5em 0 0;
	padding: 10px 10px 0 0;
	border-top: 1px solid #cc9;
	list-style-type: none;
}

.note {
	padding-left: 3em;
	font-size: 75%;
	font-style: italic;
}

/* @end */
#footnotes	{
	padding-left: 3em;
	padding-bottom: 0;
	padding-right: 10px;
	padding-top: 10px;
	margin-left: 0;
	margin-bottom: 1em;
	margin-right: 0;
	margin-top: 1.5em;
	font-size: 70%;
	border-top: 1px solid #cc9;
}
.upper	{
	list-style-type: upper-alpha;
}