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

/*RESET
html, body, div, span, h1, h2, p, a, em, font, img, strong, sup, center, {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body {line-height: 1;}*/

/*@import url(http://reset5.googlecode.com/hg/reset.min.css);
*/
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-family: sans-serif; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */

}
/**
* Remove default margin.
*/
body {
margin: 0;
background-color:#B67721;
color: #000;
  font-size:100%;
  line-height:1.4em;
  margin:0;
  padding:0;
}
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none;
}
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background: transparent;
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
font-weight: bold;
}
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0;
}
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 1em 40px;
}
/**
* Address differences between Firefox and other browsers.
*/
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto;
}
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}



/*======================================================
======================================================*/
@-ms-viewport{
    width: device-width;
}
/*
body
{
  color: #000;
  font-size:100%;
  line-height:1.6em;
  margin:0;
  padding:0;
  background-color:#B67721;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}*/

/*@media screen and (max-width: 480px) {

  	#mainpart div.division {
	width:100%;

	}
}*/
/*@media screen and (min-width: 480px) and (max-width: 1024px) {

  	#mainpart div.division {
	width:60%;
	}

}*/
/*@media screen and (min-width: 1024px) {

  	#mainpart div.division {
	width:98%;
	}
}
@media screen and (orientation: landscape) {

  	#mainpart div.division {
	width:50%;
	}

}*/

/*=============== NAVIGATION =============== */
nav  {
margin:0;
padding:0;
}

nav p {
padding:0;
margin:0;
}

#navigator {
width:100%;
display:block;
background-color:#76490B;
color:#FFF;
padding: 0 0 0 .5em;
}


#navigator a:link {
font-size:80%;
text-decoration:none;
color:#FFF;
padding:0;
margin:0;
}

#navigator a:visited {
color:#FFF;
}

#navigator a:hover {
color:#000;
background-color:#FFCC33;
}

#navigator a:active {
color:#000;
background-color:#33FFCC;
}

/*=============== HEADER =============== */
#heading {
margin:0;
width:100%;
background-color:#385E0F;
padding: .0015em 0 .0015em 1em;
}

	#heading h1 {
	font-size:100%;
	color:#FFF;
	}

#litheading
{
	display:block;
	border:hidden;
	background-color:#F2DEAE;
	width:100%;
	color:#000;
	padding: .0015em 0 .0015em 1em;
	margin:0;
}

#litheading h2
	{
	font-size:90%;
	color:#946D07;
	}

/*=============== MAIN =============== */

#mainpart {
  margin:0;
  padding:0
  width:100%;
}

#mainpart div.division {

	background-color:#FFF;
	color:#000;
	padding: .0015em 0 .0015em .5em;
}

#mainpart p
{
	font-size:90%;
	margin: 1.5% 3% 2% 2%;
}

#mainpart p.indent
{
	margin-left:4%;
	margin-right:4%;
}

#mainpart p.littleref
{
	margin-left:2%;
	margin-right:2%;
	font-size:85%;
}

#mainpart hr
{
	margin-left:2%;
	margin-right:2%;
	color:#B6B1B1;
}

sup {
  color:#CCCCCC;
  font-size:70%;
  vertical-align:top;
}


.ref {
	font-size:80%;
}

img
{
	height:auto;
	width:auto;
	vertical-align: middle;
}

img.comm
{
	height:50%;
	width:50%;
}

img.directly
{
	height:.5in;
	width:.5in;
}


audio
{
	margin:1.5% 2% 1% 2%;
	width:30%;
}

a:link {
color:#456568;
text-decoration:underline;
font-weight:bold;
}

a:visited {
color:#456568;
text-decoration:none;
font-weight:bold;
}

a:hover {
color:#6F4825;
text-decoration:none;
font-weight:bold;
}

a:active {
color:#E3C27C;
text-decoration:none;
font-weight:bold;
}

#hymn1 #open #confess #invitatory #venite #antiphon #psalm #gloria #reading1 #reading2 #reading3 #reading4 #canticle1 #canticle2 #canticle3 #canticle4 #essay #creed #LP #suffrages #collect #hymn3 #intercessions #cycles #dayprayers #hymn2 #francis #thanks #johnc #benediction #hymn4{
	color:#000000;

}