.no-pad {
    padding-left: 0;
    padding-right: 0;
}

html,
body {
    min-height: 0!important;
    height: auto!important;
    position: inherit!important;
}

body {
    font-size: 12px;
}

#wrapall {
    overflow: hidden;
}

p,
.Normal {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.05em;
    color: #524e44;
    line-height: 1.2em;
    padding-left: 19px;
}

h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2em;
    text-align: left;
    color: #062bb5;
    text-transform: uppercase;
    font-weight: bold;
}

h2 {
    font-family: Arial, Helvetica, sans-serif;
    color: #be1e2d;
    font-size: 1.8em;
    text-transform: none;
    font-weight: normal;
    text-align: left;
}

#middleright h1 {
    margin-top: 0;
}

#contentcol {
    margin-bottom: 30px;
}

#contentcol ol,
#contentcol ul {
    color: #b50522;
    font-size: 1.4em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 5px;
}

.welcome h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2.45em;
    color: #b50522;
    text-transform: none;
    margin-top: 0px;
}

.welcome p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.05em;
    color: #524e44;
    line-height: 1.4;
    padding: 0;
}


/* Backpage Stylings */

.backpagecontentpane h1 {
    color: #b50522;
    font-size: 2.45em;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: none;
}

.backpagecontentpane h2 {
    color: #072cb7;
    font-size: 1.4em;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.backpagecontentpane h3 {
    color: black;
    font-size: 1.2em;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.backpagecontentpane p {
    color: #524e44;
    font-size: 1.05em;
    font-family: Arial, Helvetica, sans-serif;
}

.tanbox {
    background: #eae2ce;
    padding: 15px;
    margin-bottom: 10px;
}

.backpagecontentrow {
    margin-bottom: 25px;
}


/* Skiplink */

#skiplink a {
    font-family: Calibri, Arial;
    font-weight: bold;
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

#skiplink a:focus {
    position: static;
    width: auto;
    height: auto;
}


/*-----------------------------------*/


/* Utilities */

.bcs-container-searchbox {
    margin: 8px 0 0 15px;
    width: 80% !important;
}

#google_translate_element {
    margin-top: 5px;
}

select.goog-te-combo {
    width: 48%;
}

#translate {
    margin-left: 40px;
    margin-top: 10px;
}

#utilities {
    top: 565px;
    right: 0;
    position: absolute;
    text-align: center;
    z-index: 8;
}

.backpagecontentpane {
    margin-top: 60px;
}

.backpageutl {
    top: 0 !important;
}

#utilities2 {
    top: 0px;
    right: 0;
    position: absolute;
    text-align: center;
    z-index: 9;
}

.skiptranslate.goog-te-gadget~.skiptranslate.goog-te-gadget {
    display: none;
}

.skiptranslate.goog-te-gadget select.goog-te-combo~select.goog-te-combo {
    display: none;
}

.goog-te-gadget {
    text-align: center;
}

@media(min-width: 2000px) {
    #utilities {
        top: 640px;
    }
}

@media(min-width: 1801px) {
    #utilities {
        top: 610px;
    }
}

@media (max-width: 1800px) {
    #utilities {
        top: 580px;
    }
}

@media (max-width: 1750px) {
    #utilities {
        top: 575px;
    }
}

@media (max-width: 1650px) {
    #utilities {
        top: 560px;
    }
}

@media (max-width: 1550px) {
    #utilities {
        top: 545px;
    }
}

@media (max-width: 1450px) {
    #utilities {
        top: 535px;
    }
}

@media (max-width: 1350px) {
    #utilities {
        top: 520px;
    }
}

@media (max-width: 1250px) {
    #utilities {
        top: 505px;
    }
}

@media (max-width: 1199px) {
    #utilities {
        top: 495px;
    }
}

@media (max-width: 1080px) {
    #utilities {
        top: 475px;
    }
}

@media (max-width: 1000px) {
    #utilities {
        top: 455px;
    }
}

@media (max-width: 991px) {
    #utilities {
        top: 0px;
    }
    .backpagecontentpane {
        margin-top: 0px;
    }
}


/* Hiding Utilities for DropPane */

.paneDrop {
    background: white;
    z-index: 999999999;
    position: absolute !important;
    top: 54px;
    right: 0% !important;
    height: 65px !important;
    width: 100% !important;
    margin-left: 0px;
    border-bottom-right-radius: 5px;
    text-align: center;
    line-height: 22px;
    color: white !important;
    transition: height .4s;
    animation-direction: reverse;
    border-bottom-left-radius: 5px;
    border: 2px solid #173b75;
}

@media(max-width: 991px) {
    #search,
    #translate {
        position: absolute;
        bottom: 5000px;
        height: 1px;
        width: 1px;
        margin-left: -1px;
        overflow: hidden;
        font-size: .75em;
        margin-top: 0px;
    }
    .backpageutl .paneDrop {
        top: -237px;
    }
}

@media (max-width: 960px) {
    .backpageutl .paneDrop {
        top: -232px;
    }
}

@media (max-width: 930px) {
    .backpageutl .paneDrop {
        top: -228px;
    }
}

@media (max-width: 895px) {
    .backpageutl .paneDrop {
        top: -223px;
    }
}

@media (max-width: 850px) {
    .backpageutl .paneDrop {
        top: -217px;
    }
}

@media (max-width: 810px) {
    .backpageutl .paneDrop {
        top: -211px;
    }
}

@media (max-width: 805px) {
    .backpageutl .paneDrop {
        top: -207px;
    }
}

@media (max-width: 788px) {
    .backpageutl .paneDrop {
        top: -200px;
    }
}

@media (max-width: 770px) {
    .backpageutl .paneDrop {
        top: -194px;
    }
}

@media (max-width: 767px) {
    .backpageutl .paneDrop {
        top: -292px;
    }
}

@media (max-width: 730px) {
    .backpageutl .paneDrop {
        top: -287px;
    }
}

@media (max-width: 690px) {
    .backpageutl .paneDrop {
        top: -281px;
    }
}

@media (max-width: 655px) {
    .backpageutl .paneDrop {
        top: -276px;
    }
}

@media (max-width: 610px) {
    .backpageutl .paneDrop {
        top: -270px;
    }
}

@media (max-width: 570px) {
    .backpageutl .paneDrop {
        top: -264px;
    }
}

@media (max-width: 530px) {
    .backpageutl .paneDrop {
        top: -259px;
    }
}

@media (max-width: 500px) {
    .backpageutl .paneDrop {
        top: -254px;
    }
}


/*-----------------------------------*/


/* Reg Voters */

#statsrow {
    background: #eae2ce;
    padding: 15px 0;
    margin-bottom: 6px;
}

.registrationTotalsList {
    margin: 0 3%;
    list-style: none;
}

.registrationTotalsList li {
    vertical-align: middle;
    display: inline-block;
    padding: 0 85px;
}

.registrationTotalsList li:first-child {
    text-align: center;
}

.registrationTotalsList li:last-child {}

.totalsField {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    color: #5D5E5F;
    text-align: right;
    padding-top: 10px;
}

.totalsValue {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2em;
    color: #5D5E5F;
    text-align: left;
}

.datePrelude,
.dateValue {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    font-weight: normal;
    text-align: center;
    color: #5D5E5F;
    width: 100%;
}

.dateValue {
    font-weight: normal;
    font-size: 1.75em;
    color: #5D5E5F;
    float: none;
    text-transform: none;
}

@media (max-width: 1901px) {
    .registrationTotalsList li {
        padding: 0 85px;
    }
}

@media (max-width: 1860px) {
    .registrationTotalsList li {
        padding: 0 82px;
    }
}

@media (max-width: 1848px) {
    .registrationTotalsList li {
        padding: 0 80px;
    }
}

@media (max-width: 1807px) {
    .registrationTotalsList li {
        padding: 0 78px;
    }
}

@media (max-width: 1795px) {
    .registrationTotalsList li {
        padding: 0 75px;
    }
}

@media (max-width: 1754px) {
    .registrationTotalsList li {
        padding: 0 73px;
    }
}

@media (max-width: 1741px) {
    .registrationTotalsList li {
        padding: 0 70px;
    }
}

@media (max-width: 1700px) {
    .registrationTotalsList li {
        padding: 0 68px;
    }
}

@media (max-width: 1688px) {
    .registrationTotalsList li {
        padding: 0 65px;
    }
}

@media (max-width: 1647px) {
    .registrationTotalsList li {
        padding: 0 63px;
    }
}

@media (max-width: 1635px) {
    .registrationTotalsList li {
        padding: 0 60px;
    }
}

@media (max-width: 1594px) {
    .registrationTotalsList li {
        padding: 0 58px;
    }
}

@media (max-width: 1582px) {
    .registrationTotalsList li {
        padding: 0 55px;
    }
}

@media (max-width: 1541px) {
    .registrationTotalsList li {
        padding: 0 53px;
    }
}

@media (max-width: 1528px) {
    .registrationTotalsList li {
        padding: 0 50px;
    }
}

@media (max-width: 1488px) {
    .registrationTotalsList li {
        padding: 0 48px;
    }
}

@media (max-width: 1475px) {
    .registrationTotalsList li {
        padding: 0 45px;
    }
}

@media (max-width: 1434px) {
    .registrationTotalsList li {
        padding: 0 43px;
    }
}

@media (max-width: 1422px) {
    .registrationTotalsList li {
        padding: 0 40px;
    }
}

@media (max-width: 1381px) {
    .registrationTotalsList li {
        padding: 0 38px;
    }
}

@media (max-width: 1369px) {
    .registrationTotalsList li {
        padding: 0 35px;
    }
}

@media (max-width: 1328px) {
    .registrationTotalsList li {
        padding: 0 33px;
    }
}

@media (max-width: 1316px) {
    .registrationTotalsList li {
        padding: 0 30px;
    }
}

@media (max-width: 1275px) {
    .registrationTotalsList li {
        padding: 0 28px;
    }
}

@media (max-width: 1262px) {
    .registrationTotalsList li {
        padding: 0 25px;
    }
}

@media (max-width: 1222px) {
    .registrationTotalsList li {
        padding: 0 23px;
    }
}

@media (max-width: 1209px) {
    .registrationTotalsList li {
        padding: 0 20px;
    }
}

@media (max-width: 1168px) {
    .registrationTotalsList li {
        padding: 0 18px;
    }
}

@media (max-width: 1156px) {
    .registrationTotalsList li {
        padding: 0 15px;
    }
}

@media (max-width: 1115px) {
    .registrationTotalsList li {
        padding: 0 13px;
    }
}

@media (max-width: 1103px) {
    .totalsField {
        font-size: 1.4em;
    }
    .totalsValue {
        font-size: 1.8em;
    }
    .datePrelude {
        font-size: 1.4em;
    }
    .dateValue {
        font-size: 1.6em;
    }
}

@media (max-width: 1029px) {
    .totalsField {
        font-size: 1.3em;
    }
    .totalsValue {
        font-size: 1.7em;
    }
}

@media (max-width: 808px) {
    .totalsValue {
        font-size: 1.6em;
    }
}

@media (max-width: 792px) {
    .totalsValue {
        font-size: 1.5em;
    }
}

@media (max-width: 777px) {
    .totalsValue {
        font-size: 1.4em;
    }
}

@media (max-width: 767px) {
    .totalsValue {
        font-size: 1.7em;
    }
    .totalsField {
        font-size: 1.5em;
    }
    .registrationTotalsList li {
        width: 100% !important;
        text-align: center;
    }
}


/*---------------------------------------*/


/* Rotator */

.carousel-inner {
    height: 50%;
}

#rotator {
    position: absolute;
    right: 0;
    z-index: -3;
    width: 46%;
}


/* SoePic */

#soePic {
    z-index: 99999999;
}

.bannerhead {
    overflow: hidden;
    z-index: 8;
}

@media (max-width: 500px) {
    #soePic img {
        width: 100%;
    }
}


/* Carousel Fade */

.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
    transition: 1000ms;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
    transition: 1000ms;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}

@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-fade .carousel-inner>.item.next,
    .carousel-fade .carousel-inner>.item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner>.item.prev,
    .carousel-fade .carousel-inner>.item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner>.item.next.left,
    .carousel-fade .carousel-inner>.item.prev.right,
    .carousel-fade .carousel-inner>.item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}


/*---------------------------------------*/


/* Quicklinks */

#quicklinks {
    padding-bottom: 25px;
}

#quicklinks a {
    background: linear-gradient(to bottom, #d01231, #b20320);
    color: white;
    font-size: 1.6em;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    margin: 4px;
    width: 32.4%;
    padding: 10px;
}

#qltop {
    line-height: 1.2;
}

#qlbottom {
    line-height: 1.2;
}


/* So it doesn't mess up when on phone */

@media (min-width: 1200px) {
    #qltop {
        display: inline-block;
    }
    #qlbottom {
        display: inline-block;
    }
    #quicklinks a {
        font-size: 1.6em;
        padding: 10px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

#quicklinks a:hover,
#quicklinks a:focus {
    background: linear-gradient(to bottom, #143cd2, #062ab4);
    text-decoration: none;
}

@media (min-width: 1200px) and (max-width:1223px) {
    #quicklinks a {
        font-size: 1.3em;
    }
}

@media (max-width: 1015px) {
    #quicklinks a {
        width: 32.2%;
    }
}

@media (max-width: 849px) {
    #quicklinks a {
        width: 32.2%;
    }
}

@media (max-width: 767px) {
    #quicklinks a {
        width: 48.7%;
    }
}


/*---------------------------------------*/


/* Content Area (Main and Aside) */

#middleright {
    padding-left: 60px;
    margin-top: 120px;
}

#dnn_electionsright {
    margin-top: 20px;
}


/* Events under calendar ADA and spacing */

.eds_news_Vision.eds_style_predefined_blue.eds_subCollection_calendar .archive_list.events ul li a span {
    margin-top: 7px !important;
    color: #616161 !important;
}

.eds_news_Ozone.eds_subCollection_calendar .archive_list.events {
    margin-top: 0px !important;
}

.eds_news_Ozone.eds_subCollection_calendar .archive_list {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

.edn_module_title {
    display: none !important;
}

@media (max-width: 991px) {
    #middleright {
        margin-top: 0px;
    }
    #dnn_electionsright {
        margin-top: 0px;
    }
}


/*---------------------------------------*/


/* Footer */

#fbicon {
    width: 40px;
    margin: 11px;
    margin-top: 12px;
}

#fbarea {
    background: #eae2ce;
    padding: 10px 0;
    padding-left: 30px;
}

#fbtext {
    margin: 14px auto auto;
}

#fbtext p {
    font-size: 1.3em;
    color: #524e44;
    line-height: 1.2;
    font-weight: bold;
}

#fbtext a {
    color: #524e44;
    font-weight: normal;
    text-decoration: underline;
}

#footerbottom {
    background: #062bb5;
    padding: 20px 25px;
}

#footerbottom p {
    color: white;
    font-size: 1.2em;
    line-height: 1.6;
}

#disclaimer {
    padding: 15px 0px 0px;
}

@media (max-width: 991px) {
    #fbarea {
        padding-left: 12px;
    }
}

@media (max-width: 389px) {
    #fbtext a {
        padding-left: 62px;
    }
}


/*---------------------------------------*/


/* Mobile Menu */

#mobileitems {
    left: 71%;
}

@media (max-width: 767px) {
    #mobileitems {
        left: 62%;
    }
}

#mobiletranslate {
    border-right: 1px solid white;
}

#mobiletranslate,
#mobilesearch {
    color: white;
    text-align: center;
    margin: 6px 0;
}

.glyphicon {
    color: white;
    font-size: 21px;
    top: 3px;
    display: block;
    margin-bottom: 5px;
    text-align: center;
}

@media (max-width: 991px) {
    #middleright {
        padding-left: 0px;
    }
    p,
    .Normal {
        padding-left: 0;
    }
    #middleright ul,
    #middleright p {
        padding-left: 18px;
    }
    .registrationTotalsList li:first-child {
        width: 100%;
        padding-bottom: 5px;
    }
    .registrationTotalsList li {
        width: 25%;
        text-align: center;
    }
    #phonemenu {
        background: linear-gradient(to bottom, #1239cd, #062ab4)
    }
    .c-hamburger {
        display: block;
        position: relative;
        overflow: hidden;
        margin: 0;
        padding: 0;
        width: 64px;
        height: 40px;
        font-size: 0;
        text-indent: -9999px;
        appearance: none;
        box-shadow: none;
        border-radius: none;
        border: none;
        cursor: pointer;
        transition: background 0.3s;
        left: 58%;
        z-index: 999;
        bottom: 1px;
    }
    .c-hamburger:focus {
        outline: none;
    }
    .c-hamburger span {
        display: block;
        position: absolute;
        top: 26px;
        left: 18px;
        right: 18px;
        height: 4px;
        background: white;
    }
    .c-hamburger span::after,
    .c-hamburger span::before {
        position: absolute;
        display: block;
        left: 0;
        width: 100%;
        height: 4px;
        background-color: white;
        content: "";
    }
    .c-hamburger span::before {
        top: -10px;
    }
    .c-hamburger span::after {
        bottom: -10px;
    }
    .c-hamburger--htx {
        background-color: transparent;
    }
    .c-hamburger--htx span {
        transition: background 0s 0.3s;
    }
    .c-hamburger--htx span::before,
    .c-hamburger--htx span::after {
        transition-duration: 0.3s, 0.3s;
        transition-delay: 0.3s, 0s;
    }
    .c-hamburger--htx span::before {
        transition-property: top, transform;
    }
    .c-hamburger--htx span::after {
        transition-property: bottom, transform;
    }
    i.e.menuopen .c-hamburger--htx.is-active {
        background-color: #cb0032;
    }
    .c-hamburger--htx.is-active span {
        background: none;
    }
    .c-hamburger--htx.is-active span::before {
        top: 0;
        transform: rotate(45deg);
    }
    .c-hamburger--htx.is-active span::after {
        bottom: 0;
        transform: rotate(-45deg);
    }
    .c-hamburger--htx.is-active span::before,
    .c-hamburger--htx.is-active span::after {
        transition-delay: 0s, 0.3s;
    }
    #dnn_mobilemenu {
        position: absolute;
        right: -110%;
        top: 45px;
        z-index: 10;
        background: #062bb6;
        padding: 10px 0;
    }
}


/* Quicklinks also here */

@media (max-width: 631px) {
    .c-hamburger {
        left: 56%;
    }
    #quicklinks a {
        width: 48.2%;
    }
}

@media (max-width: 575px) {
    .c-hamburger {
        left: 48%;
    }
    #mobileitems {
        left: 54%;
        width: 40.3333333%;
    }
}

@media (max-width: 500px) {
    .c-hamburger {
        left: 28%;
    }
    #mobileitems {
        left: 34%;
        width: 52.3333333%;
    }
    #quicklinks a {
        width: 48%;
    }
}

@media (max-width: 400px) {
    #quicklinks a {
        width: 47.6%;
    }
}

@media (max-width: 350px) {
    #quicklinks a {
        width: 47.3%;
    }
}

@media(max-width: 320px) {
    .c-hamburger {
        left: 19%;
    }
    #mobileitems {
        left: 29%;
        width: 60.3333333%;
    }
    #quicklinks a {
        width: 47%;
    }
    .soepicsx {
        width: 130%;
    }
    #rotator {
        width: 55%;
    }
}


/*---End Mobile Menu---*/