/*** 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(/img/state.png) 50% 0 no-repeat; }

body {
background: url(/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(/img/btn.png) 0 0 no-repeat;
display: inline-block;
height: 26px;
padding: 0 0 0 20px; }

a.btn strong {
background: url(/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(/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; }

/*** Header ***/

header {
background: #eee url(/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(/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: 953px; }

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

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

ul#primary li a {
background: url(/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(/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;
border-radius: 0 0 4px 4px;
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(/img/hr.png) 50% 0 no-repeat;
clear: both;
height: 8px;
padding: 0 0 10px 0; }

section .pin {
background: url(/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(/img/print.png) 0 50% no-repeat;
padding: 1px 0 1px 22px;}

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

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

section a.excel {
background: url(/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; }

/*** Section - Banner ***/

.banner {
background: url(/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;}

.slides {
height: 279px;
position: relative;
width: 610px;}

.slides div {
display: none;
height: 264px;
left: 0;
padding: 15px 407px 0 12px;
position: absolute;
top: 0;
width: 191px;}

.slides div:hover {
cursor:pointer;}

.slides h2 a {
font: 22px/26px Georgia, "Times New Roman", Times, serif; }

.slides a.slide-btn {
background: url(/img/slide-btn.png) 0 0 no-repeat;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: bold;
height: 26px;
line-height: 26px;
margin: 5px 0 0 0;
padding: 0 0 0 20px;
text-decoration: none;
text-shadow: 0 -1px 0 #570013;
text-transform: uppercase;
width: 78px; }

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

.slide-ab {
background: url(/img/slide-ab.jpg) 0 0 no-repeat; }

.slide-specialelectionresults {
background: url(/img/slide-specialelectionresults.jpg) 0 0 no-repeat; }

.slide-priminfo {
background: url(/img/slide-priminfo.jpg) 0 0 no-repeat; }

.slide-gen {
background: url(/img/slide-gen.jpg) 0 0 no-repeat; }

.slide-electionresults {
background: url(/img/slide-electionresults.jpg) 0 0 no-repeat; }

.slide-primaryelectionresults {
background: url(/img/slide-primaryelectionresults.jpg) 0 0 no-repeat; }

.slide-hav {
background: url(/img/slide-mv.jpg) 0 0 no-repeat; }

.slide-ri {
background: url(/img/slide-ri.jpg) 0 0 no-repeat; }

.slide-sos {
background: url(/img/slide-sos.png) 0 0 no-repeat; }

.slide-4 {
background: url(/img/slide-4.jpg) 0 0 no-repeat; }

.slide-cp {
background: url(/img/slide-cp.jpg) 0 0 no-repeat; }

.slide-cyd {
background: url(/img/slide-cyd.jpg) 0 0 no-repeat; }

.slide-me {
background: url(/img/slide-me.jpg) 0 0 no-repeat; }

.slide-mc {
background: url(/img/slide-mc.jpg) 0 0 no-repeat; }

.slide-constitution {
background: url(/img/slide-constitution.jpg) 0 0 no-repeat; }

.slide-boyscouts {
background: url(/img/slide-boyscouts.png) 0 0 no-repeat; }

.slide-startabusiness {
background: url(/img/slide-startabusiness.jpg) 0 0 no-repeat; }

/*


.slide-3 {
background: url(/img/slide-3.jpg) 0 0 no-repeat; }

.slide-PER {
background: url(/img/slide-PER.jpg) 0 0 no-repeat; }

.slide-vid {
background: url(/img/slide-vid.jpg) 0 0 no-repeat; }
*/

.dots {
bottom: 12px;
clear: both;
position: absolute;
right: 12px; } 

.dots a {
background: url(/img/dots.png) 0 0 no-repeat;
display: block;
float: left;
height: 8px;
margin: 0 2px;
overflow: hidden;
width: 8px; }

.dots a:hover {
background-position: 0 -8px; }

.dots a.current {
background-position: 0 -16px; } 	

/*** 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(/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-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(/img/bx.png) 0 100% no-repeat;
padding: 0 12px 17px 12px; }

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

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

.bx-third-top {
background: url(/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(/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(/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(/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(/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(/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(/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);}

/*** 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(/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(/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(/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: 158px;
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(/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(/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; }


/*=======================================================================
    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(/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(/img/aside-hr.png) 50% 100% no-repeat;
margin: 17px 10px 0 10px;
padding: 0 0 10px 0; }

section .hr {
background: url(/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 {
display: none; }

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

.features li {
float: none;
height: auto;
margin: 0;
width: auto; }

.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 h3 {
margin: 0;
padding: 0; }

.features img {
display: none; }

.features .arw {
display: inline; }

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

}