/* Generic Styling */

body {
    background: #012b4f;
    font-size: 16px;
}

.dnnEditState .DnnModule {
    opacity: 1;
}

img {
    border: 0;
}

th,
td,
table,
h1,
h2,
h3,
h4,
h5,
h6,
.Head,
.SubHead,
.SubSubHead,
.Normal,
.NormalBold,
.NormalRed,
.NormalTextBox,
.NormalDisabled,
a:link,
a:visited,
a:hover,
input,
.CommandButton {
    font-family: "Arial, Helvetica, sans-serif";
    font-size: 1em;
    line-height: 1.2;
    color: black;
}

blockquote {
    border-left: none;
}

h1 {
    display: block;
    color: #740212;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 1.65em;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 110%;
    padding: 0 0 10px;
    margin: 0px;
}

h2 {
    color: #740212;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 1.125em;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 110%;
    padding: 0 0 10px;
    margin: 0px;
}

h3 {
    color: black;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 1.063em;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 100%;
    padding: 0 0 10px;
    margin: 0px;
}

#HomePageTQVLink {
    text-align: center;
    cursor: pointer;
    margin: 30px 0px 20px;
}

#HomePageTQVElection {
    outline: 1px dashed transparent;
    line-height: 1;
    color: #FFFFFF;
    font-size: 1.5em;
    font-weight: bold;
    padding: 15px 30px;
    border: solid 2px white;
    width: 90%;
    margin: 2px auto;
    background: #09621B;
    border-radius: 12px;
    text-align: center;
    text-decoration: none;
}

#HomePageTQVElection:hover,
#HomePageTQVElection:focus {
    text-decoration: underline;
}

#HomePageTQVLinkContainer {
    text-align: center;
    margin: 10px 0px;
}

a,
a:link,
a:active,
a:visited {
    color: #132c4a;
    font-weight: bold;
}

a:hover {
    color: #740212;
}

#headermiddle {
    margin: 0 auto;
    width: 960px;
}

#logo {
    width: 960px;
    height: 159px;
    position: relative;
    top: 62px;
}

#google_translate_element {
    width: 190px;
    float: right;
    position: relative;
    z-index: 1;
}

.goog-te-gadget,
.goog-logo-link {
    color: white!important;
}

#controls {
    height: 52px;
    cursor: pointer;
    margin-top: 10px;
    float: right;
    width: 450px;
}

#increase,
#decrease {
    height: 15px;
    width: 110px;
}

#increase {
    z-index: 1;
    float: left;
    position: relative;
    margin-top: 10px;
}

#decrease {
    z-index: 1;
    float: left;
    position: relative;
    margin-top: 10px;
    margin-left: 10px
}

.fswhite,
.fsyellow {
    display: inline;
}

.fswhite {
    color: white;
    font-size: .75em;
}

.fsyellow {
    color: #C9BD68;
    font-size: .75em;
}

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


/* Structure */

#wrapper {
    margin: 0 auto;
    width: 960px;
}

header {
    height: 309px;
    width: 100%;
    background-image: url(images/wf_bannerexpansion2.jpg);
    background-repeat: repeat-x;
    margin-top: 0px;
    position: relative;
}

#headerpic {
    position: absolute;
}

#rotatordiv {
    height: 159px;
    width: 518px;
    position: absolute;
    z-index: 0;
}

ul#rotator {
    list-style-type: none;
    margin-left: 0;
    z-index: -1;
    height: 159px !important;
    margin-bottom: 0px;
}


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

.btn {
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    font-family: Arial;
    color: #ffffff !important;
    font-size: 20px;
    background: #b40127;
    padding: 10px;
    text-decoration: none;
    line-height: 1.2;
    display: block;
    width: 250px;
    margin: 0 auto;
}

.btn:hover {
    background: #0f2b60;
    text-decoration: none;
}

.btn2 {
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    font-family: Arial;
    color: #ffffff !important;
    font-size: 20px;
    background: #0f2b60;
    padding: 10px;
    text-decoration: none;
    line-height: 1.2;
    display: block;
    width: 250px;
    margin: 0 auto;
}

.btn2:hover {
    background: #b40127;
    text-decoration: none;
}

.btn3 {
    font-family: Arial;
    color: black!important;
    font-size: 20px;
    background: #E9E600;
    padding: 10px;
    text-decoration: none;
    line-height: 1.2;
    display: block;
    width: 200px;
    margin: 0 auto;
}

.btn3:hover {
    background: #0f2b60;
    color: white!important;
    text-decoration: none;
}

.btn4 {
    font-family: Arial;
    color: black!important;
    font-size: 20px;
    background: #5FA0F6;
    padding: 10px;
    text-decoration: none;
    line-height: 1.2;
    display: block;
    width: 250px;
    margin: 0 auto;
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
}

.btn4:hover {
    background: #0f2b60;
    color: white!important;
    text-decoration: none;
}

.btn5 {
    font-family: Arial;
    color: black!important;
    font-size: 20px;
    background: #47d145;
    padding: 10px;
    text-decoration: none;
    line-height: 1.2;
    display: block;
    width: 250px;
    margin: 0 auto;
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
}

.btn5:hover {
    background: #0f2b60;
    color: white!important;
    text-decoration: none;
}


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

#registeredvoters {
    background-image: url(images/wf_vrstats.png);
    width: 270px;
    height: 92px;
    float: right;
}

#registrationTotals {
    color: white;
    font-family: Arial, Helvetica, sans-serf;
    margin-top: 29px;
}

.registrationTotalsList {
    margin-top: 25px;
    margin-left: 10px;
    padding: 0px;
    list-style-type: none;
    line-height: 110%;
    display: table-cell;
}

.registrationTotalsList li {
    font-family: Arial, Helvetica, sans-serif;
    font-size: .75em;
    display: inline-block;
    margin: 0 10px;
}

.registrationTotalsList li a:link {
    text-decoration: none;
}

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

.registrationTotalsList li .totalsValue {}

.totalsField {
    margin-left: 3px;
}

.totalsValue {
    margin-left: 3px;
}

.datePrelude {
    margin-top: 95px;
    margin-left: 75px;
}

.dateValue {
    margin-top: 95px;
}

.totalsField {}

.demField {
    /*position: absolute;
    top: 40px;
    right: 195px;*/
    font-weight: bold;
}

.demValue {
    /*position: absolute;
    right: 195px;
    top: 60px;*/
}

.repField {
    /*position: absolute;
    right: 113px;
    top: 40px;*/
    font-weight: bold;
}

.repValue {
    /*position: absolute;
    right: 120px;
    top: 60px;*/
}

.othField {
    /*position: absolute;
    right: 65px;
    top: 40px;*/
    font-weight: bold;
}

.othValue {
    /*position: absolute;
    right: 65px;
    top: 60px;*/
}

.totField {
    /*position: absolute;
    right: 15px;
    top: 40px;*/
    font-weight: bold;
}

.totValue {
    /*position: absolute;
    right: 15px;
    top: 60px;*/
}


/*Quicklinks*/

#qlrow {
    margin: -89px auto 0;
    width: 960px;
    position: relative;
}

#quicklinks {
    /*width: 697px;
    height: 108px;*/
    display: inline;
}

#quicklinks a {
    width: 137px;
    height: 92px;
    background-color: #822226;
    background-image: linear-gradient(#A42E2C, #822223);
    float: left;
    display: table;
    border-right: 1px solid #400D11;
}

#quicklinks a:hover {
    background-image: linear-gradient(#781F20, #491013);
}

.qicon,
.qword {
    margin-left: 5px;
}

.qicon {
    float: left;
    margin-top: 15px;
}

.qword {
    color: white;
    font-size: 1em;
    display: table-cell;
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}

#q1 {
    border-left: 1px solid #400D11;
}

#q2 {
    width: 185px !important;
}

#q1,
#q3 {
    width: 124px !important;
}

#q4 {
    width: 114px !important;
}


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

#contentwrapper {
    width: 960px;
    position: relative;
    float: left;
    background-color: #fae582;
}

#leftsidebar {
    float: left;
    width: 181px;
    padding-top: 15px;
}

#dnn_sitemenu {
    margin-left: 0px;
    height: auto;
    margin-bottom: 20px;
}

.home {
    color: #ffffff;
}

#middlecontent {
    float: left;
    background-color: white;
    min-height: 1000px;
}

#dnn_ContentPane {
    padding: 15px;
}

.homecontentpane {
    position: relative;
    width: 478px;
    background-color: white;
    min-height: 700px;
    float: left;
}

.backpagecontentpane {
    width: 749px;
    position: relative;
    background-color: white;
    min-height: 700px;
    float: left;
}

.editcontentpane {
    position: relative;
    width: 930px;
    min-height: 700px;
    float: left;
    background-color: white;
}

#dnn_rightcontentpane {}


/*Right Sidebar items*/

#rightsidebar {
    width: 263px;
    padding-right: 8px;
    float: left;
}

#search {
    padding-right: 6px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.bsc-searchbox {
    width: calc(100% - 41px);
    height: 42px;
    vertical-align: bottom;
}

#events {
    width: 253px;
    height: 257px;
    float: left;
    background-image: url(images/wf_events.jpg);
    background-repeat: no-repeat;
    margin-top: 10px;
}

#dnn_eventscontentpane {
    margin-top: 45px;
    padding: 10px;
    margin-left: 8px;
    max-height: 250px;
}

#news {
    width: 253px;
    height: 43px;
    float: left;
    margin-top: 10px;
}

#newsmiddle {
    float: left;
    width: 253px;
    background: #E4ECEE;
    min-height: 250px;
}

#dnn_newscontentpane {
    padding: 15px;
}


/*Footer*/

#footerexpand {
    height: 278px;
    width: 100%;
    background-color: #012B4F;
    background-image: linear-gradient(#244367, #133051);
    float: left;
}

footer {
    width: 960px;
    height: 201px;
    margin: 0 auto;
    text-align: center;
}

footer p,
footer .Normal,
footer a:link,
footer a:visited {
    color: #ffffff;
    font-size: 1em;
}

#dnn_footercontentpane {
    margin-left: auto;
    margin-right: auto;
    padding-top: 60px;
    width: 900px;
}

@media print {
    body {
        background-color: white;
        color: black;
        background-image: none;
    }
    #dnn_ContentPane,
    #contentwrapper,
    #wrapper {
        width: 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,
    #header,
    #footerexpand {
        background-image: none;
    }
    #leftsidebar,
    #rightsidebar,
    #registeredvoters,
    #quicklinks,
    #rotatordiv {
        display: none;
    }
}