/*** Reset ***/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, hr, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    background: transparent;
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

body {
    line-height: 1;
}

a {
    text-decoration: none;
}

:focus {
    outline: 1;
}

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
    display: block;
}

    nav ul {
        list-style: none;
    }

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input, select {
    vertical-align: middle;
}

::selection, ::-moz-selection {
    background: #c80000;
}

img::selection, img::-moz-selection {
    background: transparent;
}

/*** Global Settings ***/

html {
    background: #82001c url(/sharedfiles/img/state.png) 50% 0 no-repeat;
}

body {
    background: url(/sharedfiles/img/pin.png) 50% 0 repeat-y;
    color: #333;
    font: 12px/18px Arial, Helvetica, sans-serif;
}

.clear {
    clear: both;
}

.none {
    display: none;
}

h1 {
    color: #82001c;
    font: 24px/28px Georgia, "Times New Roman", Times, serif;
    margin: 0 0 9px 0;
}

    h1 em {
        color: #333;
        font-size: 14px;
        font-weight: normal;
    }

h2 {
    color: #82001c;
    font: 18px/24px Georgia, "Times New Roman", Times, serif;
    margin: 0 0 18px 0;
}

h3 {
    color: #82001c;
    font: bold 12px/18px Georgia, "Times New Roman", Times, serif;
    margin: 0 0 18px 0;
    text-transform: uppercase;
}

    h1 a, h2 a, h3 a {
        color: #82001c;
    }

        h1 a:hover, h2 a:hover, h3 a:hover {
            color: #69819d;
        }

    h1 em a, h2 em a, h3 em a {
        color: #333;
    }

        h1 em a:hover, h2 em a:hover, h3 em a:hover {
            color: #69819d;
        }

p {
    padding: 0 0 18px 0;
}

a {
    color: #69819d;
}

    a:visited {
        color: #333;
    }

    a:hover {
        color: #82001c;
    }

    a:visited:hover {
        color: #82001c;
    }

    a.btn {
        background: url(/sharedfiles/img/btn.png) 0 0 no-repeat;
        display: inline-block;
        height: 26px;
        padding: 0 0 0 20px;
    }

        a.btn strong {
            background: url(/sharedfiles/img/btn.png) 100% 0 no-repeat;
            color: #fff;
            display: inline-block;
            font-size: 11px;
            height: 26px;
            line-height: 26px;
            padding: 0 14px 0 0;
            text-shadow: 0 -1px 0 #570013;
            text-transform: uppercase;
        }

        a.btn:hover {
            background-position: 0 100%;
        }

            a.btn:hover strong {
                background-position: 100% 100%;
            }

.arw {
    background: url(/sharedfiles/img/arw.png) 0 3px no-repeat;
    font: bold 10px/18px Arial, Helvetica, sans-serif;
    padding: 0 0 0 10px;
    text-transform: uppercase;
}

.red {
    color: #82001c;
}

li.space {
    margin: 15px 0 0 0;
}

.videowrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .videowrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 90%;
        height: 90%;
        border: solid 1px lightgrey;
        border-radius: 5px;
    }

/*** Header ***/

header {
    background: #eee url(/sharedfiles/img/header.jpg) 0 0 no-repeat;
    margin: 0 auto;
    padding: 0 20px;
    width: 940px;
}

    header h1 {
        margin: 0;
    }

    header img {
        display: block;
    }

/*** Nav ***/

nav {
    background: url(/sharedfiles/img/nav-pin.png) 0 0 repeat-x;
    border-bottom: 1px solid #9c1300;
    border-top: 1px solid #9c1300;
    height: 35px;
    margin: 0 auto;
    position: relative;
    text-shadow: 0 -1px 0 #570013;
    width: 980px;
    z-index: 99;
}

ul#primary {
    margin: 0 auto;
    width: 965px;
}

    ul#primary li {
        float: left;
        font: bold 13px/35px Arial, Helvetica, sans-serif;
        position: relative;
    }

        ul#primary li.home {
            background: url(/sharedfiles/img/nav-pin.png) 0 100% no-repeat;
            padding: 0 0 0 2px;
        }

        ul#primary li a {
            background: url(/sharedfiles/img/nav-bg.png) 100% 0 no-repeat;
            color: #fff;
            display: block;
            padding: 0 35px 0 16px;
        }

        ul#primary li.home a {
            padding: 0 14px;
        }

        ul#primary li a span {
            background: url(/sharedfiles/img/nav-arw.png) 0 0 no-repeat;
            display: block;
            height: 13px;
            position: absolute;
            right: 17px;
            text-indent: -9999px;
            top: 11px;
            width: 13px;
        }

        ul#primary li ul {
            background: #a40023;
            -moz-border-radius: 0 0 4px 4px;
            -webkit-border-radius: 0 0 4px 4px;
            border-radius: 0 0 4px 4px;
            -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.16);
            -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.16);
            box-shadow: 0 1px 0 rgba(0, 0, 0, 0.16);
            display: none;
            left: 0;
            _margin: 35px 0 0 0;
            padding: 10px;
            position: absolute;
            top: 0;
            opacity: 0.94;
            filter: alpha(opacity=94);
        }

        ul#primary li > ul {
            left: auto;
            top: auto;
        }

        ul#primary li.business-services ul {
            width: 305px;
        }

        ul#primary li.search-databases ul {
            width: 225px;
        }

        ul#primary li.online-filing ul {
            width: 225px;
        }

        ul#primary li.elections ul {
            width: 125px;
        }

        ul#primary li.notaries ul {
            width: 120px;
        }

        ul#primary li.nonprofits ul {
            width: 200px;
        }

        ul#primary li.youth ul {
            left: auto;
            right: 1px;
            width: 150px;
        }

        ul#primary li ul li {
            float: none;
            font: 12px/18px Arial, Helvetica, sans-serif;
        }

            ul#primary li ul li a {
                background: none;
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
                border-radius: 4px;
                padding: 4px 12px;
            }

        ul#primary li a:hover {
            background-position: 100% 100%;
        }

        ul#primary li:hover ul, ul#primary li.over ul {
            display: block;
        }

        ul#primary li:hover a, ul#primary li.over a {
            background-position: 100% 100%;
        }

        ul#primary li ul li a:hover {
            background: #700018;
            -moz-box-shadow: inset 0 1px 1px #630016;
            -webkit-box-shadow: inset 0 1px 1px #630016;
            box-shadow: inset 0 1px 1px #630016;
            color: #fff;
        }

/*** Main ***/

.main {
    background: #fff;
    margin: 0 auto;
    width: 980px;
}

/*** Section ***/

section {
    display: inline;
    float: left;
    margin: 17px 0 0 20px;
    width: 620px;
}

    section a {
        text-decoration: underline;
    }

    section h1 a, section h2 a, section h3 a {
        text-decoration: none;
    }

    section h2 span {
        color: #999;
        font: 12px/18px Arial, Helvetica, sans-serif;
    }

    section ul, section ol {
        margin: 0 0 18px 18px;
    }

    section dt {
        font-weight: bold;
    }

    section dd {
        padding: 0 0 0 18px;
    }

    section ul.filters {
        list-style: none;
        margin: 0;
    }

        section ul.filters li {
            float: left;
            margin: 0 20px 18px 0;
        }

    section img {
        float: right;
        margin: 0 0 18px 12px;
    }

        section img.inline {
            float: none;
            margin: 0;
        }

        section img.ico {
            vertical-align: middle;
            margin: 0 5px 0 0;
        }

        section img.auditor {
            float: none;
            margin: 0 0 15px 0;
        }

    section .hr {
        background: url(/sharedfiles/img/hr.png) 50% 0 no-repeat;
        clear: both;
        height: 8px;
        padding: 0 0 10px 0;
    }

    section .pin {
        background: url(/sharedfiles/img/aside-hr.png) 0 0 no-repeat;
        clear: both;
        height: 8px;
        margin: 10px 0 0 0;
        padding: 0 0 6px 0;
    }

    section img.frame {
        background: #fff;
        border: 1px solid #ccc;
        padding: 3px;
    }

    section a.arw {
        text-decoration: none;
    }

    section a.print {
        background: url(/sharedfiles/img/print.png) 0 50% no-repeat;
        padding: 1px 0 1px 22px;
    }

    section a.pdf {
        background: url(/sharedfiles/img/pdf.png) 0 50% no-repeat;
        padding: 1px 0 1px 22px;
    }

    section a.lock {
        background: url(/sharedfiles/img/lock.png) 0 50% no-repeat;
        padding: 1px 0 1px 22px;
    }

    section a.word {
        background: url(/sharedfiles/img/word.png) 0 50% no-repeat;
        padding: 1px 0 1px 22px;
    }

    section a.excel {
        background: url(/sharedfiles/img/excel.jpg) 0 50% no-repeat;
        padding: 1px 0 1px 22px;
        border: 0;
        text-decoration: none;
    }

    section span.size {
        color: #999;
        font: 11px/18px Arial, Helvetica, sans-serif;
    }

    section label {
        cursor: pointer;
        font-weight: bold;
    }

    section input {
        border: 1px solid #ccc;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        color: #999;
        font: 12px/18px Arial, Helvetica, sans-serif;
        margin: 0;
        padding: 4px 5px 3px 5px;
    }

        section input:hover, section input:focus, section input:active {
            border: 1px solid #bbb;
            color: #333;
        }

    section label.radio-label {
        vertical-align: middle;
        font-weight: normal;
        margin: 0 8px 0 0;
    }

    section input.no-border, section input.no-border:hover, section input.no-border:focus, section input.no-border:active {
        border: none;
    }

    section label.error {
        color: #82001c;
    }

    section input.error {
        border: 1px solid #82001c;
    }

    section .errors {
        background: #eee;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -moz-box-shadow: inset 0 1px 1px #ddd;
        -webkit-box-shadow: inset 0 1px 1px #ddd;
        box-shadow: inset 0 1px 1px #ddd;
        margin: 0 0 15px 0;
        padding: 8px 12px;
        text-shadow: 0 1px 0 #fff;
    }

        section .errors p {
            color: #82001c;
            font-weight: bold;
            padding: 0 0 8px 0;
        }

        section .errors ul {
            margin: 0 0 0 18px;
        }

    section input.submit {
        background: #cc1d35;
        background: -moz-linear-gradient(#cc1d35, #981326);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#981326), to(#cc1d35));
        background: -webkit-linear-gradient(#cc1d35, #981326);
        background: -o-linear-gradient(#cc1d35, #981326);
        border: 1px solid #730c18;
        -moz-box-shadow: inset 0 1px 0 #cd3355;
        -webkit-box-shadow: inset 0 1px 0 #cd3355;
        -o-box-shadow: inset 0 1px 0 #cd3355;
        box-shadow: inset 0 1px 0 #cd3355;
        color: #fff;
        cursor: pointer;
        font: bold 11px Arial, Helvetica, sans-serif;
        padding: 4px 8px 2px 8px;
        text-shadow: 0 -1px 0 #570013;
        text-transform: uppercase;
    }

    section table.eform input.submit {
        width: 100px;
        height: 30px;
    }

    section input.submit:hover, section input.submit:focus, section input.submit:active {
        background: #981326;
        background: -moz-linear-gradient(#d50037, #b00027);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b00027), to(#d50037));
        background: -webkit-linear-gradient(#d50037, #b00027);
        background: -o-linear-gradient(#d50037, #b00027);
        -moz-box-shadow: inset 0 1px 0 #da406a;
        -webkit-box-shadow: inset 0 1px 0 #da406a;
        -o-box-shadow: inset 0 1px 0 #da406a;
        box-shadow: inset 0 1px 0 #da406a;
    }

    section p.results-searched {
        float: left;
        padding: 0 0 6px 0;
    }

        section p.results-searched strong {
            font-size: 13px;
        }

    section p.results-count {
        color: #999;
        float: right;
        font-style: italic;
        padding: 0 0 6px 0;
    }

    section table {
        margin: 0 0 18px 0;
    }

        section table.inline {
            margin: 0;
        }

        section table.results {
            width: 100%;
        }

        section table.display {
            width: 100%;
        }

        section table.results .alt {
            background: #eee;
            text-shadow: 0 1px 0 #fff;
        }

    section td, section th {
        padding: 4px 4px 3px 4px;
    }

    section table.display th {
        font-size: 11px;
    }

    section th {
        background: #eee;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
        text-align: left;
        text-shadow: 0 1px 0 #fff;
    }

    section tfoot {
        border-top: 1px solid #ccc;
    }

    section table.results tfoot .alt {
        background: #fff;
    }

    section table.eform input[type="text"] {
        width: 350px;
    }

    section table.eform textarea {
        width: 355px;
        height: 50px;
    }

        section table.eform textarea:focus {
            width: 355px;
            height: 150px;
        }

    section blockquote p {
        font: italic 12px/18px Georgia, "Times New Roman", Times, serif;
    }

    section p.to-top {
        font-size: 11px;
    }

        section p.to-top a {
            text-decoration: none;
        }

            section p.to-top a span {
                text-decoration: underline;
            }



.notice {
    padding: 15px;
    color: black;
    background-color: #F3F3F3;
    border-radius: 3px;
    border: 1px solid #C0C0C0;
    text-align: center;
    width: 75%;
    margin: 15px auto 15px auto;
}

/*** Section - Banner ***/

.banner {
    background: url(/sharedfiles/img/banner.png) 0 0 no-repeat;
    height: 285px;
    margin: 0 0 16px 0;
    padding: 5px 5px 0 5px;
    position: relative;
    text-shadow: 0 1px 0 #fff;
    width: 610px;
}

#slideshow > div {
    position: absolute;
    right: 5px;
}

    #slideshow > div img {
        width: 610px;
        height: 279px;
    }

/*** Section - Features ***/

.features {
    height: 145px;
    list-style: none;
    margin: 0 0 16px 0;
    padding: 0 0 1px 0;
    text-shadow: 0 1px 0 #fff;
    width: 620px;
}

    .features li {
        float: left;
        height: 145px;
        margin: 0 19px 0 0;
        padding: 0;
        width: 194px;
    }

        .features li > a {
            background: url(/sharedfiles/img/feat-btn.png) 0 0 no-repeat;
            display: block;
            height: 135px;
            padding: 5px;
            text-decoration: none;
            width: 184px;
        }

    .features div {
        background: url(/sharedfiles/img/feat-btn.png) 0 0 no-repeat;
        display: block;
        height: 135px;
        padding: 5px;
        text-decoration: none;
        width: 184px;
    }


    .features img {
        float: none;
        margin: 0;
    }

    .features h3 {
        margin: 1px 2px 0 2px;
    }

    .features a:hover h3 {
        color: #69819d;
    }

    .features .arw {
        display: none;
    }

    .features .feat-poll {
        margin: 0;
    }

    .features .feat-county {
        margin: 0;
        text-align: center;
    }

        .features .feat-county a {
            all: initial;
            cursor: pointer;
            text-align: center;
            background: none;
            float: none;
            height: auto;
            width: auto;
        }

    .features .feat-caucus .featbtngroup .button {
        background-color: #B03037;
        border: 1px solid black;
        color: white;
        padding: 9px 25px;
        width: 72%;
        height: 26.5%;
        text-align: center;
        text-decoration: none;
        font-size: 13px;
        cursor: pointer;
        display: inline-block;
        text-shadow: 1px 1px grey;
    }

        .features .feat-caucus .featbtngroup .button:only-child {
            font-size: 18px;
            padding: 28px 25px 0 25px;
            line-height: 22px;
            border-bottom: 1px solid black;
            height: 80px;
        }

        .features .feat-caucus .featbtngroup .button:hover {
            background-color: lightcoral;
        }

        .features .feat-caucus .featbtngroup .button:not(:last-child) {
            border-bottom: none; /* Prevent double borders */
        }

        .features .feat-caucus .featbtngroup .button:first-child {
            background-color: #315C88;
        }

            .features .feat-caucus .featbtngroup .button:first-child:hover {
                background-color: lightsteelblue;
            }

    .features .feat-enr {
        display: none;
    }

/*** Section - News/Twitter ***/

.news {
    overflow: hidden;
    position: relative;
}

    .news img {
        bottom: 18px;
        margin: 0;
        position: absolute;
        right: 12px;
        z-index: 1;
    }

    .news ul {
        list-style: none;
        position: relative;
        margin: 0;
        z-index: 2;
    }

/*** Section - Box ***/

.bx {
    background: #fff url(/sharedfiles/img/bx.png) 0 100% no-repeat;
    padding: 0 12px 17px 12px;
}

.bx-top {
    background: url(/sharedfiles/img/bx.png) 0 0 no-repeat;
    margin: 0 0 17px 0;
    padding: 13px 0 0 0;
    width: 620px;
}

.bx-third {
    background: #fff url(/sharedfiles/img/bx-third.png) 0 100% no-repeat;
    padding: 0 12px;
}

.bx-third-top {
    background: url(/sharedfiles/img/bx-third.png) 0 0 no-repeat;
    float: right;
    margin: 0 0 17px 20px;
    padding: 13px 0 0 0;
    width: 205px;
}

/*** Section - Breadcrumbs ***/

p.breadcrumbs {
    background: #eee;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: inset 0 1px 1px #ddd;
    -webkit-box-shadow: inset 0 1px 1px #ddd;
    box-shadow: inset 0 1px 1px #ddd;
    color: #999;
    font-size: 11px;
    margin: -3px 0 15px 0;
    padding: 3px 12px;
    text-shadow: 0 1px 0 #fff;
}

    p.breadcrumbs a {
        text-decoration: none;
    }

        p.breadcrumbs a:visited {
            color: #69819d;
        }

    p.breadcrumbs span {
        color: #333;
    }

/*** Section - Sub Nav ***/

.sub-nav ul {
    color: #bbb;
    margin: 0 0 18px 0;
}

.sub-nav li {
    float: left;
    margin: 0 0 0 14px;
    padding: 0 14px 0 0;
    width: 174px;
}

    .sub-nav li a {
        text-decoration: underline;
    }

/*** v2 (version 2, November 2013) ***/

.v2 input[type="text"], .v2 input[type="password"], .v2 select, .v2 textarea {
    width: 500px;
    height: 22px;
    margin: 0 0 5px 0;
    font: 16px/18px Arial, Helvetica, sans-serif;
    color: #666;
    border: 4px solid #c0c0c0;
}

.v2 select {
    width: 518px;
    height: 33px;
}

.v2 textarea {
    width: 505px;
    height: 40px;
}

    .v2 input[type="text"]:hover, .v2 input[type="text"]:active, .v2 input[type="text"]:focus,
    .v2 select:hover, .v2 select:active, .v2 select:focus,
    .v2 textarea:hover, .v2 textarea:active, .v2 textarea:focus {
        border: 4px solid #e7912b;
    }

.v2 .v2submit {
    font-weight: bold;
    font-size: 14px;
    color: #FFF;
    background-color: #0C99F5;
    width: 130px;
    height: 35px;
}

.v2 .thankYou {
    background-color: #0C99F5;
    color: #fff;
    padding: 15px 15px 0px 15px;
    margin: 0 0 20px 0;
    font: normal 18px/22px 'segoe ui';
}

/*** Youth ***/
/*
    .youth .youth .tabs-container 
    #header {
    margin-bottom:14px;}    
*/

article .youth {
    margin: 0;
    padding: 0;
}

.youth h1 {
    font-family: 'Myriad Pro';
    margin-bottom: 20px;
    text-transform: uppercase;
}

.youth h2 {
    color: #e7912b;
}

.youth .tabs ul {
    margin: 0 auto 0 auto;
    padding: 0 0 0 5px;
    text-align: left;
    white-space: nowrap;
    border-bottom: 1px solid #ccc;
}

    .youth .tabs ul li {
        height: 32px;
        display: inline-block;
        list-style-type: none;
        font: bold 14px/32px Arial, Helvetica, sans-serif;
        background-color: #f0f0f0;
        margin: 0 1px 0 0;
        padding: 0px 18px 0px 18px;
        border-top: 1px solid #ccc;
        border-right: 2px outset #F0F0F0;
        border-left: 1px solid #ccc;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        -moz-border-radius-topleft: 4px;
        -moz-border-radius-topright: 4px;
        -webkit-border-top-left-radius: 4px;
        -webkit-border-top-right-radius: 4px;
    }

        .youth .tabs ul li.hi {
            position: relative;
            top: 1px;
            padding-top: 3px;
            background-color: #fff;
        }

        .youth .tabs ul li a {
            text-decoration: none;
            color: #000;
        }

            .youth .tabs ul li a:hover {
                text-decoration: underline;
            }

        .youth .tabs ul li.hi a {
            position: relative;
            top: -1px;
        }

.youth .tab-body {
    padding: 10px;
    border: 1px solid #ccc;
    border-top: 0;
}

.youth input[type="button"].explore {
    float: right;
    padding: 6px 10px 6px 10px;
    position: relative;
    top: -10px;
    background: #f0f0f0;
    color: #000;
}

.youth input[type="text"], .youth input[type="password"], .youth input[type="file"], .youth select, .youth textarea {
    width: 500px;
    height: 22px;
    margin: 0 0 5px 0;
    font: 16px/18px Arial, Helvetica, sans-serif;
    color: #666;
    border: 4px solid #c0c0c0;
}

.youth input[type="file"] {
    font-size: 12px;
}

.youth select {
    width: 518px;
    height: 33px;
}

.youth textarea {
    width: 505px;
    height: 40px;
}

    .youth input[type="text"]:hover, .youth input[type="text"]:active, .youth input[type="text"]:focus,
    .youth input[type="file"]:hover, .youth input[type="file"]:active, .youth input[type="file"]:focus,
    .youth select:hover, .youth select:active, .youth select:focus,
    .youth textarea:hover, .youth textarea:active, .youth textarea:focus {
        border: 4px solid #e7912b;
    }

.youth .thankYou {
    background-color: #0C99F5;
    color: #fff;
    padding: 15px 15px 0px 15px;
    margin: 20px 0 20px 0;
    font: normal 18px/22px 'segoe ui';
}

.youth .youthsubmit {
    font-weight: bold;
    font-size: 14px;
    color: #FFF;
    background-color: #0C99F5;
    width: 130px;
    height: 35px;
}

.youth .FeedbackAuthor {
    color: #e7912b;
    white-space: nowrap;
}

.youth .FeedbackSchool {
    color: #cf270c;
    white-space: nowrap;
}

.youth .BillStatus {
    color: #e7912b;
    white-space: nowrap;
}

.youth .signin {
    width: 315px;
    padding: 30px;
    margin: 0 auto 30px auto;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0px 0px 6px 1px #e0e0e0;
    -webkit-box-shadow: 0px 0px 6px 1px #e0e0e0;
    box-shadow: 0px 0px 6px 1px #e0e0e0;
    border: 1px solid #e5e5e5;
    background: #fafafa;
}

    .youth .signin input[type="text"], .youth input[type="password"] {
        width: 250px;
    }

    .youth .signin label {
        color: #556C9B;
    }

    .youth .signin input[type="text"] {
        border: 1px solid #bdbdbd;
        height: 24px;
    }

    .youth .signin input[type="password"] {
        border: 1px solid #bdbdbd;
        height: 24px;
    }

.mockelection h1, .mockelection h2, .mockelection h3 {
    color: #00344f;
}

/*** Aside ***/

aside {
    background: url(/sharedfiles/img/aside.png) 0 0 no-repeat;
    display: inline;
    float: right;
    margin: 0 20px 18px 0;
    padding: 7px 0 4px 24px;
    width: 280px;
}

    aside h3 em {
        color: #333;
        font: italic 12px/18px Georgia, "Times New Roman", Times, serif;
        text-transform: none;
    }

    aside h3 a {
        color: #333;
    }

        aside h3 a:hover {
            color: #82001c;
        }

.newsletter, .connect, .btns, .resources {
    background: url(/sharedfiles/img/aside-hr.png) 50% 100% no-repeat;
    padding: 10px 0 8px 0;
}

    /*** Aside - Connect ***/

    .connect ul {
        list-style: none;
        text-shadow: 0 1px 0 #fff;
    }

    .connect li {
        float: left;
        margin: 0 8px 13px 0;
    }

        .connect li.last {
            margin: 0 0 13px 0;
        }

/*** Aside - Newsletter ***/

aside .newsletter h3 {
    margin: 0 0 16px 0;
}

.newsletter form {
    margin: 0 0 15px 0;
}

.newsletter #newsletter {
    border: 1px solid #ccc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #999;
    float: left;
    font: 12px/18px Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 4px 5px 3px 5px;
    width: 193px;
}

    .newsletter #newsletter:hover, .newsletter #newsletter:focus, .newsletter #newsletter:active {
        border: 1px solid #bbb;
        color: #333;
    }

.newsletter #sign-up {
    background: url(/sharedfiles/img/newsletter-btn.png) 0 0 no-repeat;
    border: 0;
    color: #fff;
    cursor: pointer;
    float: right;
    font: bold 11px Arial, Helvetica, sans-serif;
    height: 23px;
    padding: 1px 0 0 0;
    text-shadow: 0 -1px 0 #570013;
    text-transform: uppercase;
    width: 67px;
}

    .newsletter #sign-up:hover, .newsletter #sign-up:focus, .newsletter #sign-up:active {
        background-position: 0 100%;
    }

/*** Aside - Btns ***/

.btns ul {
    list-style: none;
}

.btns li {
    padding: 0 0 17px 0;
}

.btns a {
    background: url(/sharedfiles/img/aside-btn.png) 0 0 no-repeat;
    display: block;
    height: 81px;
    padding: 5px;
    width: 270px;
}

.btns h3 {
    margin: 1px 2px 0 2px;
}

.btns a:hover h3 {
    color: #69819d;
}

.btns .arw {
    display: none;
}

/*** Aside - Voter Hotline ***/

a.hotline {
    background: url(/sharedfiles/img/hotline-btn.png) 0 0 no-repeat;
    color: #fff;
    display: block;
    font: bold 13px/20px Arial, Helvetica, sans-serif;
    height: 47px;
    margin: 10px 0 7px 0;
    padding: 8px 0 0 0;
    text-align: center;
    text-shadow: 0 -1px 0 #570013;
    text-transform: uppercase;
    width: 280px;
}

    a.hotline span {
        display: block;
        font-size: 15px;
    }

    a.hotline:hover {
        background-position: 0 -55px;
    }

a.hotline-2 {
    background: url(/sharedfiles/img/hotline-btn-2.png) 0 0 no-repeat;
    color: #fff;
    display: block;
    font: bold 14px/28px Arial, Helvetica, sans-serif;
    height: 74px;
    margin: 10px 0 7px 0;
    padding: 17px 0 0 0;
    text-align: center;
    text-shadow: 0 -1px 0 #570013;
    text-transform: uppercase;
    width: 280px;
}

a.statefairpoll img {
    margin: 10px 0 2px 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
}

    a.statefairpoll img:hover {
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

a.hotline-2 span {
    display: block;
    font-size: 18px;
}

a.hotline-2:hover {
    background-position: 0 -91px;
}

a.militaryvote img {
    margin: 10px 0 2px 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
}

    a.militaryvote img:hover {
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

a.voterid img {
    margin: 10px 0 2px 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
}

a.voterready img {
    margin: 10px 0 2px 0;
    border: 2px solid #f1f1f1;
    width: 276px;
}

a.newsroom img {
    margin: 10px 0 2px 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
}

    a.newsroom img:hover {
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

a.voterready img:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

a.myiowavote img:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

a.voterid img:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

/*** Aside - Resources ***/

aside .resources h3 {
    margin: 0 0 16px 0;
}

.resources .tabs {
    font: bold 10px/16px Arial, Helvetica, sans-serif;
    list-style: none;
    text-shadow: 0 1px 0 #fff;
    text-transform: uppercase;
}

    .resources .tabs li {
        float: left;
        margin: 0 0 15px 0;
    }

    .resources .tabs a {
        display: block;
        padding: 4px 10px 3px 10px;
    }

    .resources .tabs .resource-links a {
        background: url(/sharedfiles/img/resources.png) 0 -23px no-repeat;
        border-right: 1px solid #ccc;
    }

        .resources .tabs .resource-links a.current {
            background-position: 0 0;
        }

    .resources .tabs .resource-services a {
        background: url(/sharedfiles/img/resources.png) -10px -23px no-repeat;
        border-right: 1px solid #ccc;
    }

        .resources .tabs .resource-services a.current {
            background-position: -10px 0;
        }

    .resources .tabs .resource-help a {
        background: url(/sharedfiles/img/resources.png) 100% -23px no-repeat;
    }

        .resources .tabs .resource-help a.current {
            background-position: 100% 0;
        }

    .resources .tabs a.current {
        color: #333;
        cursor: default;
    }

.resources .panes {
    clear: both;
    height: 250px;
    position: relative;
}

    .resources .panes .links {
        color: #bbb;
        display: none;
        left: 0;
        position: absolute;
        top: 0;
    }

    .resources .panes .input {
        color: #bbb;
        display: none;
        left: 0;
        position: absolute;
        top: 0;
    }

    .resources .panes ul {
        margin: 0 0 0 15px;
    }

    .resources .panes li {
        margin: 0 0 2px 0;
    }

    .resources .panes a {
        font-weight: bold;
    }

/*** Aside - Resources - Search ***/

#search-crit {
    border: 1px solid #ccc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #999;
    font: 12px/18px Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 4px 5px 3px 5px;
    width: 180px;
}

    #search-crit:hover, #search-crit:focus, #search-crit:active {
        border: 1px solid #bbb;
        color: #333;
    }

#search-btn {
    background: url(/sharedfiles/img/newsletter-btn.png) 0 0 no-repeat;
    border: 0;
    color: #fff;
    cursor: pointer;
    font: bold 11px Arial, Helvetica, sans-serif;
    height: 23px;
    padding: 1px 0 0 0;
    text-shadow: 0 -1px 0 #570013;
    text-transform: uppercase;
    width: 67px;
}

    #search-btn:hover, #search-btn:focus, #search-btn:active {
        background-position: 0 100%;
    }

/*** Footer ***/

footer {
    background: #eaeaea url(/sharedfiles/img/footer.png) 0 0 repeat-x;
    border-top: 1px solid #ccc;
    -moz-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
    clear: both;
    height: 93px;
    margin: 0 auto;
    padding: 17px 20px 0 20px;
    text-shadow: 0 1px 0 #fff;
    width: 940px;
}

    footer a {
        color: #333;
    }

        footer a:hover {
            color: #82001c;
        }

    footer .adr {
        float: left;
    }

    footer .links {
        color: #bbb;
        float: right;
        text-align: right;
    }

        footer .links .label {
            color: #333333;
            text-shadow: 0 1px 0 #fff;
        }


/*=======================================================================
    Mobile 
=========================================================================*/
@media screen and (max-width: 640px) {

    header, nav, .main, section, aside, footer {
        width: auto;
    }

    /*** Header ***/

    header {
        padding: 0 26px;
    }

        header img {
            width: 100%;
        }

    /*** Nav ***/

    nav {
        background: #a40023 url(/sharedfiles/img/nav-bg-m.png) 0 0 repeat-x;
        height: auto;
        width: 100%;
    }

    ul#primary {
        width: auto;
    }

        ul#primary li {
            border-bottom: 1px solid #700018;
            float: none;
        }

            ul#primary li.youth {
                border: none;
            }

            ul#primary li.home {
                background: none;
                padding: 0;
            }

                ul#primary li a, ul#primary li.home a {
                    background: none;
                    padding: 0 22px;
                }

            ul#primary li ul {
                background: none;
                -moz-border-radius: 0;
                -webkit-border-radius: 0;
                border-radius: 0;
                -moz-box-shadow: none;
                -webkit-box-shadow: none;
                box-shadow: none;
                margin: -10px 0 0 0;
                padding: 10px;
                position: relative;
            }

            ul#primary li.business-services ul,
            ul#primary li.search-databases ul,
            ul#primary li.online-filing ul,
            ul#primary li.elections ul,
            ul#primary li.notaries ul,
            ul#primary li.nonprofits ul,
            ul#primary li.youth ul {
                width: auto;
            }

            ul#primary li.youth ul {
                right: 0;
            }

            ul#primary li ul li {
                border: none;
                float: none;
            }

                ul#primary li ul li a {
                    background: none;
                    padding: 3px 12px;
                }

            ul#primary li:hover a, ul#primary li.over a {
                color: #bbb;
            }

            ul#primary li:hover ul li a, ul#primary li.over ul li a {
                color: #fff;
            }

    /*** Section ***/

    section {
        background: url(/sharedfiles/img/aside-hr.png) 50% 100% no-repeat;
        margin: 17px 10px 0 10px;
        padding: 0 0 10px 0;
    }

        section .hr {
            background: url(/sharedfiles/img/aside-hr.png) 50% 0 no-repeat;
            clear: both;
            height: 8px;
            padding: 0 0 10px 0;
        }

        section img.full {
            display: block;
            margin: 0 auto;
            width: 80%;
        }


    .banner {
        border: 1px solid #ccc;
        border-radius: 5px;
        position: relative;
        padding-bottom: 45%;
        padding-top: 4px;
        height: 0;
        overflow: hidden;
        width: auto;
    }

    #slideshow > div {
        position: absolute;
        width: auto;
        height: auto;
        text-align: center;
        animation-duration: 3s;
    }

        #slideshow > div img {
            width: 98.60%;
            height: auto;
        }

    /*** Section - News/Twitter ***/

    section table.eform input[type="text"] {
        width: 200px;
    }

    section table.eform textarea {
        width: 205px;
        height: 50px;
    }

        section table.eform textarea:focus {
            width: 205px;
            height: 50px;
        }

    .features {
        border: 1px solid #ccc;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        height: auto;
        margin: 0;
        padding: 0;
        width: auto;
        text-align: initial;
    }

        .features li {
            float: none;
            height: auto;
            margin: 0;
            width: auto;
            text-align: initial;
        }

            .features li > a {
                background: #cc1d35;
                background: -moz-linear-gradient(#fff, #f5f5f5);
                background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f5f5), to(#fff));
                background: -webkit-linear-gradient(#fff, #f5f5f5);
                background: -o-linear-gradient(#fff, #f5f5f5);
                float: none;
                height: auto;
                padding: 12px;
                width: auto;
            }

            .features li div {
                background: #cc1d35;
                background: -moz-linear-gradient(#fff, #f5f5f5);
                background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f5f5), to(#fff));
                background: -webkit-linear-gradient(#fff, #f5f5f5);
                background: -o-linear-gradient(#fff, #f5f5f5);
                float: none;
                height: auto;
                padding: 12px;
                width: auto;
            }

        .features h3 {
            margin: 0;
            padding: 0;
        }

        .features select {
            display: none;
        }

        .features input {
            display: none;
        }

        .features img {
            display: none;
        }

        .features .arw {
            display: inline;
        }

        .features .feat-caucus .arw {
            display: none;
        }

        .features a:hover .arw {
            color: #999;
        }

        .features .feat-enr {
            display: list-item;
        }

            .features .feat-enr a {
                border: 1px solid #ccc;
                -moz-border-radius: 4px 4px 0 0;
                -webkit-border-radius: 4px 4px 0 0;
                border-radius: 4px 4px 0 0;
                border-width: 0 0 1px 0;
            }

        .features .feat-county {
            text-align: initial;
        }

            .features .feat-county a {
                text-align: initial;
                padding: 0px;
            }

        .features .feat-caucus {
            text-align: center;
        }

            .features .feat-caucus .featbtngroup {
                display: inline-block;
                padding-right: 10px;
            }

                .features .feat-caucus .featbtngroup .button {
                    float: left;
                    font-size: 12px;
                    border-bottom: 1px solid black;
                    width: 80%;
                    padding: 9px 25px;
                }

                    .features .feat-caucus .featbtngroup .button:only-child {
                        float: none;
                        font-size: 15px;
                        border-bottom: 1px solid black;
                        height: 50%;
                        padding: 9px 25px;
                    }

                    .features .feat-caucus .featbtngroup .button:not(:last-child) {
                        border-right: 1px solid black;
                    }

        .features .feat-verify a {
            border: 1px solid #ccc;
            border-width: 0 0 1px 0;
        }

        .features .feat-vote a {
            border: 1px solid #ccc;
            border-width: 0 0 1px 0;
        }

        .features .feat-poll a {
            border: none;
            -moz-border-radius: 0 0 4px 4px;
            -webkit-border-radius: 0 0 4px 4px;
            border-radius: 0 0 4px 4px;
        }

    .bx {
        background: -moz-linear-gradient(#fff, #f5f5f5);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f5f5), to(#fff));
        background: -webkit-linear-gradient(#fff, #f5f5f5);
        background: -o-linear-gradient(#fff, #f5f5f5);
        border: 1px solid #ccc;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        padding: 12px 12px 17px 12px;
    }

    .bx-top {
        background: no-repeat;
        margin: 17px 0;
        padding: 0;
        width: auto;
    }

    .sub-nav li {
        float: left;
        margin: 0 0 0 14px;
        padding: 0 14px 0 0;
        width: 40%;
    }

    /*** v2 (version 2, November 2013) ***/

    .v2 input[type="text"], .v2 select, .v2 textarea {
        width: 80%;
    }

    .v2 select {
        width: 80%;
    }

    .v2 textarea {
        width: 80%;
    }

    /*** Youth ***/

    /*
.youth {
background: no-repeat;
margin: 17px 0;
padding: 0;
width: auto; }
*/

    .youth .tabs ul {
        margin: 15px auto 0 auto;
        padding: 0;
    }

        .youth .tabs ul li {
            display: list-item;
            list-style-type: none;
            font: bold 14px/32px Arial, Helvetica, sans-serif;
            background-color: #f0f0f0;
            margin: 0;
            padding: 5px;
            border: 1px solid #ccc;
            border-bottom: 0;
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            -moz-border-radius-topleft: 0;
            -moz-border-radius-topright: 0;
            -webkit-border-top-left-radius: 0;
            -webkit-border-top-right-radius: 0;
        }

            .youth .tabs ul li.hi {
                position: relative;
                top: 0;
                padding-top: 5px;
            }

    .youth input[type="text"], .youth input[type="file"], .youth select, .youth textarea {
        width: 80%;
        height: 22px;
    }

    .youth select {
        width: 80%;
        height: 33px;
    }

    .youth textarea {
        width: 80%;
        height: 40px;
    }

    .youth .signin {
        width: 230px;
    }

        .youth .signin input[type="text"], .youth input[type="password"] {
            width: 180px;
        }

    /*** Aside ***/

    aside {
        background: none;
        float: left;
        margin: 0;
        padding: 7px 10px 0 10px;
    }

        aside .newsletter, .resources .tabs, a.hotline {
            display: none;
        }

    .connect {
        background: none;
        padding: 10px 0 0 0;
    }

    .btns {
        background: none;
        border: 1px solid #ccc;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        height: auto;
        margin: 0 0 8px 0;
        padding: 0;
        width: auto;
    }

        .btns li {
            height: auto;
            margin: 0;
            padding: 0;
            width: auto;
        }

            .btns li a {
                background: #cc1d35;
                background: -moz-linear-gradient(#fff, #f5f5f5);
                background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f5f5), to(#fff));
                background: -webkit-linear-gradient(#fff, #f5f5f5);
                background: -o-linear-gradient(#fff, #f5f5f5);
                height: auto;
                padding: 12px;
                width: auto;
            }

        .btns h3 {
            margin: 0;
            padding: 0;
        }

        .btns img {
            display: none;
        }

        .btns .arw {
            display: inline;
        }

        .btns a:hover .arw {
            color: #999;
        }

        .btns .caucus101 a {
            border: 1px solid #ccc;
            border-width: 0 0 1px 0;
        }

        .btns .stawpoll a {
            border: 1px solid #ccc;
            border-width: 0 0 1px 0;
        }

        .btns .safeathome a {
            border: 1px solid #ccc;
            -moz-border-radius: 4px 4px 0 0;
            -webkit-border-radius: 4px 4px 0 0;
            border-radius: 4px 4px 0 0;
            border-width: 0 0 1px 0;
        }

        .btns .how-help a {
            border: 1px solid #ccc;
            border-width: 0 0 1px 0;
        }

        .btns .news-room a {
            border: 1px solid #ccc;
            border-width: 0 0 1px 0;
        }

        .btns .constituent-services a {
            border: none;
            -moz-border-radius: 0 0 4px 4px;
            -webkit-border-radius: 0 0 4px 4px;
            border-radius: 0 0 4px 4px;
        }

    .resources {
        background: none;
        padding: 10px 0 0 0;
    }

    aside .resources h3 {
        margin: 0 0 17px 0;
    }

    /*** Footer ***/

    footer {
        height: auto;
        padding: 17px 20px;
        text-shadow: 0 1px 0 #fff;
    }

        footer .adr {
            margin: 0 0 18px 0;
            width: 100%;
        }

        footer .links {
            float: left;
            text-align: left;
        }
}