body{
  margin: 0px auto 40px auto;
  font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
  font-size: 91%;
  background:#9BA580;
  text-align: center;
}

#content {
	padding: 0px 0px 10px 0px;
	margin: 0px auto 0px auto;
	width:750px;
	background:#fefefe;
	text-align: left;
	background-image: url(background.jpg);
}

p {
  margin: 0.8em 70px 0.8em 70px;
  line-height: 1.4em;
  text-indent: 3em;
}

p.poetry{
	text-indent: 0;
	margin: 1.7em 0 0px 10em;
	font-style: italic;
}

#preface {
	padding: 20px 0px 20px 0px;
}

a:link{color:#7F8569;}
a:visited{color:#7F8569;}
a:hover{color:#b00}
a:active{color:#fff;
background-color:#7F8569;
}


#toc {
	margin: 20px 70px 1.5em 10px;
	_margin: 30px 30px 1.5em 10px;
	padding: 10px 5px 1em 5px;
	width:310px;
	float:right;
   background-color: #E5F5DA;
	border: 1px solid #7F8569;
}

#toc ul{
background-color: #E5F5DA;
text-align: left;
list-style: none;
text-indent: 0px;
padding: 0;
margin: 5px 0px 0px 0px;
width:300px;
border-bottom:5px solid #DEDACA;

}

#toc ul li{
display: block;
margin: 0;
padding: 0px 0px 0px 0px;
text-align: left;
}

#toc ul li a{
display: block;
width: 100%;
padding: 0.5em 5px 0.5em 5px;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #777;
text-decoration: none;
background: #F5F3EA;
}

#toc>ul li a { width: auto; }


#toc ul li a:hover{
color: #800000;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
}

#toc h2{
font-size:1.2em;
margin: -10px -7px 0px -5px;
padding: 5px 0px 0px 0px;
text-align: center;
background:#7F8569;
color:#F5F3EA;
border: 5px solid #7F8569;
}


#scripturetext {
	margin: 0px 70px 1.5em 10px;
	_margin: 0px 30px 1.5em 10px;
	padding: .5em 10px 1em 10px;
	background-color: #E5F5DA;
	width:250px;
	float:right;
	border: 1px solid olive;
}

#scripturetext p {
	margin: 1em 5px 0px 5px;
	line-height: 1.2em;
	text-indent: 0em;
}

#scripturetext p.ref {
	text-align: right;
}


#footer a:link {
	padding: 1px 15px 0px 15px;
	color:green;
	text-decoration: none;
	border-bottom: 1px solid #9BA580;
	border-top: 1px solid #9BA580;
}
#footer a:visited{
	padding: 1px 15px 0px 15px;
	color:green;
	text-decoration: none;
	border-bottom: 1px solid #9BA580;
	border-top: 1px solid #9BA580;
}
#footer a:hover{
	color:green;
	text-decoration: none;
	border-bottom: 1px dashed #9BA580;
	border-top: 1px dashed #9BA580;
	background-color: #E5F5DA;
}
#footer a:active{
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #9BA580;
	border-top: 1px solid #9BA580;
	background-color: #9BA580;
}

#header{
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width:750px;
	height:175px;
	background-image: url(hope_of_glory_750.jpg);
	background-repeat: no-repeat;
}

#header h1, #header p{
	margin: 0px 0px 0px -999999px;
	display:block;
}

#header p {  text-indent: 0;}

h2{
	margin: 0 50px 1em 50px;
	padding: 1em 10px 0px 10px;
	text-align: center;
}

h3{
	margin: 1em 50px  1em 50px;
	padding: 0 10px 0px 10px;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
}

#footer{
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width:750px;
	height:175px;
	background-image: url(footerleaf.jpg);
	background-repeat: no-repeat;
}

#footer p {
	margin: 0px 70px 0px 0px;
	padding: 20px 0px 0px 0px;
	text-align: right;
}