html, body {
    -webkit-text-size-adjust: none;
    font-size: 100%;
    font-family: 'Lato', sans-serif;
    margin: 0 auto;
}

.top-header {
    background-image: url('../images/header-bk.jpg');
    background-repeat: repeat-x;
    height: 127px;
    width: 100%;
    margin: 0 auto;
}

.header-leftcol {
    margin: 0 auto;
    padding: 0;
    width: 603px;
    position: relative;
    z-index: 1;
    height: 127px;
}

.header-rightcol {
    margin: 0 auto;
    padding: 0;
    position: absolute;
    z-index: 0;
    right: 0;
    height: 127px;
}

.mobile-header {
    visibility: hidden;
    margin: 0 auto;
    padding: 0;
    width: 603px;
    height: 0px;
    position: relative;
    z-index: 1;
}

.date {
    background-color: #58501F;
    margin: 0 auto;
    padding: 0 0 0 0;
}

    .date h1 {
        font-size: 1.5em;
        color: white;
        margin: 0 0 10px 0;
        padding: 0;
        text-align: center;
    }

.mainbar-background {
    background-color: #58501F;
    width: 100%;
    height: 105px;
    margin: 0 auto;
    color: white;
    padding: 10px 0 0 0;
}

.container {
    margin: 0 auto;
    max-width: 1650px;
    padding: 0 0 0 0;
}

.mainbar-left {
    font-size: .850em;
    width: 37%;
    margin: 0 auto;
    text-align: center;
}

.mainbar-center {
    font-size: .850em;
    width: 37%;
    margin: 0 auto;
    text-align: center;
}

.mainbar-right {
    font-size: .850em;
    width: 20%;
    text-align: center;
    border: 1px solid #A0932F;
    height: 32px;
    padding-top: 15px;
}

.sublinks {
    font-size: .875em;
    margin: 0 auto;
    text-align: right;
    padding: 15px 25px 15px 5px;
    max-width: 1500px;
}

.content-boxleft {
    width: 30%;
    min-height: 400px;
    border: 1px solid #58501F;
    padding: 10px 10px 10px 10px;
    background-color: #E7E0CB;
}

.content-boxcenter {
    width: 30%;
    min-height: 400px;
    border: 1px solid #58501F;
    padding: 10px 10px 10px 10px;
    background-color: #E2DAC0;
}

.content-boxright {
    width: 30%;
    min-height: 400px;
    border: 1px solid #58501F;
    padding: 10px 10px 10px 10px;
    background-color: #C9B989;
}

.content-insideleft {
    width: 18%;
    max-width: 300px;
    margin: 0 auto;
    text-align: left;
    background-color: #C3BCA9;
    border-radius: 0px 15px 15px 0;
}

    .content-insideleft h1 {
        font-size: 1em;
        font-weight: bold;
        margin: 3px 0px 3px 10px;
        text-align: left;
        text-transform: uppercase;
    }

.content-insideright {
    width: 80%;
    margin: 0 auto;
    text-align: left;
}

.content-insiderighthome {
    width: 100%;
    margin: 0 auto;
    text-align: left;
}

.precinctsreporting {
    background-color: Lime;
    height: 15px;
    float: left;
    text-align: center;
}

.precinctspartialreporting {
    background-color: Yellow;
    height: 15px;
    float: left;
    text-align: center;
}

h1 {
    font-size: 1.2em;
    font-weight: bold;
    margin: 0px 10px 5px 0px;
}

h2 {
    font-size: 1em;
    font-weight: bold;
    margin: 0px 10px 5px 0px;
}

h3 {
    font-size: 1.5em;
    color: red;
    font-weight: bold;
    margin: 0 0 0 0;
    text-align: center;
}

p {
    padding: 5px 0px 5px 0px;
    margin: 0 auto;
}

ul li {
    list-style-image: url('../images/bullet.jpg');
    padding: 0;
    margin-right: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
}

hr {
    width: 100%;
}
/*  SECTIONS  */
.section {
    clear: both;
    padding: 0px;
    margin: 0px;
}

/*  COLUMN SETUP  */
.col {
    display: block;
    float: left;
    margin: 0 0 0 5px;
}

.col-boxes {
    display: block;
    float: left;
    margin: 5px 2px 5px 8px;
}

.col:first-child {
    margin-left: 0;
}


/*  GROUPING  */
.group:before,
.group:after {
    content: "";
    display: table;
}

.group:after {
    clear: both;
}

.group {
    zoom: 1; /* For IE 6/7 */
}

/*Grid Styles*/
.grid-wrapper{
	background-color:#D3D3D3;
	padding:5px 5px 5px 5px;
    border: solid;
    border-width:thin;
	margin:0 auto;
}
.grid-wrapper-recount{
	background-color: yellow;
	padding:5px 5px 5px 5px;
    border: solid;
    border-width:thin;
	margin:0 auto;
}
.grid-column {
	font-family:Arial, Helvetica, sans-serif;
	width: 49.2%;
	margin:0 auto;
}
.grid-column h1{
	font-size:1.5em;
	font-weight:bold;
	margin:3px 0px 3px 0px;
}
.grid-column p{
	font-size:.775em;
	margin:3px 0px 6px 0px;
}
.grid-fullreport{
	width: auto;
	border:1px solid #999999;
	border-radius:7px;
	background-color:#C0C0C0;
	padding:5px;
}
.grid-partreport{
	width: auto;
	border:1px solid #999999;
	border-radius:7px;
	background-color:#C0C0C0;
	padding:5px;
}
.grid-countylevelresults{
	width: 125px;
	margin:0 auto;
	border:1px solid #999999;
	border-radius:7px;
	background-color:#E7E0CB;
	padding:5px;
    text-align:center;
    margin-bottom: 8px;
    margin-top: 3px;
}
.grid-viewmap{
	width: 125px;
	margin:0 auto;
	border:1px solid #999999;
	border-radius:7px;
	background-color:#E7E0CB;
	padding:5px;
    text-align:center;
    margin-bottom: 3px;
}
.twitter{
	width:100%;
	margin:0 auto;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 800px) {
    .col {
        margin: 0% 0 0px 0%;
    }

    .col-boxes {
        display: block;
        float: left;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 800px) {

    h1 {
        font-size: 1.2em;
        font-weight: bold;
        margin: 5px 10px 5px 10px;
    }

    h2 {
        font-size: 1em;
        font-weight: bold;
        margin: 5px 10px 5px 10px;
    }

    p {
        padding: 5px 0px 5px 10px;
        margin: 0 auto;
    }

    .top-header {
        background-image: url('../images/header-bk.jpg');
        background-repeat: repeat-x;
        height: 127px;
        width: 100%;
        margin: 0 auto;
    }

    .header-leftcol {
        margin: 0 auto;
        padding: 0;
        width: 100%;
        position: relative;
        z-index: 1;
        display: none;
    }

    .header-rightcol {
        margin: 0 auto;
        padding: 0;
        position: absolute;
        z-index: 0;
        right: 0;
    }

    .mobile-header {
        margin: 0 auto;
        padding: 0;
        width: 100%;
        position: relative;
        z-index: 1;
        visibility: visible;
    }

        .mobile-header h1 {
            font-family: Georgia, "Times New Roman", Times, serif;
            margin: 30px 0 0 100px;
            padding: 0;
            font-size: 1.2em;
            font-weight: normal;
            line-height: 100%;
            color: white;
            position: absolute;
            top: 0;
        }

        .mobile-header h2 {
            margin: 75px 0 0 100px;
            padding: 0;
            font-size: .875em;
            color: #D1C57C;
            position: absolute;
            top: 0;
        }

    .date h1 {
        font-size: 1.2em;
        color: white;
        margin: 0 0 10px 0;
        padding: 0;
        text-align: center;
        line-height: 100%;
    }

    .container {
        margin: 0 auto;
        width: 100%;
        height: auto;
    }

    .mainbar-background {
        background-color: #58501F;
        height: 190px;
        margin: 0 auto;
        color: white;
        padding: 10px 0 0 0;
    }

    .mainbar-left {
        font-size: .775em;
        width: 100%;
        height: auto;
        margin: 0 auto;
        text-align: center;
    }

    .mainbar-center {
        font-size: .775em;
        width: 100%;
        height: auto;
        margin: 0 auto;
        text-align: center;
    }

    .mainbar-right {
        font-size: .775em;
        width: 100%;
        height: auto;
        text-align: center;
        border: 0px solid #A0932F;
        height: 32px;
        padding-top: 15px;
    }

    .sublinks {
        font-size: .875em;
        margin: 0 auto;
        text-align: center;
        padding: 5px 5px 5px 5px;
    }

    .content-boxleft {
        width: 100%;
        min-height: inherit;
        height: auto;
        border: 0px solid #58501F;
        padding: 0;
    }

    .content-boxcenter {
        width: 100%;
        min-height: inherit;
        height: auto;
        border: 0px solid #58501F;
        padding: 0;
    }

    .content-boxright {
        width: 100%;
        min-height: inherit;
        height: auto;
        border: 0px solid #58501F;
        padding: 0;
    }

    .content-insideleft {
        width: 100%;
        max-width: none;
        margin: 0 auto;
        text-align: left;
        background-color: #C3BCA9;
        border-radius: 0px 0px 0px 0;
    }

    .content-insideright {
        width: 100%;
        margin: 0 auto;
        text-align: left;
    }

    /*Grid Styles*/
.grid-wrapper{
	background-color:#D3D3D3;
	padding:5px 0px 5px 0px;
    border: solid;
    border-width:thin;
	margin:0 auto;
}

.grid-wrapper-recount{
	background-color:yellow;
	padding:5px 0px 5px 0px;
    border: solid;
    border-width:thin;
	margin:0 auto;
}

.grid-column h1{
	font-size:1.3em;
	font-weight:bold;
	margin:3px 0px 3px 0px;
}
.grid-column {
	width: 100%;
	text-align:center;
}
.grid-fullreport{
	width: 100%;
	border-radius:0px;
	border:0px solid #999999;
	background-color:#C0C0C0;
	padding:5px 0px 5px 0px;
	border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
}
.grid-partreport{
	width: 100%;
	border-radius:0px;
	border:0px solid #999999;
	background-color:#C0C0C0;
	padding:5px 0px 5px 0px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
.grid-countylevelresults{
	width: 125px;
	margin:0 auto;
	border:1px solid #999999;
	border-radius:7px;
	background-color:#E7E0CB;
	padding:5px;
    text-align:center;
    margin-bottom: 3px;
    margin-top: 3px;
}
.grid-viewmap{
	width: 125px;
	margin:0 auto;
	border:1px solid #999999;
	border-radius:7px;
	background-color:#E7E0CB;
	padding:5px;
    text-align:center;
    margin-bottom: 3px;
}


}



a:link {
    color: #000;
    text-decoration: none;
}

a:visited {
    color: #000;
    text-decoration: none;
}

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

a:active {
    color: #000;
    text-decoration: none;
}

.whitelinks a:link {
    color: #FFF;
    text-decoration: underline;
    padding: 0;
    font-size: .775em;
}

.whitelinks a:visited {
    color: #FFF;
    text-decoration: underline;
}

.whitelinks a:hover {
    color: #FFF;
    text-decoration: none;
}

.whitelinks a:active {
    color: #FFF;
    text-decoration: underline;
}

.whitelinks-booking a:link {
    color: #FFF;
    text-decoration: none;
    display: block;
    padding: 5px 5px 5px 5px;
}

.whitelinks-booking a:visited {
    color: #FFF;
    text-decoration: none;
}

.whitelinks-booking a:hover {
    color: #007575;
    text-decoration: none;
}

.whitelinks-booking a:active {
    color: #FFF;
    text-decoration: none;
}

.grids{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:.875em;
}

.grids h1{
	font-size:1.4em;
	font-weight:bold;
	margin:3px 0px 3px 0px;
}

.grids-box{
	border:1px solid black;
	padding:5px;
	width:150px;
	background-color:#58501F;
	color:white;
}

.grids p{
	margin:4px 0px 4px 0px;
}

.hidden
{
    display: none;
}

.dem
{
    background-color: Blue;
    height: 15px;
}

.demmap
{
    background-color: #314C9C;
    height: 15px;
}

.rep
{
    background-color: Red;
    height: 15px;
}

.repmap
{
    background-color: #A10000;
    height: 15px;
}

.con
{
    background-color: Olive;
    height: 15px;
}

.conmap
{
    background-color: #009933;
    height: 15px;
}

.ind
{
    background-color: #9999ff;
    height: 15px;
}

.indmap
{
    background-color: #FFCC00;
    height: 15px;
}

.lib
{
    background-color: #9999ff;
    height: 15px;
}

.libmap
{
    background-color: #FFCC00;
    height: 15px;
}
.otherbar
{
    background-color: #ffc72c;
    height: 15px;
}

.non
{
    background-color: Green;
    height: 15px;
}

.yes
{
    background-color: #3333FF;
    height: 15px;
}

.no
{
    background-color: #ffff00;
    height: 15px;
}