/*
Tamara Temple, tamara@tamaratemple.com

--------------------------

NOTE: FONT-FAMILY declarations must come at the end of the style declaration.

(from a correspondent on MonkeyJunkies:)
The problem may well be some of the things that NN4.x versions don't
support...there is a slight bug that means it is almost always a bad idea
to put Font-family declarations in the middle of a style. I don't know
why, but it just works better when it's the last thing you delcare.
-- Seb Potter, Webmaster, Cendant Software.*/
BODY {
	color : #000000;
	background-color : #F8F8FF;
	font-family : Georgia, "Century Schoolbook", "Times New Roman", Times, serif;
}

H1, H2, H3 {
	font-weight : bold;
	color : Maroon;
	font-family : "Copperplate Gothic Bold", "Arial Black", Arial, sans-serif;
}

H1 {
	text-align : center;
	font-size : xx-large;
}

H2 {
	font-size : x-large;
}

H3 {
	font-size : large;
	font-weight : normal;
	font-style : italic;
}

.quot {
	border-style : solid;
	border-width : thin;
	margin : 1em;
	padding : 1em;
	font-size : small;
	font-style : italic;
	text-align : center;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #000000;
	border-color : #C0C0C0;
}

.shout {
	color : #000000;
	background-color : #FFFF00;
	padding : 1em;
	font-size : large;
	font-weight : bolder;
	font-style : italic;
	border-width : thick;
	border-color : #000000;
	border-style : double;
	margin : 1em;
}

A {
	color : Blue;
}

A:Visited {
	color : Purple;
}

A:Active {
	color : Red;
}

A:Hover {
	color : Red;
}

.code {
	font-size : normal;
	font-weight : bold;
	font-family : "Courier New", Courier, monospaced;
}

#title {
	font-family : "Copperplate Gothic Bold", "Arial Black", Arial, sans-serif;
	font-weight : bold;
	color : Maroon;
	font-size : xx-large;
	text-align: center;
}

.emoticon {
	color : #003333;
	font-family : "Courier New", Courier, monospaced;
	font-weight : bold;
}

#prayer {
	color : #EEEEEE;
	background-color : #008080;
	width : 75%;
	text-align : center;
	font-family : Georgia, "Century Schoolbook", Times, serif;
	padding : 1em;
	border-width : medium;
	border-color : #000000;
	border-style : double;
	font-weight : bold;
	margin : 1em;
}

.dropcap {
	float : left;
	width : 5%;
	font-size : 400%;
	font-weight : bold;
}

.leadin {
	font-weight : bold;
	font-size : 150%;
}

.bigfirst {
	font-size : 400%;
	font-weight : bold;
}

.annotation {
	font-size : x-small;
	font-style : italic;
	text-align : center;
	font-family : Imago Book, Arial Black, Arial, sans serif;
	color : #003333;
	background-color : #FFFFDD;
	border: 1px solid #999;
	padding : 1em;
	margin : 5px 150px 5px 150px;
}

.navigation, .inpage, #returnblock {
	font-size : 70%;
	font-style : italic;
}

#returnblock {
	text-align: center;
}

.highlite {
	background-color : #FFFF99;
}

/* NN4.x needs to have all the elements specified -- it doesn't use the inheritence across elements correctly.

NOTE: Also from Seb Potter:

"The problem (as I think you implied in your first post) is that you
haven't defined a style for <P> block elements. For some reason,
Netscape ignores the inheritance hierarchy for elements inside the
<body> tag (except within tables, for some reason). To have your <P>
elements displayed properly, you will need to define them with the same
style as the body {
}
declaration. (Obviously leaving out any references
to backgrounds, etc...)"*/
P {
	color : #000000;
	font-family : Georgia, "Century Schoolbook", "Times New Roman", Times, serif;
}

#copyright {
	font-size : small;
	font-style : italic;
	text-align : center;
	font-family : "Imago Book", "Arial Black", Arial, "sans serif";
	color : #003333;
	background-color : #CCCCCC;
	padding : 1em;
	margin : 1em;
}

#author {
	text-align: center;
	font-style: italic;
	margin: 0px 200px 0px 200px;
}

dt {
	font-weight : bold;
}

#story {
	margin-left: 150px;
	margin-right: 150px;
}

#content {
	margin: 0px 100px 0px 100px;
}

.leftimage {
	float: left;
	margin: 20px;
}

.rightimage {
	float: right;
	margin: 20px;
}

#extra {
	margin: 20px 100px 40px 100px;
	font-size: small;
}

#topnav {
	font-size: small;
	font-style: italic;
	text-align: center;
	margin: 0px 0px 20px 0px;
}