/*
grey - 7a7d84
green - 00838a
blue - 425390
red - c90061
orange - e45e37
*/

body {
    font-family: Georgia, 'Times New Roman', Times, serif;
}

p,  li {
    font-size: 1.2rem;
}

.dhalink
{
    margin-top: 2em;
    border: solid 1px #bbbbbb;
    padding: 1em;
    text-align: center;
    box-shadow: 0 5px 8px #aaaaaa;
}

    .dhalink p {
        margin: 0;
        padding: 0;
    }

.logo_600 {
    padding: 18px;
}

.logo_400 {
    padding: 18px 0;
}

.logo_200 {
    padding: 18px;
}

header {
}

    header p {
        margin: 0;
        padding: 0;
    }

    header .contactrow {
        padding-top: 1rem;
    }

    header .opening {
        font-family: Arial;
        font-size: 1.4em;
        font-weight: bold;
        margin: 0;
    }

    header .call {
        font-family: Arial;
        font-size: 1.4em;
        margin: 0;
    }

nav {
}

    nav li {
        color: #000000;
        font-size: 1rem;
        text-align: left;
    }

    nav .mobile {
        left: 100%;
        transform: translateX(-100%);
    }

    nav a.nolink {
        color: #99ffcc;
        font-weight: bold;
    }

    nav a {
        color: #000000;
    }

        nav a:hover {
            color: #666666;
        }

    nav .dropdown.menu .is-active > a {
        color: #666666;
    }

    nav .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
        border-color: transparent transparent transparent;
    }

.sitemenu {
    background-color: #cccccc;
    padding: 0.2rem 0;
    margin: 0;
    margin-bottom: 0.5rem;
    box-shadow: 1px 2px 8px #999999;
}

    .sitemenu ul {
        list-style: none;
        background-color: #cccccc;
    }

    .sitemenu li {
        font-family: Arial;
        font-size: 1rem;
        font-weight: bold;
        border-right: solid 1px #000000;
    }

    .sitemenu li:last-child {
        border: none;
    }

    .sitemenu a {
        color: #000000;
        text-shadow: 1px 1px #dddddd;
    }

        .sitemenu a:hover {
            color: #ffffff;
        }


.dropdown a {
    color: #000000;
    font-family: Arial;
    font-size: 1rem;
}

.dropdown.menu a {
    padding: 0.7rem 0.75rem;
}

.home {
    background-color: #ececec;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.homelinks {
}

    .homelinks .homelink {
        text-align: center;
        font-size: 2rem;
        color: #ffffff;
        float: left;
        padding: 1rem 0;
        width: 25%;
        margin: 1rem 0 2rem 0;
        display: table;
    }

        .homelinks .homelink span {
            display: table-cell;
            vertical-align: middle;
        }

        .homelinks .homelink a {
            color: #ffffff;
            vertical-align: middle;
            display: block;
        }

.pageheader {
    padding: 0.25rem 0;
    margin-bottom: 0.5rem;
    background-color: #425490;
    box-shadow: 0px 2px 4px rgba(0,0,0,.18);
    margin-bottom: 2rem;
}

    .pageheader h1 {
        color: #ffffff;
    }

footer {
    padding-top: 1rem;
    padding-bottom: 2rem;
    background-color: #dcdcdc;
    box-shadow: 0px -2px 4px rgba(0,0,0,.18);
}

    footer p {
        font-size: 0.8rem;
        margin: 0;
        padding: 0;
        line-height: 1.4rem;
    }

.leftimg {
    float: left;
    border: solid 5px #f5f5f5;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.8);
    display: block;
    margin-right: 15px;
    width: 150px;
    height: 150px;
}

@media screen and (max-width: 39.9375em) {
    p, li {
        font-size: 1rem;
    }

    header .logo_400 {
        padding: 5px;
    }

    header .opening {
        font-size: 1.2em;
    }

    header .call {
        font-size: 1em;
        padding-top: 0.1rem;
    }

    header .text-right {
        text-align: center;
    }

    nav .mobile {
        left: 50%;
        transform: translateX(-50%);
    }

    .homelinks .homelink {
        font-size: 1rem;
        padding: 1rem 0.2rem;
        width: 25%;
        margin: 1rem 0 2rem 0;
        display: table;
    }

    footer .text-right {
        text-align: left;
    }

    .leftimg {
        float: none;
        border: solid 5px #fff;
        box-shadow: 0px 0px 5px rgba(0,0,0,0.8);
        display: block;
        margin: 0 auto;
        width: 200px;
    }
}