P, DIV, UL, OL, DL, BLOCKQUOTE, INPUT, TEXTAREA, SPAN, TD, H1, H2, H3, FORM {
    font-family: Verdana, Arial, Helvetica, sans-serif
}

P, UL, OL, DL, BLOCKQUOTE, INPUT, TEXTAREA, SPAN {
    font-size: 80%
}

BODY {
    background-color: #ffffff;
    margin: 0px;
    padding: 0px
}

DIV.body {
    position: relative;
    width: 785px;
    margin-left: auto;
    margin-right: auto;
    height: 100%
}

DIV.main {
    position: absolute;
    left: 5px;
    top: 100px;
    width: 775px;
    height: 400px
}

DIV.mainpic {
    position: absolute;
    left: 5px;
    top: 100px;
    width: 540px;
    height: 400px
}

DIV.studentbg {
    position: absolute;
    background-image: url('img/students.jpeg');
    background-repeat: no-repeat;
    z-index: -1;
    width: 540px;
    height: 482px
}

DIV.banner {
    position: absolute;
    left: 5px;
    top: 5px;
    width: 775px;
    height: 63px
}

DIV.buttons {
    position: absolute;
    left: 5px;
    top: 68px;
    width: 565px;
    height: 30px
}

DIV.search {
    position: absolute;
    left: 580px;
    top: 73px;
    width: 200px;
    height: 25px
}

INPUT.search {
    width: 64%;
    margin-left: 0px
}

INPUT.searchbut {
    width: 30%;
    margin-right: 0px
}

DIV.fptop {
    position: absolute;
    left: 7px;
    top: 100px;
    width: 565px;
    height: 220px
}

DIV.fpsunday {
    position: absolute;
    left: 340px;
    top: 20px;
    width: 220px;
    height: 200px;
    color: #ffffff;
    font-size: 16px;
    font-family: verdana, arial, sans-serif
}

DIV.fpimage {
    position: absolute;
    left: 580px;
    top: 100px;
    width: 200px;
    height: 487px
}

DIV.fpmain {
    position: absolute;
    left: 7px;
    top: 320px;
    width: 330px
}

DIV.fpstudents {
    position: absolute;
    left: 367px;
    top: 320px;
    width: 205px
}

DIV.sidepic {
    position: absolute;
    left: 580px;
    top: 100px;
    width: 200px;
    height: 545px
}

H1 {
    color: #0972ba;
    font-size: 120%
}

H2 {
    color: #0972ba;
    font-size: 100%;
    margin-top: 0.7em;
    margin-bottom: 0.5em
}

H2.sideent {
    color: #0972ba;
    margin-top: 0pt;
    margin-bottom: 0.5em;
    font-size: 80%
}

H3 {
    color: #0972ba;
    font-size: 80%
}

P.close {
    margin-top: 0.5em
}

P.map {
    margin-top: 0.2em;
    margin-bottom: 0.2em
}

LI.maintop {
    font-size: 100%;
    margin-top: 0.5em
}

SPAN.trail {
    font-size: 70%
}

H3.marker {
    color: #0972ba;
    font-size: 70%;
    margin-top: 0em;
    margin-bottom: -0.5em
}

P.marker {
    text-align: left;
    font-size: 70%;
    margin-top: -1.5em
    margin-bottom: -1em
}

DIV.sermons {
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

TABLE.sermons {
    font-size: 80%;
    margin-top: 2em;
    border-style: solid;
    border-color: #000000;
    border-width: 0pt
}

TR.entry {
    vertical-align: top;
    color: inherit
}

DT.search {
    margin-top: 1em
}

SPAN.match {
    background-color: #ffff00;
    font-size: 100%
}

A:link, A:active, A:visited {
    color: #6a6a6a;
    background-color: transparent;
    text-decoration: none
}

A:hover {
    color: #6a6a6a;
    background-color: transparent;
    text-decoration: underline
}

/* CSS Tabs 2.0 */
ul#tabnav {
    text-align: left;
    margin: 5px 5px 0px 0px;
    font: 15px verdana, arial, sans-serif;
    border-bottom: 0px solid #6c6;
    list-style-type: none;
    padding: 2px 10px 3px 0px; /* THIRD number must change with respect to padding-top (X) below */
}
 
ul#tabnav li {
    display: inline;
}
 
/* settings for selected tab */
/*
body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3,
body#tab4 li.tab4, body#tab5 li.tab5, body#tab6 li.tab6 {
    border-bottom: 0px solid #fff;
    background-color: #fff;
}
*/

/* settings for selected tab link */
body#tabindex li.tabindex a, body#tabnews li.tabnews a,
body#tababout li.tababout a, body#tabresources li.tabresources a,
body#tabsermons li.tabsermons a, body#tabstudents li.tabstudents a,
body#tabcontact li.tabcontact a {
    background-color: #0072bc;
    position: relative;
    top: 0px;
    padding: 7px 6px 3px 6px;
}
 
/* settings for all tab links */
ul#tabnav li a {
    border: 0px solid #0072bc;
    background-color: #0072bc;
    color: #ffffff;
    margin-right: 5px; /* set additional spacing between tabs as desired */
    padding: 3px 6px 3px 6px;
    text-decoration: none;
    border-bottom: none;
}
 
/* settings for hover effect */
ul#tabnav a:hover {
    /* background-color: #00b2fc; */
    color: #8dc63f;
}

