/* Grid Default 1004px + (mediaqueries)
---------------------------------------------------------------------*/
@media only screen and (min-width: 1004px) {
    

/* RESPONSIVE FIXED HEADER POSITIONS - 1004px +
----------------------------------------------------*/
.addressfixpositionheader {
    margin-top: 62px !important;
    z-index: 99;
    }
    
.addressfixpositionparenttitlebanner {
    margin-top: 62px;
    }

.addressfixpositioncontent {
    min-height: 800px;
    _height: 800px;
    }


/* RESPONSIVE BASE CONTAINER & GRID WIDTH - 1004px +
----------------------------------------------------*/
.basecontainer {
    clear: both; 
    width: 100%; 
    }

.basesectionwidth {
    clear: both; 
    width: 100%;
    min-width: 984px; 
    }

.basegridwidth {
    width: 90%;
    min-width: 984px; 
    max-width: 1200px; 
    }
    
.contentwidth {
    width: 98%;
    min-width: 964px;
    }

.subpagewidth {
    width: 95%;
    min-width: 900px;
    }
    
/* RESPONSIVE HEADER - 1004px +
----------------------------------------------------*/
 .logo {
    left: 48%; 
    text-align: center;
    }

@media only screen and (min-width: 1004px) and (max-width: 1280px) {

.logo {
    left: 25px; 
    }

.missionstatement .content {
    width: 90%;
    max-width: 1003px;
} 

.HomeCBStyle, .HomeCBStyle .normalPara p, .HomeCBStyle .normalPara, .HomeCBStyle p {
    font-size: 17px;
    line-height: 32px;
    color: #333333;
    font-weight: 400;
}

.product .title, .product .title a {
    letter-spacing: 0 !important;
    box-sizing: border-box;
    text-transform: none
}

.product .title a:hover {
    padding: 4px 0 4px 0;
    background-color: #ffffff;
    color: #18B3E1
}

}

.logo img {
    width: 88px;
    }
 
/* RESPONSIVE MAIN NAV SHOW/HIDE - 1004px + 
----------------------------------------------------*/
.navd, .subnavvisible {
    display: block;
    }

header, .navr, .catmobilenav, br {
    display: none !important;
    }


/* RESPONSIVE CONTENT AREAS & GRIDS - 1004px +
--------------------------------------------------*/     
.contentgrid {
    width: 100%;
    } 

.contentarea {
    position: relative;
    padding: 0;
    width: 100%;
    min-width: 700px;
    margin: 0 auto;
    }
    
.contentarea .contentblock {
    padding: 35px 0 0 0;
    width: 100%;
    min-width: 585px;
    min-height: 550px;
    _height: 550px;
    } 

/* RESPONSIVE MAIN NAV - 1004px +
----------------------------------------------------*/
.mainnav {
    height: 35px;
    top: 26px;
    right: 16px;
    }

/* RESPONSIVE UTILITY NAV
---------------------------------------- */
.utilitynav {
    position: absolute; 
    top: 9px; 
    right: 135px; 
    font-size: 10px;
    }
    
.utilitynav a {
    padding: 0 10px;
    }
        
/* RESPONSIVE SUB PARENT TITLE - 1004px +
----------------------------------------*/
.parenttitlebanner {
    z-index: 4;
    width: 100%;
    height: 96px;
}

.parenttitlebanner .topdivider {
    top: 2px;
    left: 0;
}

.parenttitlebanner .bottomdivider {
    bottom: 2px;
    left: 0;
}

.subparenttitle {
    top: 39px;
    padding: 0 0 0 0;
    }

.subparenttitle h1, .blogpostparent h2 {
    padding: 0 0 0 0;
    margin: 0;
    font-size: 36px;
    line-height: 21px;
    font-weight: 300;
    letter-spacing: .06em;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, .3);
    }

.parentaccent {
    position: absolute;
    top: -6px;
    left: 0;
    }

.parentaccent img {
    width: 60%;
    }

          
/* RESPONSIVE FOOTER - 1004px +
----------------------------------------------------*/ 
#footer {
    min-height: 160px;
    _height: 160px;
    font-size: 11px;
    font-weight: 500;
    padding: 10px 0 35px 0;
    text-align: center;
    }

.footergrid {
    text-align: center;
    }
    
.footergrid div {
    padding-top: 20px;
    clear: both;
    } 

.councillogo {
    display: inline-block;
}

.councillogo img {
    width: 125px;
    vertical-align: top;
}


/* RESPONSIVE HOME PAGE BANNER AREA - 1004px +
----------------------------------------------------*/
.homebanner {
    min-height: 600px;
    _height: 600px;
    }

/* BLOG - 768-1003px
----------------------------------------------------*/
.blogarea {
    float: left !important;
    position: relative;
    padding: 0;
    width: 70% !important;
    min-width: 650px;
    padding-left: 0;
    }

.blogarea .contentblock {
    padding: 5px 0 0 0;
    width: 98%;
    max-width: 900px;
    min-width: 585px;
    min-height: 550px;
    _height: 550px;
}

}