﻿body
{
    font-family: 'Cabin Condensed' , sans-serif !important;
}

.inner
{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

/* top buttons and logo */
.inline
{
    display: inline-block;
    width: 450px;
}
.button
{
    float: left;
    margin-top: 20px;
    margin-left: 40px;
}
.logo
{
    float: right;
}
#donation
{
    height: 38px;
}

.yellowline
{
    background-color: #fbe30f;
    width: 100%;
    height: 5px;
    position: absolute;
    z-index: -1;
    top: 67px;
    left: 0px;
}
.logo img
{
    width: 540px;
    margin-bottom: 7px;
}


/* navigation bar */
.navigation
{
    position: absolute;
    top: 115px;
    margin-bottom: 10px;
}
.navigation li
{
    display: inline;
    font-size: 20px ;
    padding: 23px;
}
.navigation a
{
    text-decoration: none;
}
#first
{
    padding-left: 0px;
}

/* Heading */
.blackbox
{
    clear: both;
    width: 100%;
    height: 614px;
    background-color: Black;
}
.header
{
    width: 1600px;
    margin-left: auto;
    margin-right: auto;
}
.header img
{
    margin-top: -10px;
    margin-bottom: 0px;
}

rotateImgHolder
{
width: 1600px;
height: 450px;
}

.caption
{
    background-color: #4a494c;
    display: inline;
}
.caption p
{
    background-color: #4a494c;
    margin-top: 0px;
    text-align: center;
    color: White;
    font-size: 17pt;
    padding: 2px;
    text-decoration: none;
}
.caption img
{
    position: relative;
    top: 4px;
}
.blueline
{
    background-color: #1a4875;
    width: 100%;
    height: 20px;
}

/* Photo Blocks */
.photoblock img
{
    padding: 7px;
    border: 1px solid #1a4875;
}

.title
{
    width: 266px;
    height: 30px;
    background-color: #1a4875;
    text-transform: uppercase;
    color: White;
    font-size: 16pt;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
}

.photoblock p
{
    margin-top: 0px;
    text-align: center;
}

.block1
{
    display: inline-table;
    margin-top: 40px;
    padding-right: 49px;
    padding-left: 0px;
}
.block2
{
    display: inline-table;
    padding-left: 48px;
    padding-right: 49px;
}
.block3
{
    display: inline-table;
    padding-left: 48px;
    padding-right: 0px;
}

/* Div to make the news feed and the bottom side navigation inline */
.content
{
    display: inline-table;
    
}
/* News Feed */
.news
{
    width: 700px;
    float: left;
    min-height: 390px;
}
.h3
{
    font-size: 18pt;
}
.news p
{
    font-size: 14pt;
    margin-bottom: 50px;
    height: 100px;
}
.news img
{
    float: left;
    margin-right: 10px;
}
#logo
{
    width: 100px;
    height: 100px;
}

/* Bottom Side Navigation */
.bottomnav
{
    width: 300px;
    height: 300px;
    float: right;
    text-align: center;
    background-image: url(/images/sheild.png);
    margin-top: 20px;
}
.bottomnav p
{
    margin-bottom: 35px;
}
.bottomnav h3
{
    margin-top: 36px;
    margin-bottom: 9px;
}


/* Footer */
#footer
{
    width: 100%;
    height: 100px;
    background-color: #d3d3d4;
    text-align: center;
}

#ModalContainer
{
    display: none;
}

/* Secondary Page Specific Elements & Classes */
.black
{
    clear: both;
    height: 62px;
    width: 100%;
    z-index: -1;
    background-color: Black;
}
#content
{
    padding: 15px;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.nav2
{
        position: absolute;
    top: 115px;
    font-family: 'Cabin Condensed' , sans-serif !important;
    margin-bottom: 10px;
}
.nav2 li
{
    display: inline;
    font-size: 20px;
    padding: 15px;
}
.nav2 a
{
    text-decoration: none;
}

#pageTitleContainer
{
    padding: 6px;
    background-color: #4a494c;
    text-align: center;
    color: White;
    font-size: 15pt;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 13px;
}


/* Print Styles */
@media print
{
    #header, #navBar, #footer
    {
        display: none;
    }

    #wrapper
    {
        width: 8in;
        border: 0;
        padding: 0;
        margin: 0;
    }

    .btn
    {
        display: none;
    }
}
