* {
    margin: 0;
    padding: 0;
}

body {
    font-size: 62.5%;
    font-family: "Comic Sans";
    background: url(images/seamlessupper-bg.jpg);
    margin: 0;
    padding: 0;
}


h1 { font-size: 1.7em; line-height: 1em; margin-bottom: 0.8em; padding-top: 10px; text-align: center; }

h2 { font-size: 1.4em; margin-bottom: 0.8em; margin-top: 0.8em; }

div#right-col h3 {
    font-size: 1.2em; margin-top: 0.8em; margin-bottom: 0.5em; color: #00488F; }

div#left-col h3 {
    font-size: 1.2em; margin-top: 0.8em; margin-bottom: 0.5em; }

.clear { clear: both; }


div#right-col p {
    margin-bottom: 0.3em;
}
div#middle-col p {
    text-indent: .3in;
}
div#page-wrap {
    width: auto;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    }
    div#header-image {
        height: 205px;
        width: 100%;
        background: url(images/header-bg2.png) no-repeat;
        background-position: center;
    }
    div#header-bg {
        height: 40px;
        background-color: #008f48;
    }
    .table {
        display: table;    /* Allow the centering to work   */
        margin: 0 auto;
    }
    div#menu{
        margin-bottom: 10px;
        margin-left: 25%;
        margin-right: 25%;
        display: inline;
        }
        ul#nav-menu a {
            display: block;
            text-align: center;
            width: 130px;
            font-size: 2em;
            color: black;
            font-weight: bold;
            text-decoration: none; 
    }
    div#menu li{
        position: relative;
        float: left;
        list-style: none;
        }
        .nav-submenu a{
            background-color: #008f48;
        }
        div#menu li a:hover{
            color: #00488F;
        }
        .nav-submenu {
            position: absolute;
            visibility:hidden;
            display: block;
        } 
        div#menu ul li:hover ul {
            visibility: visible;
        }
        div#main-content {
            padding-bottom: 50px;
            text-align: center;
            min-height:100%;
            }
            div#main-content div#left-col {
                float: left;
                width: 20%;
                height: 100%;
                border-top: 8px solid #00488F;
                font-size: 1.5em;
                margin-top: 80px;
                }
                div#nav-left-col a {
                    display: block;
                    text-decoration: none;
                    color: #008f8f;
                    font-size: 1.2em;
                    margin-top: 0.8em;
                    margin-bottom: 0.5em;
                    }
                    div#nav-left-col a:hover, a:active {
                        color: #00488f;
                }
            div#left-col-sub-col {
                width: 100%;
                height: 100%;
                float: left;
                margin-top: 30px;
                border-top: 8px solid #00488f;
                color: #111111;                    
            }

            div#main-content div#middle-col {
                text-align: justify;
                margin-left: 26%;
                margin-right: 26%;
                font-size: 1.7em;
                line-height: 1.5em;
                margin-bottom: 0.8em;
            }
            div#main-content div#middle-col-location {
                text-align: center;
                margin-left: 21%;
                margin-right: 21%;
                font-size: 1.7em;
            }
            div#main-content div#middle-col-calendar {
                text-align: center;
                height: 100%;
                margin-left: 21%;
                margin-right: 21%;
                font-size: 1.7em;                
            }
            div#main-content div#middle-col-beliefs {
                margin-left: 25%;
                margin-right: 25%;
                font-size: 1.7em;
                }
                div#beliefs-body p {
                    text-indent: .31in;
                    text-align: justify;
                    line-height: 1.5em;
                    margin-bottom: 0.8em;
                }
                span#webelieve {
                    color: #00488F;
                    font-weight: bold;
                }
                div#main-content div#middle-col-beliefs p {
                    font-size: 1em;
            }
            div#main-content div#middle-col-contactus {
                text-align: center;
            }
            div#main-content div#middle-col-aboutus-mission {
                margin-left: 25%;
                margin-right: 25%;
                font-size: 1.7em;
                text-align: left;
                line-height: 1.5em
            }
            div#main-content div#middle-col-media {
                text-align: center;
            }
            div#main-content div#right-col {
                float: right;
                width: 20%;
                height: 100%;
                border-top: 8px solid #00488F;
                font-size: 1.5em;
                margin-top: 80px;
                }
                div#right-col a {
                    color: #008f8f;
                }
        div#footer {
            background: #904800;
            color: black;
            text-align: center;
            font-size: 1.3em;
            padding: 10px 0 10px 0;
            border-top: solid #008f8f;
            border-bottom: solid #008f8f;
            margin-bottom: 20px;
            }ul#nav-footer li {
                display: inline;
                margin-left: 5px; margin-right: 5px;
                }ul#nav-footer li a {
                    color: black;
                    }ul#nav-footer li a:hover, ul#nav li a:active {
                        color: #00488F;
                    }