/* Generic Styling */

body {
    background: #cfcbbc;
}


img {
    border: 0;
}

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

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

h2 {
    color: #96050b;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1;
    margin: 0px;
}

h3 {
    color: #023769;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1;
}

a{
    color: #0056a2;
}

.logo {
    float: left;
}

.right {
    float: right;
}

/* Structure */

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

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

#header {
    height: 175px;
    width: 997px;
}

#headerimage {
  position: relative;
  z-index: -1;
    height: 193px;
    width: 100%;
}

#rotatordiv {
    height: 159px;
    width: 265px;
    position: absolute;
    top: 31px;
    left: -1px;
    z-index: -1;
}

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



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


#registeredvoters {
    float: left;
    width: 100%;
    height: 74px;
    font-family: Verdana;
    font-size: 11px;
}

.reghome, .regback {
    background-image: url(images/wf_vrstats2.png);
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}



#registrationTotals {
}

.registrationTotalsList {
    padding-top: 10px;
    list-style-type: none;
    line-height: 150%;
    width: 75%;
}

    .registrationTotalsList li {
        font-family: Verdana;
        color: white;
        font-size: 12px;
        display: table-cell;
        padding: 0 12px;
    }

        .registrationTotalsList li .totalsField {
        }

        .registrationTotalsList li .totalsValue {
        }

.totalsField {
    float: left;
}

.totalsValue {
    float: left;
}

.datePrelude {
    font-family: Verdana;
    font-style: italic;
    font-weight: bold;
}

.demField {
    font-weight: bold;
}

.demValue {
}

.repField {
    font-weight: bold;
}

.repValue {
}

.othField {
    font-weight: bold;
}

.othValue {
}

.totField {
    font-weight: bold;
}

.totValue {
}


#controls {
    width: 229px;
    height: 32px;
    position: absolute;
    top: 237px;
    left: 736px;
    z-index: 3;
}

#spanishtranslation {
    float: left;
    height: 32px;
    width: 229px;
    padding-right: 5px;
}

/*Translator CSS*/

.goog-te-combo {
    width: 100%;
}


/*Quicklinks*/

#qlbar{
    float: left;
    width: 960px;
    height: 54px;
    background: #023769;
    margin-left: 17px;
}

#quicklinks {
   width: 75%;
   float:left;
   height: 75px;
}

.qlbutton{
    position: relative;
    background: linear-gradient(#1B5E9E, #202D56);
    width: 151px;
    height: 54px;
    float: left;
    margin: 0 2.5px;
}

#qtitle{
    float: left;
    color: white;
    width: 50px;
}

.qlword{
    color: white;
    text-align: center;
    line-height: 52px;
    font-size: 13px;
    font-weight: bold;
    
}

.qlicon{
    position: absolute;
    z-index: 2;
    top: -24px;
    margin-left: 32%;
}

#q2{
    width: 155px;
}

#q4, #q3{
    width: 114px;
}

.qlbutton:hover{
    background: linear-gradient(#96050B, #630A15);
}
  

#searchbox {
    background: #023769;
    position: relative;
   
    width: 240px;
    height: 75px;
    float: left;
}


#search {
    margin-top: 6px;
    margin-left: 15px;
    width: 220px;
}

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

.bcs-modal{
    z-index: 4  !important;
}

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

#contentwrapper {
    background: #fff;
    position: relative;
    bottom: 49px;
}


.homecontent {
    width: 960px;
    margin-left: 17px;
}

.editcontent {
    width: 960px;
    margin-left: 13px;
}

.backpagecontent {
    width: 960px;
    margin-left: 17px;
}

#leftsidebar {
    float: left;
    width: 237px;
    background: #EBE7DC;
    position: relative;
    min-height: 1500px;
}


#dnn_ContentPane, #rightsidebar {
    margin-top: 35px;
}

#dnn_siteMenu {
    height: auto;
    margin-top: 45px;
}

.home {
    color: #ffffff;
}


#dnn_ContentPane {
    padding: 10px;
}

    #dnn_ContentPane p, #dnn_ContentPane .Normal {
        color: black;
        font-size: 14px;
    }

.editcontentpane {
    width: 100%;
    min-height: 700px;
    float: left;
}

.homecontentpane {
    position: relative;
    width: 499px;
    min-height: 700px;
    float: left;
}

.backpagecontentpane {
    width: 683px;
    position: relative;
    margin-left: 20px;
    min-height: 700px;
    float: left;
    top: 10px;
}

.editpagecontentpane {
    width: 100%;
    position: relative;
    min-height: 700px;
    float: left;
}

/*Right Sidebar items*/

#rightsidebar {
    background: #dee6ee;
    box-shadow: 3px 0 10px #c2bdac;
    min-height: 1500px;
    width: 203px;
    float: left;
    margin-right: -20px;
}

#dnn_contactuscontentpane, #dnn_calendarcontentpane {
    padding:5px 10px 0px;
    background-color: #cedae8;
    height: auto;
    width: 176px;
    margin-bottom: 20px;
}

#contactus, #calendar {
    font-size: 20px;
    color: #814400;
    background-color: #cedae8;
    width: 186px;
    border-bottom: solid white 1px;
    padding: 15px 0 10px 10px;
}

    #contactus p, .Normal {
        color: #023769;
        font-size: 12px;
        line-height: 1.1;
    }

/*Footer*/


#footer {
    width: 997px;
    height: 250px;
    margin: 0 auto;
    margin-bottom: 20px;
    padding-top: 20px;

}

#footercontentpane {
}

.footertext p, .footertext .Normal {
    font-family: Arial;
    font-size: 12pt;
    color: #023769;
    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%;
        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;
    }
}