html {
   height: 100%;
   overflow-y: hidden;
}

body {
   height: 100%;
   margin: 0;
   padding: 0;
}

#page {
   height: 100%;
   width: 100%;
   background-color: #A58654; 
   font-family: Georgia;
   font-style: none;
   font-weight: normal;
   font-size: 1.05em;
}

#bannerdiv {
   background-color: #A58654; 
   height: 25%;
   margin: 0;
   padding: 0;
   position: relative;
   overflow: hidden;
}

#bannerbg {
   position: absolute; 
   top:0; 
   left:0; 
   width:100%; 
   height:100%;
}

#bannerfg {
   position: absolute; 
   top: 33%;
   z-index: 1; 
   text-align: left;
}

.bannermaintext {
   text-indent: 15px;
   width:100%;
   font-family: Georgia;
   font-style: italic;
   font-weight: normal;
   font-size: 2.25em;
   color: #E1E1C9;
}

.bannersubtext {
   text-indent: 25px;
   font-size: 0.5em;
}

#contentdiv {
   height: 72.5%;
}

#navdiv {
   background-color: #A58654; 
   height: 100%;
   width: 180px;
   float: left;
   font-family: Impact;
}

.navbtn {
   border: none;
   display: block;
   margin-left: auto; 
   margin-right: auto;
   width: 175px;
   height: 30px;
   font-family: Calibri;
}

#menudiv{
   background-color: #D58A4A;
   position:absolute;
   border:1px solid #4C2A07;
   border-bottom-width: 0;
   font-family: Calibri;
   font-weight: bold;
   font-size: 17px;
   text-align: center;
   line-height: 26px;
   z-index:100;
}

#menudiv a{
   width: 100%;
   display: block;
   text-indent: 3px;
   border-bottom: 1px solid #4C2A07;
   padding: 1px 0;
   text-decoration: none;
   font-weight: bold;
   color: #4C2A07;
}

#menudiv a:hover{ /*hover background color*/
/*   background-color: #FAE393; */
   background-color: #FFCD21;
}

#maindiv {
/*      background-color: #D19E4D; */
/*      background-color: #FFCD21; */
   overflow: auto;
   margin:0; 
   padding:25; 
   scrollbar-base-color:#FAE393; 
   scrollbar-base-color:#A58654; 
   background-color: #FAE393;
   font-family: Calibri;
   font-style: none;
   font-weight: normal;
   font-size: 1.05em;
   color: #57330B;
   height: 100%;
}

#maindiv a:link {
   color: #FF8000;
}

#maindiv a:visited {
   color: #D58A4A;
}

#maindiv a:active {
   color: #D58A4A;
}

#maindiv a:hover {
   color: #FF8000;
}

.headerp {
   text-align: center;
   text-decoration: underline; 
   font-style: italic;
   font-weight: bold;
   font-size: 1.25em;
}

.subheaderp {
   text-align: center;
   font-style: italic;
   font-size: 1.15em;
}

.indent {
   text-indent: 25px;
}

.pagediv {
   text-align: center;
}

.pagediv table {
   margin-left: auto; 
   margin-right: auto;
}

.pagediv a {
   border: 1px #D99455 solid;
   color: #D58A4A;
   font-size: 1.15 em;
}

.pagediv a:hover {
   color: #FF8000;
   background-color: #FFCD21;
}

.center {
   text-align: center;
}

.center table {
   border: 1px #D99455 solid;
   margin-left: auto; 
   margin-right: auto;
}

.center td {
   border: 1px #D99455 solid;
   padding: 5;
}

.center th {
   background-color: #D99455
}

.center li {
   list-style: none;
}

.general_DL {
   text-align: center;
}

.general_DL dl {
   border: 1px #D99455 solid;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
   width: 80%;
}

.general_DL dt {
   text-indent: 15px;
   border: 1px #D99455 solid;
   background-color: #D99455;
   font-weight: bold;
   font-size: 0.85em;
}

.general_DL dd {
   text-indent: 0px;
   padding: 5;
   font-size: 0.92em;
}

.links {
   text-align: center;
}

.links table {
   margin-left: auto; 
   margin-right: auto;
   width: 75%;
}

.links td {
   border: 1px #D99455 solid;
   padding: 5;
   text-align: center;
   margin-left: auto; 
   margin-right: auto;
}

.note {
   font-weight: bold;
   font-size: 0.85em;
}

.gallery {
   text-align: center;
}

.gallery table {
   border: 1px #D99455 solid;
   margin-left: auto; 
   margin-right: auto;
   width: 75%;
}

.scriptureouter {
   text-align: center;
   padding: 15;
}

.scriptureinner {
   margin-left: auto;
   margin-right: auto;
   text-align: left; 
   width: 90%; 
   color: #FF0000; 
   font-size: 0.90em;
   font-style: italic;
}

#footerdiv {
   background-color: #A58654; 
   font-family: Georgia;
   font-style: none;
   font-weight: normal;
   font-size: 1.05em;
   color: #57330B;
   overflow: hidden;
   text-align: right;
   height: 16px;
   font-size: 0.65em;
}

.devnote {
   color: #FF0000;
   font-weight: bold;
}

