/*layout.css from old site*/
body
{ 
    background-image: url(/images/BG.jpg);
    background-color: #154881;
    font-family: 'Ruluko';
    font-size: 14px;
    color: #0f161e;
    background-position: center top;
    background-repeat: no-repeat;
    margin: auto;
}

#wrapper
{
    margin: auto;
    width: 1005px;  
}

#header
{
    width: 1005px;
    height: 180px;  
}

#navBar
{
    width: 1005px;
    margin: 57px 0 0 0;
}

#navBar a:link, #navBar a:hover, #navBar a:visited
{
    font-family: 'Ruluko';
    font-size: 16px;
    color: white;
    width: 800px;
    height: 25px;
    padding-left: 15px;
    padding-right: 30px;
    padding-top: 3px;
    padding-bottom: 3px;
}

#innerWrapper
{
    width: 1005px;
    min-height: 500px;
}

#hpMidWrapper
{
    width: 730px;
    min-height: 600px;
    float: right;
    margin: 5px 0 0 0;
}

#left
{
    width: 200px;
    height: 600px;
    float: left;
    margin: 35px 15px 0 0;
}

#right
{
    float: right;
    width: 270px;
    height: 250px;
}

#taxes
{
    width: 250px;
    height: 90px;
    float: right;
}

#links
{
    width: 240px;
    height: 240px;
    float: right;
    background-image: url(/images/findItHere.gif);
    background-repeat: no-repeat;
    background-color: #d7d7db;
    color: #012241;
    padding: 60px 0 0 30px;
}

#links a:link, #links a:hover, #links a:visited
{
    color: #012241;
    line-height: 24px;
    text-align: left;
    font-size: 15px;
}

#hpRotatingImages
{
    width: 443px;
    height: 300px;
    background-color: #d7d7db;
    float: left;
    margin: 40px 0 0 0;
}

#rotateImgHolder
{
    width: 413px;
    height: 276px;
    background-color: White;
    overflow: hidden;
    margin: 15px;
    position: relative;
}

#rotateImgHolder img
{
    position: absolute !important;
    width: 413px;
}

#news
{
    width: 730px;
    height: 275px;
    float: left;
    background-color: #d7d7db;
    padding: 10px 20px 15px 20px;
    color: #012241;
}

#hpContact
{
    background-image: url(/images/contact_BG.jpg);
    width: 253px;
    height: 415px;
    text-align: center;
    line-height: 20px;
    font-size: 15px;
    padding: 90px 0 0 0;
    color: #012241;
}

.dynalight
{
    font-family: 'Dynalight', cursive;
    font-size: 36px;
    color: White;
}

.dynalightCommishTitle
{
    font-family: 'Dynalight', cursive;
    font-size: 24px;
    color: #012241 
;
}

#footer
{
    float: left;
    width: 1005px;
    height: 20px;
    text-align: center;
    padding: 8px 0 0 0;
}

#taxesSecondary {
    width: 250px;
    height: 90px;
    float: right;
    margin: 10px 0 0 0;
}

#splinks {
    border-style: solid none solid solid;
    width: 250px;
    height: 245px;
    float: right;
    background-color: #d7d7db;
    margin: 20px 0 0 0;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-bottom-color: #154881;
    border-left-color: #154881;
    border-top-width: 2px;
    border-top-color: #154881;
    padding: 0 0 0 10px;
}

#lowerWrapper {
    background-color: #d7d7db;
    width: 1005px;
    min-height: 500px;
    float: left;
}

#masterContent {
    width: 700px;
    min-height: 500px;
    padding: 15px;
    background-color: #d7d7db;
    float: left;
}

#pageTitleContainer {
    width: 700px;
    height: 25px;
    padding: 40px 0 20px 0;
    float: left;
    font-family: 'Dynalight', cursive;
}

/*styles.css from old site*/
a, a:visited
{
    color: #6f356c;
    text-decoration: none;
}

a:hover
{
    text-decoration: none;
}

input.button
{
    background: #bf8055;
    border: outset 2px #d7af93;
    color: #FFFFFF;
    padding: 1px;
}

/* 
UL, OL
{
    margin: 0 0 0 35px;
    padding: 0 0 0 0;
}
UL
{
    list-style: none;
}
LI
{
    background: url(/images/bullet.png) no-repeat 0 10%;
    padding: 0 0 5px 17px;
} */

TD
{
    vertical-align: top;
}


P
{
    margin: 10px 0 10px 0;
    padding: 0 0 0 0;
}

/* Begin Editor Styles */
.lightBlue
{
    color: #154881;
}
.larger
{
    font-size: 16px;
}
.smaller
{
    font-size: 12px;
}
.red
{
    color: #8a0f31;
}
/* End Editor Styles */

.clr
{
    clear: both;
}


@media print
{
    #header, #footer, #navBar, #taxesSecondary
    {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    body {
        min-height: 700px;
        background: none;
        -webkit-text-size-adjust: none;
        padding: 0;
        text-align: left;
        direction: ltr;
        margin: 0;
        color: black;
        font-family: Arial;
    }

    #viewport {
        overflow: hidden;
        position: relative;
        width: 100%;
    }

    #mobileMenu {
        width: 190px;
        background: #FFF;
        min-height: 100%;
        position: absolute;
        overflow: hidden;
        left: -190px;
    }

        #mobileMenu > ul {
            padding: 0px;
            margin: 0px;
        }

            #mobileMenu > ul > li {
                list-style: none;
            }

        #mobileMenu ul li > a {
            list-style: none;
            display: block;
            padding: 0 10px 0 5px;
            line-height: 30px;
            color: #154881;
            text-decoration: none;
            border-bottom: solid #E1E8EF 1px;
        }

    #headerMenu {
        color: White;
        vertical-align: top;
        background-color: #D7D7DB; /* header bg color */
        border-bottom: 3px solid #154881;
    }

    #btnToggleMenu {
        margin: 10px;
        padding: 4px 5px 5px 4px;
        background-color: #154881; /* button bg color */
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

    .toggleMenuDown {
        -moz-box-shadow: inset 0px 0px 7px #444;
        -webkit-box-shadow: inset 0px 0px 7px #444;
        box-shadow: inset 0px 0px 7px #444;
        border: 1px solid #555 !important;
    }

    #contentWrap {
        position: relative;
        height: 100%;
        min-height: 700px;
        -webkit-box-shadow: -6px 0px 8px rgba(48, 50, 50, 0.5);
        -moz-box-shadow: -6px 0px 8px rgba(48, 50, 50, 0.5);
        box-shadow: -6px 0px 8px rgba(48, 50, 50, 0.5);
        -webkit-overflow-scrolling: touch;
    }

        #contentWrap.menuVisible, #mobileMenu.menuVisible {
            -webkit-transform: translateX(190px);
            transform: translateX(190px);
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
        }

    #homeContent {
        
        background-size: contain;
        padding: 20px;
        border-bottom: 4px solid #0c374e;
    }

    #homeImgStripe{
        color: #FFFFFF;
        text-align: center;
        padding-top: 2px;
        background: #154881;
        height: 40px;
    }

    #homeLinks {
        background-image: url(/images/mobile/home.jpg);
        padding: 20px;
        background-size: cover;
        background-position: 0px -30px;
        min-height: 200px;
    }

        #homeLinks ul {
            padding: 0px;
        }
        #homeLinks li {
            list-style: none;
            font-size: 15px;
            padding: 4px 0 4px 15px;
        }

        #homeLinks li a {
            color: #FFFFFF;

        }

    #content {
        background: white;
        padding: 20px;
        margin: 0px;
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    .homeMobileContent{
        margin-top: 16px;
        text-align: center;
        font-size: 16px;
        color: #191919;
    }
}