﻿.centerContentMenu {
    display: inline;
    font-size: 16px;
    padding-left: 15px;
    line-height: 30px;
    color: #FFF;
    background-color: #16325c;
}

.centerContentMenuWildlife {
    display: inline;
    font-size: 16px;
    padding-left: 15px;
    line-height: 30px;
    color: #FFF;
    background-color: #2d220d;
}

.centerContentMenuLaw {
    display: inline;
    font-size: 16px;
    padding-left: 15px;
    line-height: 30px;
    color: #FFF;
    background-color: #dbdeb2;
}


.centerContentMenuParks {
    display: inline;
    font-size: 16px;
    padding-left: 15px;
    line-height: 30px;
    color: #FFF;
    background-color: #486118;
}


.standardHeader {
    width: 100%;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 40px;
    padding-left: 20px;
    color: #fff;
    background: -webkit-linear-gradient(left, #3b7bdc, #00183b); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, #3b7bdc, #00183b); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, #3b7bdc, #00183b); /* For Firefox 3.6 to 15 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b7bdc', endColorstr='#00183b', GradientType=1); /* For IE 6-9 */
    background: -ms-linear-gradient(left, #3b7bdc, #00183b); /* IE 11 */
    background: linear-gradient(left, #3b7bdc, #00183b); /* Standard syntax (must be last) */
}

.wildlifeHeader {
    width: 100%;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 40px;
    padding-left: 20px;
    color: #FFF;
    background: -webkit-linear-gradient(left, #4e380e, #2d220d); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, #4e380e, #2d220d); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, #4e380e, #2d220d); /* For Firefox 3.6 to 15 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e380e', endColorstr='#2d220d', GradientType=1); /* For IE 6-9 */
    background: -ms-linear-gradient(left, #4e380e, #2d220d); /* IE10+ */
    background: linear-gradient(left, #4e380e, #2d220d); /* Standard syntax (must be last) */
}

.parksHeader {
    width: 100%;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 40px;
    padding-left: 20px;
    color: #FFF;
    background: -webkit-linear-gradient(left, #486118, #1d2c01); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, #486118, #1d2c01); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, #486118, #1d2c01); /* For Firefox 3.6 to 15 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#486118', endColorstr='#1d2c01', GradientType=1); /* For IE 6-9 */
    background: -ms-linear-gradient(left, #486118, #1d2c01); /* IE10+ */
    background: linear-gradient(left, #486118, #1d2c01); /* Standard syntax (must be last) */
}

.conservationHeader {
    width: 100%;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 40px;
    padding-left: 20px;
    color: #a89c84;
    background: -webkit-linear-gradient(left, #274237, #1d2c01); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, #274237, #1d2c01); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, #274237, #1d2c01); /* For Firefox 3.6 to 15 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#274237', endColorstr='#1d2c01', GradientType=1); /* For IE 6-9 */
    background: -ms-linear-gradient(left, #274237, #1d2c01); /* IE10+ */
    background: linear-gradient(left, #274237, #1d2c01); /* Standard syntax (must be last) */
}

.standardMenuHeader {
    float: left;
    width: 100%;
    height: 25px;
    line-height: 25px;
    font-size: 18px;
    padding-left: 13px;
    margin-left: 0px;
    margin-top: 0px;
    color: #fff;
    background-color: #16325c;
}

.conservationMenuHeader {
    float: left;
    width: 100%;
    height: 25px;
    line-height: 25px;
    font-size: 18px;
    padding-left: 13px;
    margin-left: 0px;
    margin-top: 0px;
    color: #FFF;
    background-color: #1d2c01;
}

.wildlifeMenuHeader {
    float: left;
    width: 100%;
    height: 25px;
    line-height: 25px;
    font-size: 18px;
    padding-left: 13px;
    margin-left: 0px;
    margin-top: 0px;
    color: #FFF;
    background-color: #2d220d;
}

.lawMenuHeader {
    float: left;
    width: 100%;
    height: 25px;
    line-height: 25px;
    font-size: 18px;
    padding-left: 13px;
    margin-left: 0px;
    margin-top: 0px;
    color: #FFF;
    background-color: #dbdeb2;
}

.parksMenuHeader {
    float: left;
    width: 100%;
    height: 25px;
    line-height: 25px;
    font-size: 18px;
    padding-left: 13px;
    margin-left: 0px;
    margin-top: 0px;
    color: #FFF;
    background-color: #486118;
}

@media (max-width:1200px) {
}

@media (max-width:767px) {
    .standardHeader {
        font-size: 16px;
    }

    .wildlifeHeader {
        font-size: 16px;
    }

    .parksHeader {
        font-size: 16px;
    }

    .conservationHeader {
        font-size: 16px;
    }
}

@media (min-width:768px) and (max-width:800px) {
    .standardHeader {
        font-size: 16px;
    }

    .wildlifeHeader {
        font-size: 16px;
    }

    .parksHeader {
        font-size: 16px;
    }

    .conservationHeader {
        font-size: 16px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .standardHeader {
        font-size: 16px;
    }

    .wildlifeHeader {
        font-size: 16px;
    }

    .parksHeader {
        font-size: 16px;
    }

    .conservationHeader {
        font-size: 16px;
    }
}

@media (min-width:992px) and (max-width:1199px) {
}

@media (max-width:767px) {
    .standardHeader {
        font-size: 14px;
    }

    .wildlifeHeader {
    }

    .parksHeader {
    }

    .conservationHeader {
    }
}

@media (min-width:1200px) {
}
