/* Body and box-like elements */
body {
	margin: 0px;
	padding: 15px;
	background: #DCDDE3;
	font: normal 105%/1.3em "Lucida Grande", "Lucida Sans Unicode", "Lucida", "Verdana", sans-serif;
    color: #003766;
}

/* MacIE5 commented backslash hack \*/
body {
	font: normal 86%/1.4em "Lucida Grande", "Lucida Sans Unicode", "Lucida", "Verdana", sans-serif;
    color: #003766;
}
/* End */

#frame {
	/* large rectangle, goes around all other elements */
	margin: 0 auto;
	padding: 0;
	width: 670px;
	height: 600px;
	border-bottom: 1px solid #003767;
	border-top: 2px solid #003767;
	border-right: 2px solid #003767;
	border-left: 2px solid #003767;
	background: #FFFFFF;
}

#small {
	padding: 0;
	color: black;
	background: #FFFFFF;
	margin: 0 0 0 0;
}

#min {
	padding-top: 20px;
	padding-left: 130px;
	font: normal 185% "monaco", Verdana, sans-serif;
	background: transparent;
}

#pagedescription {
	/* container for current issue articles on the front page */
	display: block;
	margin: 0 0 10px 0;
	padding: 2px 10px 10px 10px;
	background: #fff;
	border-bottom: 1px solid #fff;
}

#styles {
	/* style switcher, above the fold on every page */
	display: none;
	margin: 8px 0 3px 0;
	padding: 2px 0 2px 34px;
	color: #222;
	border-top: 1px solid #F4B06D;
	border-bottom: 1px solid #F4B06D;
	font: normal 75% "Lucida Grande", "Lucida Sans Unicode", "Lucida", "Verdana", sans-serif;
}

/* \*/
#styles {
	padding: 4px 0 4px 34px;
}

/* */

#sidenav {
	/* constant, but secondary, navigation */
	display: block;
	clear: left;
	float: left;
	width: 185px;
	margin: 2px 10px 10px 10px;
	/* changed 20240424 
	padding: 10px; */
	padding: 10px 0 0 0;
}

/* removed duplicate #sidenav 20240424
#sidenav {
	margin: 2px 10px 10px 10px;
} */

#footer {
	/* bottom of all pages */
	display: block;
	clear: both;
	padding: 10px 10px 10px 10px;
	background: #DCDDE3 url(images/footer.gif) top left repeat-x;
	margin: 10px 0 0 0;
}

.header {
	display: grid;
	grid-template-columns: 1fr auto;
}

.article {
	/* featured articles on main page */
	display: block;
	float: right;
	clear: right;
	/* changed from 62% 20240424 */
	width: 64%;
	margin: 10px 10px 10px 0;
	/* changed 20240424 
	padding: 0 0 10px 0;
	padding-left: 20px; */
}

/* Within article styles */
.code {
	/* blocks of code in articles */
	display: block;
	margin: 0 0 1.5em;
	padding: 5px;
	font: normal 75%/1.5em "Monaco", "Courier", "Courier New", sans-serif;
	/* color: #266938; */
	color: #555;
	background: transparent;
}

.code strong {
	/* parts that were changed */
	/* color: #042E0F; */
	color: #222;
	font-weight: bold;
}

.quote,
blockquote {
	/* quotes within articles */
}

/* Heading tags */
h1 {
	/* background for main logo */
	display: block;
	padding: 5px;
	margin: 0;
	font-size: 140%;
	color: #fff;
	background: #FFFFFF;
}

h1 a {
	/* main logo, with image replacement */
	display: block;
	padding: 0 0 15px 0;
	margin: 0;
	width: 550px;
	height: 60px;
	text-indent: -5000px;
	text-decoration: none;
	color: #444;
	background: #F1F1F1;
}

h1 a:hover {
	text-decoration: none;
	border: 0;
}

h2 {
	/* main heading for the page, or article title */
	padding: 0;
	margin: 0 0 8px 0;
	font: bold 100% "Trebuchet MS", Verdana, sans-serif;
	color: #859EEC;
	background: transparent url(images/h3.gif) bottom left repeat-x;
}

h2 em {
	/* emphasized with color */
	float: right;
	font: normal 95%/1.5em "Trebuchet MS", "Verdana", sans-serif;
	color: #003767;
}

h2 em a {
	text-decoration: none;
	color: #D26800;
}

h2 em a:hover {
	text-decoration: underline;
	color: #D26800;
}

h3 {
	/* side navigation header... pretty much the same thing as h3 without the background */
	color: #003767;
	background: transparent;
	font: bold 95%/1em "Trebuchet MS", "Verdana", sans-serif;
}

#small h3 {
	/* float: left; Changed 20240424*/
	margin: 0 0 0 0;
	padding: 0 0 30px 0;
	background: transparent url(images/map.jpg);
}

#sidenav h3 {
	margin: 0 auto;
	padding: 0 0 0px 0;
	background: transparent url(images/sidenav.gif) bottom left repeat-x;
}


h4 {
	/* article title */
	color: #000;
	font: bold 105%/1em "Trebuchet MS", "Verdana", sans-serif;
}

.article h4 {
	margin: 0 0 2px 0;
	padding: 0 0 6px 0;
}

.article h4 a,
.article h3 a:hover {
	text-decoration: none;
	border: none;
	color: #000;
}

.article h4 a:hover {
	color: #859EEC;
}

.article h4 em {
	/* author */
	color: #888;
	font: normal 75%/1em "Lucida Grande", "Lucida Sans Unicode", "Lucida", "Verdana", sans-serif;
}

.article h4 em a {
	color: #444;
	text-decoration: none;
	border: none;
}

h5 {
	/* */
}

h6 {
	/* */
}

/* paragraph and link styles */
p {
	margin: 0 0 2.5em 0;
	padding: 0;
	color: #222;
	font: normal 80%/1.6em "Lucida Grande", "Lucida Sans Unicode", "Lucida", "Verdana", sans-serif;
}

#pagedescription p {
	/* at the top of the page under the main header */
	margin: 0;
	padding: 0;
	color: #003767;
	font: normal 95%/1.5em "Trebuchet MS", "Verdana", sans-serif;
}

#pagedescription h2 {
	/* at the top of the page under the main header */
	margin: 0;
	padding: 0;
	font: bold 90% "Trebuchet MS", Verdana, sans-serif;
	color: #003767;
}

.article p {
	margin: 0 0 1.6em 0;
	padding: 0;
}

p a {
	color: red;
	text-decoration: none;
}

p a:hover {
	color: #859EEC;
	text-decoration: none;
}

.article p span {
	/* read me link, in fake small caps */
	font-size: 85%;
	color: #444;
}

.article p span a {
	color: #444;
	text-decoration: none;
	border: 0;
}

.article p span a:hover {
	color: #D26800;
	text-decoration: none;
	border: 0;
}

#footer p {
	font: normal 75%/1.3em "Lucida Grande", "Lucida Sans Unicode", "Lucida", "Verdana", sans-serif;
	margin: 0 0 5px 0;
	padding: 0;
	color: #555;
}

#footer p a,
#footer p a:hover {
	color: #333;
	text-decoration: none;
	border: none;
}

#footer p a:hover {
	text-decoration: underline;
}

a#large,
a#largest,
a#large:hover,
a#largest:hover {
	/* style switcher links */
	text-decoration: underline;
	color: #D26800;
	border: none;
}

a#normal,
a#normal:hover {
	text-decoration: none;
	color: #222;
	cursor: default;
	border: none;
}

ul.facility {
	margin: 0;
	padding-left: 50px;
	font: normal 85% "Lucida Grande", "Lucida Sans Unicode", "Lucida", "Verdana", sans-serif;
}

ul.pic {
	margin: 0;
	padding-left: 60px;
}

ul.picnav {
	padding-top: 100px;
	width: 150px;
	margin: 0;
	font: normal 85% "Lucida Grande", "Lucida Sans Unicode", "Lucida", "Verdana", sans-serif;
}

ul.picnav a {
	padding-top: 100px;
	margin: 0;
	font: normal 85% "Lucida Grande", "Lucida Sans Unicode", "Lucida", "Verdana", sans-serif;
	text-decoration: none;
}

ul.picnav a:hover {
	color: #859EEC;
}

/* Top navigation: an unordered list */
ul.nav {
	margin: 0;
	padding-left: 190px;
	height: 2.0em;
	background: #eee;
}

/* MacIE5 has a browser bug where the normal background image, ul.gif,
causes bands without color to appear inside the unordered list.  This is
an undocumented bug, so I was forced to hack around it. */
/* MacIE5 commented backslash hack \*/
ul.nav {
	height: 1.0em;
	background: url(images/header.gif);
}

/* End */

ul.nav li {
	list-style-type: none;
	display: block;
	float: left;
	margin: -2px 0 0 0;
	font-size: small;
	padding: .2em 0;
}

/* MacIE5 commented backslash hack \*/
ul.nav li {
	padding: .2em 0;
}

/* End */

ul.nav li a {
	padding: .8em;
	margin: 0;
	color: #003767;
	text-decoration: none;
	font: bold small/0 "Verdana", sans-serif;
}

ul.nav li#current {
	margin: -2px
}

ul.nav li a:hover {
	color: #859EEC;
}

body#home #sidenav ul li.home a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#desk #sidenav ul li.desk a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#articlescanada #sidenav ul li.articlescanada a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#canada #sidenav ul li.canada a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#bull #sidenav ul li.bull a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#clergy #sidenav ul li.clergy a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#clergy1 #sidenav ul li.clergy1 a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#clergy2 #sidenav ul li.clergy2 a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#photo #sidenav ul li.photo a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}


body#photo1 #sidenav ul li.photo1 a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#photo2 #sidenav ul li.photo2 a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#photo3 #sidenav ul li.photo3 a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#photo4 #sidenav ul li.photo4 a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#photo5 #sidenav ul li.photo5 a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#photo6 #sidenav ul li.photo6 a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#photo7 #sidenav ul li.photo7 a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#food #sidenav ul li.food a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#move #sidenav ul li.move a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#other #sidenav ul li.other a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#news #sidenav ul li.news a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#reading #sidenav ul li.reading a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#sermon #sidenav ul li.sermon a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#itinerary #sidenav ul li.itinerary a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#pray #sidenav ul li.pray a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#think #sidenav ul li.think a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#sure #sidenav ul li.sure a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#salvation #sidenav ul li.salvation a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#donations #sidenav ul li.donations a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#audio #sidenav ul li.audio a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#store #sidenav ul li.store a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#contact #sidenav ul li.contact a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#tv #sidenav ul li.tv a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

/* Side navigation, YA unordered list */
#sidenav ul {
	padding: 0;
	margin: 0;
	display: block;
}

#sidenav ul li {
	list-style-type: none;
	display: block;
	margin: 0;
	width: 185px;
	padding: 0 0 1px 0;
	background: transparent url(images/sidenav.gif) bottom left repeat-x;
}

#sidenav ul li a {
	display: block;
	padding: 2px 2px 2px 12px;
	margin: 0;
	width: 185px;
	color: #003767;
	text-decoration: none;
	font: bold 85% "Trebuchet MS", "Verdana", sans-serif;
	width: 171px;
}

html>body #sidenav ul li a {
	width: 171px;
}

/* \*/
#sidenav ul li a {
	padding: 4px 2px 4px 12px;
}

/* */

#sidenav ul li a:hover {
	color: #003767;
	background: #DCDDE3;
}

#sidenav ul li a#here,
#sidenav ul li a:active {
	background: #BEC5DE;
}

#sidenav li#current a,
#sidenav li#current a:hover {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

#prayer {
	padding-top: 90px;
	float: left;
	width: 185px;
	text-decoration: none;
	color: #003767;
	font: normal 85% "Lucida Grande", "Lucida Sans Unicode", "Lucida", "Verdana", sans-serif;
}

#prayer a {
	color: #222;
	text-decoration: none;
}

#prayer a:hover {
	color: #859EEC;
}

/* ol and link styles */
ol {
	margin: 0 0 2.5em 0;
	padding: 0;
	list-style-position: outside;
	color: #003767;
	font: normal 95%/1.5em "Trebuchet MS", "Verdana", sans-serif
}

.article ol {
	margin: 0 0 1.6em 0;
	padding: 0;
}

ol a {
	color: red;
	text-decoration: none;
}

ol a:hover {
	color: #859EEC;
	text-decoration: none;
}

ol.facility {
	margin: 0;
	padding-left: 50px;
	font: normal 85% "Lucida Grande", "Lucida Sans Unicode", "Lucida", "Verdana", sans-serif;
}

ol.pic {
	margin: 0;
	padding-left: 60px;
}

ol.picnav {
	padding-top: 100px;
	width: 150px;
	margin: 0;
	font: normal 85% "Lucida Grande", "Lucida Sans Unicode", "Lucida", "Verdana", sans-serif;
}

ol.picnav a {
	padding-top: 100px;
	margin: 0;
	font: normal 85% "Lucida Grande", "Lucida Sans Unicode", "Lucida", "Verdana", sans-serif;
	text-decoration: none;
}

ol.picnav a:hover {
	color: #859EEC;
}

/* Top navigation: an unordered list */
ol.nav {
	margin: 0;
	padding-left: 190px;
	height: 2.0em;
	background: #eee;
}

/* MacIE5 has a browser bug where the normal background image, ol.gif,
causes bands without color to appear inside the unordered list.  This is
an undocumented bug, so I was forced to hack around it. */
/* MacIE5 commented backslash hack \*/
ol.nav {
	height: 1.0em;
	background: url(images/header.gif);
}

/* End */

ol.nav li {
	list-style-type: none;
	display: block;
	float: left;
	margin: -2px 0 0 0;
	font-size: small;
	padding: .2em 0;
}

/* MacIE5 commented backslash hack \*/
ol.nav li {
	padding: .2em 0;
}

/* End */

ol.nav li a {
	padding: .8em;
	margin: 0;
	color: #003767;
	text-decoration: none;
	font: bold small/0 "Verdana", sans-serif;
}

ol.nav li#current {
	margin: -2px
}

ol.nav li a:hover {
	color: #859EEC;
}

body#home #sidenav ol li.home a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#desk #sidenav ol li.desk a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#articlescanada #sidenav ol li.articlescanada a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#canada #sidenav ol li.canada a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#bull #sidenav ol li.bull a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#clergy #sidenav ol li.clergy a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#clergy1 #sidenav ol li.clergy1 a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#clergy2 #sidenav ol li.clergy2 a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#photo #sidenav ol li.photo a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#photo1 #sidenav ol li.photo1 a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#photo2 #sidenav ol li.photo2 a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#photo3 #sidenav ol li.photo3 a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#photo4 #sidenav ol li.photo4 a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#photo5 #sidenav ol li.photo5 a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#photo6 #sidenav ol li.photo6 a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#photo7 #sidenav ol li.photo7 a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#food #sidenav ol li.food a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#move #sidenav ol li.move a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#other #sidenav ol li.other a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#news #sidenav ol li.news a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#reading #sidenav ol li.reading a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#sermon #sidenav ol li.sermon a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#itinerary #sidenav ol li.itinerary a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#pray #sidenav ol li.pray a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#think #sidenav ol li.think a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#sure #sidenav ol li.sure a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#salvation #sidenav ol li.salvation a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#donations #sidenav ol li.donations a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#audio #sidenav ol li.audio a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#store #sidenav ol li.store a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#contact #sidenav ol li.contact a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

body#tv #sidenav ol li.tv a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

/* Side navigation, YA unordered list */
#sidenav ol {
	padding: 0;
	margin: 0;
	display: block;
}

#sidenav ol li {
	list-style-type: none;
	display: block;
	margin: 0;
	width: 185px;
	padding: 0 0 1px 0;
	background: transparent url(images/sidenav.gif) bottom left repeat-x;
}

#sidenav ol li a {
	display: block;
	padding: 2px 2px 2px 12px;
	margin: 0;
	width: 185px;
	color: #003767;
	text-decoration: none;
	font: bold 85% "Trebuchet MS", "Verdana", sans-serif;
	width: 171px;
}

html>body #sidenav ol li a {
	width: 171px;
}

/* \*/
#sidenav ol li a {
	padding: 4px 2px 4px 12px;
}

/* */

#sidenav ol li a:hover {
	color: #003767;
	background: #DCDDE3;
}

#sidenav ol li a#here,
#sidenav ol li a:active {
	background: #BEC5DE;
}