﻿img, object, embed {
    max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
    width:100%;
}


.inner {
    margin-left: 20px;
    margin-right: 20px;
    width: auto;
}

#mainmenu {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    background-color: rgba(0, 47, 82, 0.86);
    height: 100%;
    z-index: 102;
    min-height: 308px;
}

#menutext {
    display: none;
    font-weight: 300;
    color: #1d822c;
    text-transform: uppercase;
    float: left;
    position: relative;
    z-index: 103;
}

#socialmedia {
    /*display: none;*/
    padding-left: 12px;
    padding-right: 6px;
    padding-top: 9px;
    float: left;
}

.searchbar {
    float:left;
    /*overflow: hidden;*/
    height: 36px;
    width: 100%;
    display: none;
}
.search_cancel {
    float: right;
    width: 15px;
    cursor: pointer;
    height: 36px;
    background-image:url("/_images/Searchbox_dismiss_grey.png");
    background-repeat:no-repeat;
    background-position-y: 14px;
}

.header-link {
    display: none;
    float: left;
    text-transform: uppercase;
    font-weight: 300;
}

#newspipe {
    display:none;
    width: 3px;
    float: left;
    padding-left: 2px;
    padding-right:4px;
}

#header_left {
    display: none;
    float: left;
    line-height: 36px;
    width: calc(100% - 731px);
    margin-right: 40px;
}

#header_right {
    float: right;
    line-height: 36px;
    width: 331px;
}

ul.marquee {
	/* required styles */
	display: none;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	position: relative;
	overflow: hidden;

	/* optional styles for appearance */
	width: 100%;
	height: 36px; /* height should be included to reserve visual space for the marquee */
}

.columnleft2 {
    word-wrap:break-word;
    float:left;
    width: 100%;
    padding-right: 0px;
    border-right: none;
}
    .columnleft2 img {
        width: 100%;
    }
.columnright2 {
    word-wrap:break-word;
    float:left;
    width:100%;
    padding-left:0px;
    padding-right:0px;
    margin-left: 0px;
    border-left: none;
}
.columnright2 img {
    width:100%;
}

.grid-item {
    float:left;
    width:100%;
    padding-bottom: 20px;
}
.grid-item-odd {
    padding-left:0px;
}
.grid-item-even {
    border-right:none;
    padding-right:0px;
}
.gallery-grid-item {
    float:left;
    width:100%;
    margin-bottom: 20px;
}
.gallery-grid-item-odd {
    margin-left:0px;
}
.gallery-grid-item-even {
    border-right:none;
    margin-right:0px;
}

.newsgrid{
    float: left;
    width:100%;
    background-color: rgba(119, 134, 147, 0.15);
}
.newsgrid_image {
    background-repeat:no-repeat;
    background-size:cover;
    width: 100%;
    height: 200px;
}
.newsgrid_info {
    padding: 20px 15px;
    width: calc(100% - 30px);
    height: 153px;
}

#quicklinks {
    float: left;
    min-height: 1px;
}
.quicklinks a{display:block;  padding-left:6px; color:#27337b; text-decoration:none; text-align:right; }
.quicklinks ul{top: 36px; display:none; right:0px; }
.quicklinks li ul li a {width: 166px;}

#right_styling {
    min-height: 150px;
    min-width: 300px;
    max-width: 500px;
    width: 100%;
    background-color: #1d822c;
    position: absolute;
    top: 240px;
    right: 0;
    z-index: 1020;
}

@media only screen and (min-width: 370px) {
    #mainmenu {
        left: auto;
        right: 0px;
        width: 283px;
    }
}

@media only screen and (min-width: 516px) {
    

    
}

@media only screen and (min-width: 580px) {
    .grid-item {
        float:left;
        padding-bottom: 20px;
        width:calc(50% - 20px);
    }
    .grid-item-odd {
        padding-left:20px;
    }
    .grid-item-even {
        border-right:1px solid #778693;
        padding-right:19px;
    }
    .gallery-grid-item {
        float:left;
        margin-bottom: 20px;
        width:calc(50% - 10px);
    }
    .gallery-grid-item-odd {
        margin-left:10px;
    }
    .gallery-grid-item-even {
        margin-right:10px;
    }

    .columnleft2 {
        width: calc(50% - 21px);
        padding-right: 20px;
        border-right: 1px solid #212c56;
    }
    .columnright2 {
        width:calc(50% - 30px);
        padding-left:20px;
        padding-right:10px;
        margin-left: -1px;
        border-left: 1px solid #212c56;
    }
}


@media only screen and (min-width: 700px) {
    /*.inner {
        margin-left: 34px;
        margin-right: 34px;
    }*/
    /*#header_right {
        float: left;
        width: 681px;
    }
    #header_left {
        display: block;
    }*/
}

@media only screen and (min-width: 775px) {
    #master_cookies_left {
        margin-left: 20px;
    }

    #master_cookies_right {
        padding-top: 3.5px;
        float: right;
        margin-right: 20px;
        margin-left: 0;
    }

    #master_cookies {
        opacity: 0.85;
    }
}

@media only screen and (min-width: 830px) {
    .inner {
        margin-left: 34px;
        margin-right: 34px;
    }
    .header-link {
        display: block;
    }

    #menutext {
        display: block;
    }

    #socialmedia {
        display: block;
    }
    #header_left {
        display: block;
    }
    #header_right {
        float: right;
        width: 691px;
    }


    .quicklinks a {
        text-align: left;
    }

    .quicklinks ul {
        right: auto;
    }

    .quicklinks li ul li a {
        width: 134px;
    }

    #right_styling {
        background-color: rgba(29, 130, 44, 0.8);
    }
}

@media only screen and (min-width: 1000px) {
    #newspipe {
        display: block;
    }

    ul.marquee {
        display: block;
    }

    .newsgrid{
        float: left;
        background-color: rgba(119, 134, 147, 0.15);
    }
    .newsgrid_image {
        background-repeat:no-repeat;
        background-size:cover;
        width: 50%;
        float: left;
        height: 200px;
    }
    .newsgrid_info {
        float: left;
        width: calc(50% - 30px);
        padding: 20px 15px;
    }
}

@media only screen and (min-width: 1100px) {
    #master_cookies_left {
        margin-left: 80px;
    }

    #master_cookies_right {
        margin-right: 80px;
    }
}



