body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    color: #000000;
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    /** background-color: #B0C4DE; **/
    background-color: #ffffff;
}

h1 {
    margin-top: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2em;
    font-style: bold;
    color: #b22222;
}

h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    font-style: bold;
    color: #b22222;
}

h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.3em;
    font-style: bold;
    color: #b22222;
}


h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    font-style: bold;
    color: #b22222;
}

p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}


a {
    color: #34339b;
}

a:hover {
    color: #9c191e;
}



div#header {
    float: left;
    width: 100%;
    height: 180px;  /* sky.jpg 1000 w X 250 h */
    clear: both;
    margin-top: 0px;
    margin-right: 10px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    background: url(../images/sky.jpg) #153976 no-repeat right top;
    /** background: url(../images/sky.jpg) #B0C4DE repeat-x;  **/
    /** footbag color...  background-color: #bdc5ce;  **/
    /** background-color: #B0C4DE;  **/
    border: none;
    /** border-bottom: #34339b 3px solid;  **/
    /** border: 2px dashed maroon; **/
}


#header p {
    /* display: inline;  **/
    margin-right: 1em
}


div#header ul {
    right: 0px;
    top: 0px;
    margin: 0px 0px 40px;
    list-style-type: none;
    position: absolute;
}

div#header ul li {
     display: inline;
     padding-top: 0px;
     padding-right: 0.5em;
     padding-bottom: 0px;
     padding-left: 0.5em;
     /** border-left: #34339b 1px solid; **/
     border-left: #ffffff 1px solid;
}

div#header ul li.first {
    border-left: 0px;
}

div#header ul li a {
    font: 0.7em/1 Arial, Helvetica, sans-serif;
    color: #ffffff;
}

div#header ul li a:hover {
    /** color: #9c191e; **/
    color: yellow;
}



div#header h1 {
    margin-top: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2em;
    font-style: bold;
    color: #ffffff;
}

div#header h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    font-style: bold;
    color: #ffffff;
}



#mainnav {
    float: left;
    width: 180px;
    height: auto;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    background-color: #B0C4DE;
    /** border-bottom: #34339b 3px solid  **/
    /** border: 2px dashed maroon **/
}

#mainnav a {
    display: block;
    font: bold 0.8em/1.5 arial, sans-serif;
    text-align: center;
    width: auto;
    color: #fff;
    /** background-color: #483D8B; **/
    background-color: #5c6f90;
    text-decoration: none;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px;
}

#mainnav a:hover {
    color: #eee;
    /** background-color: #B22222; **/
    background-color: #43616b;  /* From sample */
}


#content {
    display: block;
    float: left;
    width: 100%;
    color: #00008B;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    background-color: #ffffff;
    border: none;
    /** border-left: #34339b 3px solid;  **/
    /** border-bottom: #34339b 3px solid;  **/
    /** border: 2px dashed black; **/
}

div#content p {
    margin-top: 0px;
    margin-right: 40px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 0px;
}

div#content h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.3em;
    font-style: bold;
    color: #b22222;
    margin-top: 0px;
    margin-right: 40px;
    margin-bottom: 0px;
    margin-left: 0px;
}

div#content ul {
    float: left;
    margin: 0px 0px 0px 0px;
    list-style-type: none;
}

div#content ul li {
    display: inline;
    margin-bottom: 10px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

div#content ul li a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-style: normal;
    background-color: #b0c4de;
    text-decoration: none;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px;
}

div#content ul li a:hover {
    /** color: #9c191e; **/
    color: #ffffff;
    background-color: #B22222;
}


#footer {
    float: left;
    width: 100%;
    color: #000000;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 15px;
    padding-right: 10px;
    padding-bottom: 15px;
    padding-left: 10px;
    /** background-color: #B0C4DE; **/
    background-color: #ffffff;
    border: none;
    /** border-top: #34339b 3px solid;  **/
    /** border: 2px dashed black; **/
}

div#footer ul {
    text-align: center;
    margin: 0px 0px 0px;
    list-style-type: none;
    position: relative;
}

div#footer ul li {
     display: inline;
     padding-top: 0px;
     padding-right: 0.5em;
     padding-bottom: 0px;
     padding-left: 0.5em;
     border-left: #34339b 1px solid;
}

div#footer ul li.first {
    border-left: 0px;
}

div#footer ul li a {
    font: 0.7em/1 Arial, Helvetica, sans-serif;
}

div#footer p {
    font-size: 1em;
    text-align: center;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    position: relative;
}


#scriptureqt {
    clear: both;
    display: block;
    font-size: 1em;
    font-style: italic;
    text-align: center;
    color: #000000;
    border-top: #5c6f90 1px solid;
    border-bottom: #5c6f90 1px solid;
    background-color: #d6d6d6;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
}


#contact {
    display: block;
    font-size: .8em;
    text-align: center;
    color: #00008b;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    /** background-color: #b0c4de; **/
    background-color: #ffffff;
    border: none;
    /** border-left: #34339b 3px solid;  **/
    /** border-bottom: #34339b 3px solid;  **/
    /** border: 2px dashed black; **/
}

img.right { padding: 4px; margin: 0 0 2px 7px; float: right; }
img.left { padding: 4px; margin: 0 7px 2px 0; float: left; }