body { background: #fff; color: #878; font-family: verdana, helvetica, arial, sans-serif; margin: 0; text-align: center; }
#mainf { background-image: url(img/corner.gif); background-position: top right; background-repeat: no-repeat;
	width: 768px; height: 650px; padding-right: 10px; margin-left: auto; margin-right: auto; text-align: left; } /* used on front page */
#main { background-image: url(img/edge4500.gif); background-position: top right; background-repeat: no-repeat;
	width: 768px; padding-right: 10px; margin-left: auto; margin-right: auto; text-align: left; }
#bottom { background-image: url(img/bottom.gif); background-position: top right; background-repeat: no-repeat;
	width: 768px; height: 10px; padding-right: 10px; margin-left: auto; margin-right: auto; }
h1 {
	width: 768px; margin-left: auto; margin-right: auto; text-align: left; font-family: georgia, 'times new roman', serif; /* font-size: 1.4em; */
	font-variant: small-caps; padding: 2px 10px 2px 0; margin-top: 2px; margin-bottom: 2px;
	}
h2 {
	clear: both; font-family: georgia, 'times new roman', serif; font-variant: small-caps; /* font-size: 1.2em; */
	width: 660px; border: 1px dashed #7799ff; border-width: 0 0 1px 0; padding-bottom: 2px; margin-top: 2px; margin-bottom: 2px;
	}
h2 span { font-weight: normal; }
h3 {
	background-color: transparent; color: #878; font-family: georgia, 'times new roman', serif; font-variant: small-caps; /* font-size: 1em; */
	border-width: 0 0 1px 0; border-style: dashed; border-color: #79f; padding-bottom: 2px; margin-top: 7px; margin-bottom: 0;
	}
h3 span { font-weight: normal; }
h4 { background: transparent; color: #000; padding: 0 0 5px 0; margin: 2px 0 20px 0; font-family: georgia, 'times new roman', serif; font-variant: small-caps; }
h4 span { font-weight: normal; }
p { padding: 0 5px 0 0; width: 660px; line-height: 1.4em; text-align: justify; font-family: verdana, helvetica, sans-serif; background: transparent; 
	color: #656; }
ul {
	list-style-type: none; padding: 0; margin: 0; border-style: dashed; border-color: #79f;
	border-width: 0; background: #fff; color: #878; font-variant: small-caps;
}
li { line-height: 1.4em; }
em { background-color: #ffffff; color: #443344; }
ul.bullets { padding-left: 30px; width: 630px; list-style-type: disc; }
ul.bullets li { text-align: justify; margin-bottom: 10px; }
#subsection { border-width: 1px 0; padding-bottom: 2px; }
#subsection li { display: inline; }
.front { background: #8fe8d5; color: #fff; /* #878; */ }
.album { background: #abbdfe; color: #878; }
.gospel { background: #ffdea0; color: #878; }
.kids { background: #ff7b84; color: #878; }
.details { background: #ff29d6; color: #fef; }
.details a { background: #ff29d6; color: #fef; }
.links { background: #a65af9; color: #ede; }
.links a { background: #a65af9; color: #ede; }
.notices { background: #ff936d; color: #878; } /* 255, 147, 109 */
.resources { background: #3768fc; color: #fef; }
.resources a { background: #3768fc; color: #fef; }
.groups { background: #ffff7f; color: #888; }
.groups a { background: #ffff7f; color: #888; }
#home { width: 96px; height: 195px; float: right; background: #fff url(/img/rain-split96.jpg) right top no-repeat; color: #878; padding: 10px 0 2px 12px; }
/* end of section-specific colours */
#leftimage { float: left; margin-top: 10px; } /* used for the most general attributes of main content left-hand images (poetry, ) */
#mainblock { float: left; width: 460px; margin: 0 0 30px 0; } /* 10px; } */ /* poetry, front page */
#mainblock p { width: 330px; padding-right: 0; padding-left: 0; }
#qpic { float: left; width: 680px; margin-bottom: 20px; }
#qpic img { float: left; }
#qpic p { float: left; margin: 0 0 0 5px; color: #888; padding: 5px 0; width: 260px; text-indent: 0; border: 1px dashed #79f; border-width: 0 1px 1px 0; }
div.quote {
	font-family: georgia, lucida, 'times new roman', serif; text-align: justify; font-size: 110%; margin-left: 10px; width: 550px;
	background: #fff; color: #888; padding: 15px; border: 1px dashed #79f; border-width: 1px 1px 1px 0;
	}
a { background-color: transparent; color: #878; text-decoration: none; font-weight: bold; font-variant: small-caps; }
a:hover { background-color: #fff; color: #26d; text-decoration: underline; }
p.bline { clear: both; padding: 10px 0 10px 0; margin-bottom: 0; text-indent: 0; }
ul.pfooter { background: #abbdfe; color: #878; border-width: 1px; padding: 4px; width: 48%; float: left; } /* poetry footer menu */
body {
	font-size: x-small; voice-family: "\"}\"";
	voice-family: inherit; font-size: small;
	}
html>body { font-size: small; /* be nice to Opera */ }