/* Generic Styling */

body {
    background: #033273;
    background-image: url(images/wf_backgroundfade.jpg);
    background-repeat: repeat-x;
}

img {
    border: 0;
}

p,
.Normal,
td {
    font-family: "Verdana";
    font-size: 12px;
    color: black;
}

h1 {
    display: block;
    color: #b40127;
    font-family: Verdana;
    font-size: 25px;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 110%;
    padding: 0 0 10px;
    margin: 0px;
}

h2 {
    color: #b40127;
    font-family: Verdana;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 110%;
    padding: 0 0 10px;
    margin: 0px;
}

h3 {
    font-size: 13pt;
    font-family: Arial;
    color: #b30127;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 110%;
    padding: 0 0 10px;
    margin: 0px;
}

a,
a:link,
a:visited {
    text-decoration: underline;
    color: #033273;
}

a:hover {
    text-decoration: underline;
    color: #b40127;
}

#logo {
    float: left;
}

.right {
    float: right;
}


/* Structure */

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

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

#skipheader {
    position: absolute;
    top: -5000px;
}

.lang-ES {
    background-image: url(images/wf_enespanol.jpg);
    height: 20px;
    width: 94px;
    float: left;
    background-repeat: no-repeat;
    cursor: pointer;
    padding-right: 10px;
    margin-left: 5px;
}

.lang-Translating {
    background-image: url(images/wf_inenglish.jpg) !important;
    height: 20px;
    width: 94px;
}

.mtranslator {
    background-image: url(images/wf_translator.jpg);
    background-repeat: no-repeat;
    height: 22px;
    width: 118px;
    float: left;
}

#controls {
    position: absolute;
    right: 0;
    top: 70px;
    cursor: pointer;
}

.fontsize {
    color: white;
}

.textsize {
    color: #CAC0A5;
}

.fontlarger {
    position: relative;
    top: 0px;
    right: 124px;
}

.fontsmaller {
    position: relative;
    bottom: 17px;
    right: 5px;
}

.headerimage {
    float: left;
}

#rotatordiv {
    height: 197px;
    width: 943px;
    position: absolute;
    top: 100px;
    left: -10px;
    z-index: -1;
}

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


/*Quicklinks*/

#quicklinks {
    background: linear-gradient(#A52D2C, #6E1C1E);
    height: 76px;
    float: left;
    width: 100%;
}

#quicklinks a {
    width: 157px;
    height: 76px;
    float: left;
    display: table;
    border-right: 1px solid black;
    border-left: 2px solid #A12B1D;
}

#quicklinks a:hover {
    background: #63191A;
}

#q1,
#q2,
#q3,
#q4,
#q5,
#q6 {
    color: white;
    font-size: 18px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}


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


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

#registeredvoters {
    background: #022c65;
    width: 100%;
    height: 35px;
    float: left;
}

#activetext {
    color: white;
    font-size: 14pt;
    padding-top: 6px;
    padding-left: 35px;
    width: 205px;
    float: left;
}

.regvoterstext {
    padding-top: 10px;
    padding-left: 55px;
}

#registrationTotals {
    color: white;
    margin-top: 5px;
    font-family: Arial;
    font-size: 10pt;
    margin-left: 5px;
}

.registrationTotalsList {
    margin-top: 7px;
    padding: 0px;
    margin-bottom: 0px;
}

.registrationTotalsList li {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12pt;
    display: inline;
}

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

.registrationTotalsList li .totalsValue {}

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

.totalsValue {
    float: left;
    margin-left: 3px;
    margin-right: 16px;
    font-size: 12pt;
}

.datePrelude {
    font: arial bold 14pt;
    padding-left: 4px;
}

.dateValue {
    font-weight: bold;
}

.totalsField {
    color: #ffffff;
}

.demField {}

.demValue {}

.repField {}

.repValue {}

.npaField {}

.npaValue {}

.othField {}

.othValue {}

.totField {}

.totValue {}


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

#contentwrapper {
    background: #fff;
    width: 960px;
    position: relative;
    padding-bottom: 15px;
}

#leftsidebar {
    float: left;
    width: 225px;
}

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

#datestop,
#calendarheader,
#calendar,
#news,
#dates {
    float: left;
    width: 225px;
    height: 42px;
    margin-left: 10px;
    background: #EADDA6;
    color: #9A3A3E;
    font-size: 20px;
}

#datestop {
    text-align: center;
}

#calendarheader,
#newstop,
#datestop {
    text-align: center;
    background: #EADDA6;
    color: #102D4D;
    height: 50px;
    line-height: 25px;
    width: 258px;
}

#datesmiddle {
    background: #F6F0D6;
    width: 225px;
    float: left;
    margin-left: 10px;
}

#dnn_leftcontentpane {
    padding: 14px;
    width: 200px;
}

.home {
    color: #ffffff;
}

#dnn_contentpane {}

.resize {}

.editcontentpane {
    width: 960px;
}

.homecontentpane {
    position: relative;
    width: 415px;
    margin-left: 15px;
    margin-right: 15px;
    float: left;
    margin-top: 15px;
}

.backpagecontentpane {
    width: 700px;
    position: relative;
    margin-left: 20px;
    float: left;
    margin-top: 52px;
}


/*Right Sidebar items*/

#rightsidebar {
    background-color: #ffffff;
    width: 280px;
    margin-left: 5px;
    float: left;
}

.backright {
    position: absolute;
    right: 0px;
    top: 0px;
}

#search {
    float: left;
    margin-right: 20px;
    margin-top: 5px;
    margin-bottom: 10px;
    width: 93%;
}

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

#google_translate_element {
    float: left;
    width: 93%;
}

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

.goog-te-gadget-simple {
    width: 100%;
    text-align: center;
}

#translatetext {
    text-align: center;
    font-size: 1.5em;
    margin-left: -15px;
}

#calendar,
#news,
#dates {
    width: 268px;
    height: auto;
    float: left;
    margin: 10px 5px 20px 0px;
    padding-bottom: 15px;
}

#newstop,
#datestop {
    line-height: 50px;
}

#dnn_calendarcontentpanetop,
#dnn_newscontentpane,
#dnn_datescontentpane {
    width: 238px;
    background: white;
    margin: auto;
    padding: 5px;
}

.calendartext p,
.calendartext .Normal {
    font-size: 12px;
    color: #940202;
    line-height: 110%;
    padding-top: 12px;
}

.newstext p,
.newstext .Normal {
    font-size: 12px;
    color: black;
    line-height: 140%;
    padding: 0px;
}

.newstext h3 {
    font-size: 13pt;
    font-family: Arial;
    color: #b30127;
    font-weight: bold;
    margin: 0px;
}


/*Footer*/

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

#footertop {
    width: 960px;
    height: 22px;
    background-image: url(images/wf_footertop.jpg);
    background-repeat: no-repeat;
}

#footermiddle {
    width: 960px;
    margin: 0 auto;
    background-image: url(images/wf_footermiddle.jpg);
    background-repeat: repeat-y;
    min-height: 220px;
}

.bestplaces {
    margin-left: 20px;
    float: left;
}

#officehours {
    float: left;
}

.locations {
    float: left;
    margin-left: 30px;
}

.hourscontentpane {
    float: left;
    margin-left: 20px;
    width: 600px;
}

.hourscontentpane .Normal,
.hourscontentpane p {
    color: white;
}

.locationsfooterbar {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 30px;
}

#addresses {
    float: left;
}

#dnn_footercontentpane {
    color: white;
    float: left;
    margin-left: 0px;
}

#dnn_footercontentpane a {
    color: white;
}

.footertext p,
.footertext table {
    font-family: Verdana;
    font-size: 10pt;
    color: #ffffff;
    padding-left: 5px;
    padding-right: 5px;
    width: 800px;
}

.footertext td {
    padding-left: 20px;
}

#footerbottom {
    width: 960px;
    height: 22px;
    background-image: url(images/wf_footerbottom.jpg);
    background-repeat: no-repeat;
}

#copyrightcontentpane {
    width: 960px;
    padding: 10px;
    height: 91px;
}

#copyrighttext {
    width: 960px;
    height: 91px;
    margin: 0 auto;
}

#copyrighttext p,
#copyrighttext Normal {
    font-family: Verdana;
    font-size: 10pt;
    color: white;
    padding-top: 10px;
    text-align: center;
}

.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,
    .mtranslator,
    .lang-ES {
        display: none;
    }
    #controls,
    #maintop {
        display: none;
    }
    #backwrap,
    #staticbanner {
        background-image: none;
    }
    #leftsidebar,
    #rightsidebar,
    #registeredvoters,
    #quicklinks,
    #rotatordiv {
        display: none;
        background: none;
    }
}

#WidgetFloaterPanels {
    display: none !important;
}

#dnn_copyrightcontentpane_SyncPanel {
    padding-bottom: 17em;
}