/* Generic Styling */

body {
    background: #152f3f;
    font-size: 1em;
}

img {
    border: 0;
}

#skipnav {
    position: absolute;
    bottom: 5000px;
}

p,
.Normal {
    font-family: "Arial, Helvetica, sans-serif";
    font-size: 1em;
    color: black;
}

h1 {
    display: block;
    color: #940202;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 1.55em;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 1;
    padding: 0 0 15px;
    margin: 0px;
}

h2 {
    color: #00354b;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: .875em;
    font-weight: bold;
    text-decoration: underline;
    letter-spacing: 1px;
    line-height: 1;
    margin: 0px;
}

h3 {
    color: #510208;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: .875em;
    font-weight: bold;
    text-decoration: underline;
    letter-spacing: 1px;
    line-height: 1;
}

.logo {
    float: left;
}

.right {
    float: right;
}

a {
    color: #003665;
}

a:hover {
    color: #303030;
}


/* Structure */

#wrapper {
    margin: 0 auto;
    width: 987px;
    position: relative;
    z-index: 1;
}

#header {
    height: 163px;
    width: 960px;
}

#headerimage {
    height: 163px;
    width: 987px;
}

#rotatordiv {
    height: 178px;
    width: 358px;
    position: absolute;
    top: 0;
    left: 42%;
    z-index: -1;
}

ul#rotator {
    list-style-type: none;
}


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


/* REGISTRATION TOTALS
    /*------------------------------------------------*/

#registeredvoters {}

#registrationTotals {
    color: #0e2534;
    margin-top: 5px;
    font-family: Arial, Helvetica, sans-serf;
    font-size: 1em;
    margin-left: 5px;
}

.registrationTotalsList {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    line-height: 150%;
}

.registrationTotalsList li {
    font-family: Verdana;
    font-size: .75em;
    display: inline;
}

.registrationTotalsList li .totalsField {
    margin-right: 3px;
}

.registrationTotalsList li .totalsValue {}

.totalsField {
    float: left;
    margin-left: 3px;
}

.totalsValue {
    float: left;
    margin-left: 3px;
}

.datePrelude {
    position: absolute;
    font-weight: bold;
    top: 20px;
    right: 50px;
    font-family: Georgia;
    font-size: 1em;
}

.dateValue {
    position: absolute;
    font-weight: normal;
    font-style: italic;
    top: 35px;
    right: 115px;
    font-family: Georgia;
    font-size: 1em;
}

.totalsField {}

.demField {
    position: absolute;
    right: 138px;
    top: 60px;
    font-weight: bold;
}

.demValue {
    position: absolute;
    right: 90px;
    top: 60px;
}

.repField {
    position: absolute;
    right: 138px;
    top: 80px;
    font-weight: bold;
}

.repValue {
    position: absolute;
    right: 90px;
    top: 80px;
}

.othField {
    position: absolute;
    right: 138px;
    top: 100px;
    font-weight: bold;
}

.othValue {
    position: absolute;
    right: 90px;
    top: 100px;
}

.totField {
    position: absolute;
    right: 138px;
    top: 120px;
    font-weight: bold;
}

.totValue {
    position: absolute;
    right: 90px;
    top: 120px;
}


/*Quicklinks*/

#quicklinks {
    width: 960px;
    height: 79px;
    float: left;
    background: #43070F;
    margin-left: 13px;
}

#quicklinks a {
    text-decoration: none;
}

.qlinks {
    background: linear-gradient(172deg, #762128 36%, #43070F);
    box-shadow: inset 1px 0px 2px black;
}

.qlinks:hover {
    background: linear-gradient(172deg, #1B3544 36%, #0C1E2A);
    box-shadow: inset 1px 0px 2px black;
}

.qlword {
    color: white;
    font-size: .75em;
    text-align: center;
    margin-top: 0px;
}

.qlicon {
    text-align: center;
    margin-top: 4px;
}

#q1 {
    width: 116px;
    height: 79px;
    float: left;
}

#q2 {
    width: 102px;
    height: 79px;
    float: left;
}

#q3 {
    width: 143px;
    height: 79px;
    float: left;
}

#q4 {
    width: 102px;
    height: 79px;
    float: left;
}

#q5 {
    width: 102px;
    height: 79px;
    float: left;
}

#q6 {
    width: 102px;
    height: 79px;
    float: left;
}

#q7 {
    width: 102px;
    height: 79px;
    float: left;
}

#q8 {
    width: 102px;
    height: 79px;
    float: left;
}

#q9 {
    width: 89px;
    height: 79px;
    float: left;
}


/*Beginning of Content after Quicklinks and Registered Voters*/

#contentwrapper {
    display: flex;
    position: relative;
    box-shadow: 0px 0px 21px black;
    width: 960px;
    margin-left: 15px;
}

#dnn_ContentPane {
    background: white;
}

#leftsidebar {
    float: left;
    width: 218px;
    background: #C3D1DA;
    position: relative;
}

#dnn_sitemenu {
    height: auto;
}

#dnn_ContentPane {
    padding: 10px;
}

.editcontentpane {
    width: 100%;
    float: left;
}

.homecontentpane {
    position: relative;
    width: 484px;
    float: left;
    background: white;
}

.backpagecontentpane {
    width: 720px;
    position: relative;
    float: left;
}


/*Right Sidebar items*/


/* Google Translate*/

#translate {
    text-align: center;
}

.goog-te-gadget {
    color: #444 !important;
}

.bkpg {
    text-align: right !important;
    padding: 10px;
}

#rightside {
    position: relative;
    background-color: white;
}


/* Google Translate*/

#rightsidebar {
    background: #E9E4CE;
    width: 236px;
    float: left;
}

#electionsbutton {
    background: linear-gradient(172deg, #01597D 21%, #00364D) #00364D;
    box-shadow: inset 1px 0px 2px black;
    height: 21px;
    width: 196px;
    margin: 10px;
    text-decoration: none;
    float: left;
    padding: 10px;
}

#electionsbutton:hover {
    background: linear-gradient(172deg, #273e4c 36%, #08171e) #08171e;
    box-shadow: inset 1px 0px 2px black;
}

#upcomingelections {
    color: white;
    font-style: italic;
    font-size: 1.19em;
}

#important,
#dates {
    width: 216px;
    height: 60px;
    float: left;
    background: linear-gradient(#6C151E, #500911) #500911;
    margin-left: 10px;
}

#dates {
    height: 41px;
}

.headerword {
    font-size: 1.125em;
    color: white;
    text-shadow: 2px 2px black;
    padding: 12px 10px;
}

#dnn_importantcontentpane,
#dnn_datescontentpane {
    min-height: 250px;
    background-color: #cbc6a6;
    width: 206px;
    float: left;
    margin-left: 10px;
    margin-bottom: 15px;
    padding: 5px;
}


/*Footer*/

#footer {
    width: 960px;
    height: 176px;
    margin: 0 auto;
    padding-top: 15px;
    margin-bottom: 20px;
    background: #2B4B62;
}

.footerhome {}

#footercontentpane {}

.footertext p,
.footertext Normal {
    font-family: Arial;
    font-size: .875em;
    color: #ffffff;
    padding-top: 10px;
    text-align: center;
}

#footer a {
    color: #d7edff;
}

#footer a:hover {
    color: white;
}

.dnnEditState .DnnModule {
    opacity: 1;
}

@media print {
    body {
        background-color: white;
        color: black;
        background-image: none;
    }
    #dnn_ContentPane,
    #contentwrapper,
    #wrapper {
        width: 100%;
        height: 100%;
        border: 0;
        margin: 0;
        padding: 0;
        background: none;
        float: none !important;
        top: 0;
        position: absolute;
    }
    #logo,
    #footer {
        display: none;
    }
    #controls,
    #maintop {
        display: none;
    }
    #backwrap,
    #staticbanner {
        background-image: none;
    }
    #leftsidebar,
    #rightsidebar,
    #registeredvoters,
    #quicklinks,
    #rotatordiv {
        display: none;
        background: none;
    }
}