body {
	background-color: #eee;
}

h1 {font-family: Arial, Helvetica, sans-serif; font-weight: 500}
h2 {font-family: Arial, Helvetica, sans-serif; font-weight: 500}
#thisweek {
	background-color: #ddd;
	float: right;
	width: 50%;

}
tr.today {
	border-right-width: thick;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	background-color: #ee0;

}
#Crumbs, body.Static td.LinkStrip {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

body.Static td.LinkBlock {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
}

#Crumbs a:hover, .LinkStrip a:hover {

	text-decoration: underline;
}
#Crumbs,.LinkStrip a {


	text-decoration: none;
}
#Footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}
body.Static, body.Static td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
}
code {
	font-family: "Courier New", Courier, mono;
	font-size: 100%;

}
.Static h2 {
	font-size:150%;
	font-weight: bold;
	color: #333300;
}
.Static h3 {
	font-size: 120%;
	color: #666600;

}

div#hournav {margin:0 0 4ex 4em; padding:0; float:right; 
             width:12em;
			 border: 1px solid black;
			 background: #F0F0F0;
			 font-size:85%;
			 }
div#hournav a {display:block; padding: 4px 8px; margin:0; 
               text-decoration:none; 
               border-top: 1px solid gray;}
div#hournav h4 {display:block; padding: 4px 8px; margin:0; 
               font-weight:bold;
			   font-size: 100%;
               border-top: 1px solid gray;
  			   background: #E0E0E0;
			   }
div#hournav #first {border-top: none;}
div#hournav a:hover {background: #FFC;
                     text-decoration: underline;
					 }

img.righthand {
	float: right;
	margin-left: 12px;
}
.rubric {
	font-size: 87%;
	font-style: italic;
	color: #800000;
}
.coloured {color: #c00000;}
.boldrubric {font-weight: bold;	color: #800;}
.versenumber {font-size: 60%; vertical-align:super; color: #800;}

.ua {border: medium solid black; background-color: #ffc; padding: 1ex;}
.hi {display:none;}

@media screen {
/* Does not work with IE6, but then IE6 will simply fall back to the old behaviour (full-width lines)
    so there's no need to work round its deficiency.
   */
div#texts {
/*	max-width: 48em;
	width: 60%;
	float: left;*/
	background-color:#fff
}
}

.p  {text-align:justify; margin:0px;}
.pi {text-align:justify; text-indent: 1em; /* margin:0.4em 0 0 0; */ }
.v  {text-indent: -3em; padding-left: 3em; margin: 0px;}
.vi {text-indent: -2em; padding-left: 3em; margin:0px;}
.gb {margin-top: 0.8em; }

/*
a:hover#linktomain
{color: red;
 };

a:link#linktomain, a:visited#linktomain
*/
#linktomain
{background-color:#ff8;
 font-weight:bold;
 }
 
#mainheading {
/* A URL relative to this stylesheet should be enough, but for some reason some browsers get confused. */
	background-image:url(../../static/bin/tenuousMS.jpg);
	background-color:#ded9bb;
	}

.smallprint {font-size: 83%;
             }
hr.shortrule {width: 20%; margin-top:1em;}

table.each {margin-top: 2em; }

td.parallelL {padding-right:1em; width:50%;} /* Width added 6-Jan-2016. */
td.parallelR {padding-left:1em; width:50%;} /* Width added 6-Jan-2016. */


#hourlinks * {
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	}

#dateref {
	font-size: 75%;
	color:#975;
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	}
	

#hourlinks a, #hourlinks h4, #hourlinks i {
	font-size: 75%;
	 color:#975;
}

#hourlinks h4 {
	color:#000
}

#hourlinks h4 {
	display:none;
}

#hourlinks a:link, #dateref a:link {
	text-decoration:none;
}
#hourlinks a:hover,#dateref a:hover {
	color:#000;
	background-color:#ffc;
}
#hourlinks i {
    color:#999;
	font-style:normal; 
}

#datelinks a, #datelinks h3, #datelinks h4, #datelinks i  {
	display: block;
	padding-right: 1em;
	margin: 0em;
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	font-size: 75%;
	color:#975;
}

#datelinks a, #datelinks i
{padding-left:2em;
 padding-bottom: 1em;
 }


#datelinks h3, #datelinks h4 {
	padding-left:1em;
}
#datelinks h3 {
	color:#000;
	padding: 1em;
}

#datelinks h4 {
	padding-top:1em;
}

#datelinks a:link {
	text-decoration:none;
}
#datelinks a:hover {
	color:#000;
	background-color:#ffc;
}

#datelinks .solemnity
{color:red;
text-transform: uppercase;
}

.rank
{
	font-style: italic;
	font-size: 80%;
	color: #999;
}

.rank-3
{
	color: red;
	text-transform: uppercase;
	font-weight: bold;
}

.rank-6
{
text-transform: uppercase;
		font-weight: bold;

}

.rank-7
{
text-transform: uppercase;
	
}

.rank-10
{
	font-weight: bold;
}

      .lit-g {
	width: 1.5ex;
	height: 1.5ex;
	/*                padding:10px 11px; */
	margin: 0 auto;
	border: 1px solid #000;
	border-radius: 20%; /* Different shape from red */
	background-color: #0f0;
	display: inline-block;
	vertical-align: baseline;
            }
      .lit-r {
	width: 1.5ex;
	height: 1.5ex;
	/*                padding:10px 11px; */
	margin: 0 auto;
	border: 1px solid #000;
	border-radius: 100%;
	background-color: #F00;
	display: inline-block;
	vertical-align: baseline;
            }
      .lit-w {
	width: 1.5ex;
	height: 1.5ex;
	/*                padding:10px 11px; */
	margin: 0 auto;
	border: 1px solid #000;
	border-radius: 100%;
	background-color: #FFF;
	display: inline-block;
	vertical-align: baseline;
            }
      .lit-p {
	width: 1.5ex;
	height: 1.5ex;
	/*                padding:10px 11px; */
	margin: 0 auto;
	border: 1px solid #000;
	border-radius: 100%;
	background-color: #C0C;
	display: inline-block;
	vertical-align: baseline;
            }
      .lit-k {
	width: 1.5ex;
	height: 1.5ex;
	/*                padding:10px 11px; */
	margin: 0 auto;
	border: 1px solid #000;
	border-radius: 100%;
	background-color: #FAC;
	display: inline-block;
	vertical-align: baseline;
            }
      .lit-b {
	width: 1.5ex;
	height: 1.5ex;
	/*                padding:10px 11px; */
	margin: 0 auto;
	border: 1px solid #000;
	border-radius: 100%;
	background-color: #000;
	display: inline-block;
	vertical-align: baseline;
            }


#yearly-calendar td
{
	vertical-align: top;	
}

#datelinks .feast
{color:red;
}

#datelinks .current {
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, #bbbbbb), color-stop(0.51, #bbbbbb), color-stop(1, #eeeeee));
    background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, #bbbbbb 50%, #bbbbbb 51%, #eeeeee 100%);
}

@media screen and (min-width: 44em)
{   #hourlinks b {
		display:none;
	}
#hourlinks *, #hourlinks h4 {
	display: block;
    padding: 1em;
	margin:0em;	}

#hourlinks i {
	font-style:normal;
}
#linktomain
{background-color:inherit;
 font-weight:normal;
 }
}


@media screen and (min-width: 44em) and (max-width:57em)
{
 	#overallcontainer {
		padding-left: 10em;      /* LC width */
		padding-right: 0em; 			
		}
		
	#texts {
		float: right;
	    width: 100%; /* Without 'innertexts', this needs to be 'auto' and padding included. */
		}
	#hourlinks {
		float: left;
		width: 10em;             /* LC width */
		margin-left: -10em;      /* LC width */
		}
	#datelinks {
		clear:left;
		width: 10em;             /* LC width */
		margin-left: -10em;      /* LC width */
		}
}

@media screen and (min-width: 57em)
{   #dateref {
		display:none;
		}

	#overallcontainer {
		padding-left: 10em;      /* LC width */
		padding-right: 8em;     /* RC width */
		}
		
	#texts {
		position: relative;
		float: left;
	    width: 100%; /* Without 'innertexts', this needs to be 'auto' and padding included. */
		}

	#hourlinks {
		position: relative;
		float: left;
		width: 10em;             /* LC width */
		margin-left: -10em;      /* LC width */
		}
				
	#datelinks {
		position: relative;
		float: left;
		width: 8em;             /* RC width */
		margin-right: -100%;
		}
}

#texts {
	border-left: thin solid #ccc;
	border-right: thin solid #ccc;
	/* Padding is now included in 'innertexts' instead.
	padding-top: 0;
	padding-right: 1em;
	padding-bottom: 0;
	padding-left: 2em;
	*/
}


#innertexts {
	width:auto;
	max-width:35em;
	padding-top: 0;
	padding-right: 1em;
	padding-bottom: 0;
	padding-left: 2em;
};


@media print
{#hourlinks, #datelinks {
	display:none;
}
}

#mainheading *
{
 font-family:Helvetica,Arial,sans-serif;
}

#logoname, #datename {
	display:inline-block;
}

#logoname a
{text-decoration:none; 
 color:black;
 font-size:xx-large;
}

#datename tt
{font-family:"Courier New", Courier, monospace;
 font-size:80%;
}

#feastname
{font-size:large;
 font-weight:bold;
}

#feastrank
{font-size:small;
}

#logoname {
	margin-right:1em;
}

#mainheading {
	border:3px solid #c00;
	padding: 3px;
	
}

.oldfirstblock {
    border-color:#800;
	border-top-width: thin /* medium */;
	border-right-width: thin /* medium */;
	border-bottom-width: thin /* medium */;
	border-left-width: thin /* medium */;
	border-top-style: solid;
	border-right-style: dashed;
	border-bottom-style: none;
	border-left-style: dashed;
	padding-top: 1ex;
	padding-bottom: 1ex;
	padding-left: 1em;
	padding-right: 1em;
    margin-top: 1ex;
}
.oldmiddleblock {
    border-color:#800;
	border-top-width: thin /* medium */;
	border-right-width: thin /* medium */;
	border-bottom-width: thin /* medium */;
	border-left-width: thin /* medium */;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: none;
	border-left-style: dashed;
	padding-top: 1ex;
	padding-bottom: 1ex;
	padding-left: 1em;
	padding-right: 1em;
}
.oldlastblock {
    border-color:#800;
	border-bottom-width: thin /* medium */;
	border-right-width: thin /* medium */;
	border-top-width: thin /* medium */;
	border-left-width: thin /* medium */;
	border-bottom-style: solid;
	border-right-style: dashed;
	border-top-style: dashed;
	border-left-style: dashed;
	padding-top: 1ex;
	padding-bottom: 1ex;
	padding-left: 1em;
	padding-right: 1em;
}

.firstblock, .middleblock, .lastblock {
    border-color:#cc0;
	border-bottom-width: thin /* medium */;
	border-right-width: thin /* medium */;
	border-top-width: thin /* medium */;
	border-left-width: thin /* medium */;
	border-right-style: solid /* dashed*/ ;
	border-left-style: solid /* dashed*/;
	padding-top: 1ex;
	padding-bottom: 1ex;
	padding-left: 1em;
	padding-right: 1em;
}

.firstblock, .middleblock {
	border-bottom-style: none;
}

.lastblock {
	border-bottom-style: solid;
}

.firstblock {
	border-top-style: solid;
}

.middleblock, .lastblock {
	border-top-style: dotted;
}