div#content {background-color: #ffe0ae; padding-top: 180px;
background-image: url(images/pilgrim.png);
  background-repeat: no-repeat;
  background-position: 50% 0%;
}
body {background-image: url(/images/green3.jpg);}

div#content {background-color: #dcffdd;}

h1 { color: #3d4e3d; }

a.scripture  {color: #009;}
a:visited.scripture {color: #006;}
a:hover.scripture {color: #c22;}


a.sref  {color: #009;}
a:visited.sref {color: #006;}
a:hover.sref {color: #c22;}


em {color: #703d00;}

#sidenav {
  Margin 0;
  float: left;
  border: 1px solid black;
  border-top: none;
  border-collapse: collapse;
  background: #bde;
  width: 140px; /*10.2em;*/
}



#sidenav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#sidenav li {
  text-align: center;
  border-top: 1px solid #000;
  margin: 0;
  padding: 0em;
}

div.inactive {
  padding: .2em 1em;
  margin: 0;
  display: block;
}

#sidenav li.subselect {
  background: #acf;
  color: #fff;
}

#sidenav li.mainselect {
  background: #9be;
  color: #fff;
}

#sidenav li.submenu {
  background: #acf;
}

#sidenav a {
  color: #44c;
/*  text-decoration: none; */
/*  font-weight: bold;*/
  display: block;
  padding: 0.2em 1em;
}

#sidenav a.mainselect {
  color: #00c;
}

#sidenav a.subselect {
  color: #00c;
}

#sidenav a.submenu {
  color: #f00a;
}

#sidenav a:hover {
	background: #8ac;
}

#sidenav a:hover.submenu {
  color: #00c;;
	background: #8ae; /*8ac;*/
}

#sidenav a:hover.mainselect {
  color: #00c;
	background: #9bf; /*8ac;*/
}

#sidenav a:hover.subselect {
  color: #00c;
	background: #aef; /*8ac;*/
}