@charset "UTF-8";
html {
color: #402D15;
padding: 0;
background-color: #C1B789;
margin: 0;
}

body {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1em;
color: #402D15;
margin: 0 auto;
padding: 0;
width: 700px;
background-image: url(../images/bg.jpg);
background-repeat: repeat-y;
background-position: top center;
border: 6px solid #9C9D61;
border-top: none;
border-bottom: none;
line-height: 1.4em;
}
/* CSS Document */

h1 {
margin: 0;
font-size: 2em;
padding: 70px 0 47px 200px;
font-style: italic;
font-weight: normal;
}

h2 {
padding: 0;
font-size: 1.7em;
font-weight: normal;
margin: 0 0 0.5em 0;
color: #CC976F;
}

h3 {
padding: 0;
margin: 1.25em 0 0.25em 0;
font-size: 1.3em;
font-weight: normal;
color: #B7912E;
}

h4 {
padding: 0;
margin: 1em 0 0.25em 0;
font-size: 1em;
font-weight: normal;
}

img { max-width:100%; }

li {
margin: 0 0 0.35em 0;
padding: 0;
font-size: 0.85em;
}

#main_nav li {
float: left;
font-size: 0.95em;
list-style: none;
margin: 0;
padding: 0 20px 0 0;
}

p {
padding: 0 0 1em 0;
font-size: 0.85em;
margin: 0;
}
.verse p { padding-bottom:0em; padding-left:10px; text-indent:-10px; }
.verse { padding-bottom:1em; }

a, a:visited {
color: #5C6A30;
text-decoration: none;
border-bottom: 1px dashed #5C6A30;
}

h1 a, h1 a:visited {
border: none;
color: #402D15;
}

#main_nav a, #main_nav a:visited {
color: #F0E7CA;
border: none;
}

a:hover { border-bottom-style: solid; }

cite { margin: 0 0 0 1em; }
#main_nav a:hover { border-bottom: 1px solid #F0E7CA; }

ul {
margin: 0.5em 0 0.5em 2em;
padding: 0;
}

ul#main_nav {
color: #EEDFC6;
padding: 0;
margin: 0 0 0 140px;
}

#heading {
height: 186px;
background-image: url(../images/heading.png);
background-repeat: no-repeat;
margin: 0;
padding: 0;
}

#content {
background-repeat: no-repeat;
margin: 0;
background-color: #F0E7CA;
border-color: #402D15;
border-width: 30px;
border-style: none solid none solid;
min-height: 400px;
background-position: bottom;
background-image: url(../images/tree.png);
padding: 20px;
}

#footer {
padding: 10px;
margin: 0;
text-align: center;
}

#content img {
float: left;
margin: 0 1em 0 0;
}
#content .rightFloat {
float: right;
margin: 0 0 0 1em;
}