/* Generic Styling */

html {
    margin: 0px;
    padding: 0px;
}

body {
    background: url(images/wf_gradienttop.jpg)repeat-x;
    background-color: #091340;
    width: 100%;
}


img {
    border: 0;
}

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

h1 {
    display: block;
    color: #b40127;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    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 {
    color: #153558;
    font-family: Verdana;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 110%;
    padding: 0 0 10px;
    margin: 0px;
}



.skip {
    position: absolute;
    top: -1000px;
    left: -1000px;
    height: 1px;
    width: 1px;
    text-align: left;
    overflow: hidden;
}

a.skip:active, 
a.skip:focus, 
a.skip:hover {
    left: 0; 
    top: 0;
    width: auto; 
    height: auto; 
    overflow: visible; 
}

a, a:visited {
    color:#395EA8;
}


/* Structure */

#wrapper {
    width: 960px;
    margin: 0 auto;
    background: #395ea8;
    position: relative;
}

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

.headerimage {
    background: url(images/wf_staticbanner.jpg)no-repeat;
    height: 432px;
    width: 960px;
}


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


    #registeredvoters {
        width: 243px;
        Height: 45px;
        float:left;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        color: white;
        text-align: center;
        font-size: 14pt;
        margin-bottom: 0px;
        padding-top: 10px;
        background: linear-gradient( #AC002B, #84001E);
        background-color:#84001E;
        margin-top:10px;
    }
    
   
   
#activevoters {
    float: left;
    width: 243px;
    Height: 118px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    background-color:#E6DCAB;
}

#registrationTotals {
    float: left;
    margin-left: 35px;
    margin-top: -25px;
    font-family: Verdana;
    font-size: 16px;
}

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

    .registrationTotalsList li {
        font-family: Verdana;
        color: #142458;
        font-size: 14px;
    }

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

        .registrationTotalsList li .totalsValue {
        }

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

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

.datePrelude {
    font-style: italic;
    padding-left: 35px;
    color: white;
    position: relative;
}

.dateValue {
    font-style: italic;
    font-weight: normal;
    color: white;
    position: relative;
}


.demField {
    position: relative;
    color: #142458;
    font-weight: bold;
}

.demValue {
    color: #142458;
    font-weight: normal;
    position: relative;
}

.repField {
    position: relative;
    color: #142458;
    font-weight: bold;
}

.repValue {
    position: relative;
    color: #142458;
    font-weight: normal;
}

.othField {
    position: relative;
    color: #142458;
    font-weight: bold;
}

.othValue {
    position: relative;
    color: #142458;
    font-weight: normal;
}

.totField {
    color: #142458;
    font-weight: bold;
    position: relative;
}

.totValue {
    color: #142458;
    position: relative;
}




#quicklinks {
    height: 87px;
    float: left;
    background-color:#6F001D;
}

#quicklinks a{
    float: left;
    display: table;
    text-decoration: none;
    text-align: center;
}

.qlwords{
    color: white;
    letter-spacing: 1px;
    display: table-cell;
    vertical-align: middle;
    font-family: Segoe UI, Arial, Helvetica, sans-serif;
    font-size: 17.5px;
    text-align: left;
    font-weight:450;
    line-height: 1.2;
}


.qlicon{
    display: table-cell;
    vertical-align: middle;
}

#q1 {
    background: linear-gradient(315deg, #AC002B, #84001E);
    margin: 5px;
    border-radius: 10px;
    width: 150px;
    height: 76px;
    float: left;
    box-shadow: 1px 1px 1px 1px #530016;
}

    #q1:hover {
        background: linear-gradient(315deg, #89001F, #640015);
    }

#q2 {
    background: linear-gradient(315deg, #AC002B, #84001E);
    margin: 5px;
    border-radius: 10px;
    width: 175px;
    height: 76px;
    float: left;
    box-shadow: 1px 1px 1px 1px #530016;
}

    #q2:hover {
        background: linear-gradient(315deg, #89001F, #640015);
    }

#q3 {
    background: linear-gradient(315deg, #AC002B, #84001E);
    margin: 5px;
    border-radius: 10px;
    width: 135px;
    height: 76px;
    float: left;
    box-shadow: 1px 1px 1px 1px #530016;
}

    #q3:hover {
        background: linear-gradient(315deg, #89001F, #640015);
    }

#q4 {
    background: linear-gradient(315deg, #AC002B, #84001E);
    margin: 5px;
    border-radius: 10px;
    width: 134px;
    height: 76px;
    float: left;
    box-shadow: 1px 1px 1px 1px #530016;
}

    #q4:hover {
        background: linear-gradient(315deg, #89001F, #640015);
    }

#q5 {
    background: linear-gradient(315deg, #AC002B, #84001E);
    margin: 5px;
    border-radius: 10px;
    width: 139px;
    height: 76px;
    float: left;
    box-shadow: 1px 1px 1px 1px #530016;
}

    #q5:hover {
        background: linear-gradient(315deg, #89001F, #640015);
    }

#q6 {
    background: linear-gradient(315deg, #AC002B, #84001E);
    margin: 5px;
    border-radius: 10px;
    width: 167px;
    height: 76px;
    float: left;
    box-shadow: 1px 1px 1px 1px #530016;
}

    #q6:hover {
        background: linear-gradient(315deg, #89001F, #640015);
    }




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

#contentwrapper {
    width: 960px;
    position: relative;
    background-image: url(images/back.jpg);
    background-repeat: repeat-y;
    float: left;
}


#leftsidebar {
    float: left;
    width: 196px;
    background: #395ea8;
    min-height: 750px;
}

#google_translate_element {
    padding-left:20px;
}

#search {
    padding: 2px;
    width: 195px;
    padding-top: 5px;
}

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

.gsc-search-box .actionMenu {
    display: none;
}

#dnn_dnnSearch_txtSearch {
    width: 130px;
    margin: 4px;
}

#dnn_sitemenu {
    margin-left: 0;
    position: relative;
}

#middlecontent {
    float: left;
    background: #ffffff;
    width: 744px;
    margin: 0;
    padding-left: 0;
    padding-right: 20px;
}

.homecontentpane {
    width: 480px;
    margin-left: 10px;
    float: left;
    margin-bottom: 20px;
}

.backpagecontentpane {
    width: 740px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
}

/*Right Sidebar items*/



#rightsidebar {
    width: 219px;
    padding-left: 15px;
    float: left;
}


#dates {
    width: 243px;
        Height: 25px;
        float:left;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        color: white;
       text-align: center;
        font-size: 16pt;
        margin-bottom: 0px;
        padding-top: 10px;
        background: linear-gradient( #3A498C, #181E4F);
        background-color:#181E4F;
        margin-top:10px;
}

#datesmiddle {
    float: left;
    width: 243px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    background-color:#E6DCAB;
}

#dnn_datescontentpane {
    padding: 5px;
}



#news {
    width: 243px;
    Height: 25px;
    float:left;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    color: white;
    text-align: center;
    font-size: 16pt;
    margin-bottom: 0px;
    padding-top: 10px;
    background: linear-gradient( #3A498C, #181E4F);
    background-color:#181E4F;
    margin-top:10px;
}



#newsmiddle {
    float: left;
    width: 243px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    background-color:#E6DCAB;
}

#dnn_newmiddlecontentpane {
    padding-left: 5px;
}


/*Footer*/



#footer {
    background-color: #18295D;
    width: 960px;
    height: 109px;
    margin: 0 auto;
    margin-bottom: 35px;
}


    .footertext{
        text-align: center;
        margin-top: 23px;
        width: 24.8%;
        border-right: 1px solid white;
        height: 70px;
        float: left;
    }
    .footertext:last-child{
        border: none;
    }

    .footerinfo, .footerinfo a{
        font-family: Arial;
        font-size: 12pt;
        color: #ffffff;
        padding-top:10px;
    }



.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;
    }
}