﻿html{
	
}
body{
	background-image:url('../images/new/bkgrnd.jpg');
	background-repeat: repeat;
	background-color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	margin: 15px 0px 0px 0px;
	padding:0;
}

.multiPage {
     display: -moz-inline-box;
     display: inline-block;
     position: relative;
     margin: 0px -7px -4px -3px;

}

.exampleWrapper {
     float: left;
     min-height: 203px;
     max-width: 800px;
     width:775px;
     margin-bottom: 20px;

}

.quicklinks {
    font-size: 176%;
    font-weight: bold;
    margin: 35px 0 -9px;
}

.tabStrip{
	background-color:#1f1f58;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin: 10px 10px 10px 10px;
	color:White;
	height: 30px;
	width:175px;
}
.tabStrip a{
	color:White;
}

.tabStripSelected{
	background-color:#81021D;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin: 10px 10px 10px 10px;
	color:Navy;
	height: 30px;
	width:175px;
}
.tabStripSelected a{
	color:Navy;
}

.topbar{
	width: 1072px;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	background-color: white;
	margin: 0 auto;
	padding: 0px 0 0 0;
	height: 26px;
}
.topbar-float-right{
	float: right;
	margin: 1px 0 0 0;
}
.topbar-float-left{
	float: left;
	margin: 1px 5px 0 5px;
}
.main-header{
	background-image:url('../images/new/hdr-bk.jpg');
	background-repeat: repeat;
	width: 1072px;
	height: 111px;
	border-top: 0px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	margin: 0 auto;
}
.main-header-float-right{
	float: right;
	margin: 7px 10px 0 0;
}
.main-header-float-left{
	float: left;
	margin: 0px 0 0 0;
}
.mainlinkbar{
	background-image:url('../images/new/mainlink-bk.jpg');
	background-repeat: repeat;
	width: 1088px;
	height: 33px;
	border-top: 0px solid black;
	border-left: 0px solid black;
	border-right: 0px solid black;
	margin: 0 auto;
}
.mainlinkbar-shadows-left{
	background-image:url('../images/new/side-bar-shadow-lft.png');
	background-repeat: no-repeat;
	width: 8px;
	height: 8px;
	float:left;
}
.mainlinkbar-shadows-right{
	background-image:url('../images/new/side-bar-shadow-rght.png');
	background-repeat: no-repeat;
	width: 8px;
	height: 8px;
	float:right;
}

.links{
	float:left;
	color: white;
	padding: 8px 0 0 18px;
	margin: 0 auto;
}
.maroonlink{
	float:left;
	color: #990000;
	padding: 8px 0 0 18px;
	margin: 0 auto;
}
.search{
	float:right;
	color: white;
	width: 220px;
	padding: 5px 10px 0 0px;
	margin: 0 auto;
}
.search p{
	color: white;
	padding: 5px 10px 0 0px;
	margin: 0 auto;
}

.content-wrapper{
	background-image:url('../images/new/side-bars-bk.png');
	background-repeat: repeat-y;
	width: 1088px;
	padding: 0px 0px 10px 0px;
	margin: 0 auto;
}

.content-wrapper-left{
	background-image:url('../images/new/side-bars-left-bk.png');
	background-repeat: repeat-y;
	width: 1088px;
	padding: 0px 0px 10px 0px;
	margin: 0 auto;
}

.content-wrapper-right{
	background-image:url('../images/new/side-bars-right-bk.png');
	background-repeat: repeat-y;
	width: 1088px;
	padding: 0px 0px 10px 0px;
	margin: 0 auto;
}

.left-column{
	float: left;
	width: 233px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
}
.content{
	float: left;
	width: 602px;
	margin: 0 auto;
	padding: 0px 10px 10px 10px;
}
.contentOnlyLeft{
	float: left;
	width: 826px;
	margin: 0px 0px -10px 0px;
	padding: 0px 10px 0px 10px;
	border-right: 1px solid #1f1f58;
}
.contentOnlyRight{
	float: left;
	width: 826px;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 18px;
	border-left: 1px solid #1f1f58;
    text-align: center
}
.contentNoSides{
	width: 1052px;
	margin: 0 auto;
	padding: 10px 10px 10px 10px;
	border-left: 1px solid #1f1f58;
	border-right: 1px solid #1f1f58
}
.right-column{
	float: left;
	width: 233px;
	margin: 0 auto;
}
.voices-logo{
	margin: 5px 0px 10px 6px;
}
.footer-top{
	background-image:url('../images/new/mainlink-bk.jpg');
	background-repeat: repeat;
	width: 1088px;
	height: 33px;
	margin: 0 auto;

}
.footer{
	width: 1072px;
	height: 53px;
	margin: 0 auto;
	background-color: white;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;

}
.footer-top-shadow{
	background-image:url('../images/new/footer-bk.png');
	background-repeat: no-repeat;
	height: 8px;
	width: 1088px;
	margin: 0 auto;
}
.footer-top-shadow-float-right{
	float: right;
	margin: 0px 0px 0 0;
}
.footer-top-shadow-float-left{
	float: left;
	margin: 0px 0 0 0;
}
.footer-float-right{
	float: right;
	margin: 5px 15px 0 0;
}
.footer-float-left{
	float: left;
	margin: 5px 0 0 15px;
}

/*This Begins the Voter Information Portal CSS*/

.black-box{
	width: 45px;
	height: 20px;
	margin: 0 auto;
	padding: 0;

}
.black-box img{
	margin: 0 auto;
	padding: 0px 0px 0 12px;
}
.maintab{
	background-image:url('../images/new/mainlink-bk.jpg');
	background-repeat: repeat;
	height: 33px;
	width: 600px;
}
.maintab p{
	font-size: 16pt;
	color: white;
	font-weight: bold;
	text-align: center;
	padding: 3px 0 0 0;
}
.maintab img{
	float: right;
	margin: 0 auto;
	padding: 9px 10px 0 0;
}






/*This Ends the Voter Information Portal CSS*/


.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: bold;
	margin: 10px 0px 10px 0px;
	padding:0;
	color: #040548;
	text-align: center;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	margin: 8px 0px 8px 0px;
	padding:0;
	color: #2E7019;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	margin: 8px 0px 8px 0px;
	padding:0;
	color: #2E7019;
}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	margin: 3px 0px 3px 150px;
	padding:0;
	color: #FFFFFF;
}
h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	margin: 20px 0px 3px 150px;
	padding:0;
	color: #999999;
}
input.button {
right:20px;
bottom:20px;
margin: 5px 0 0 0;
font-weight: bold;
background-color: #770119;
color:#fff;
font-family: Arial;
border: 2px solid #000;
text-align: center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
input.button-search {
width:30px;
margin: 0px 0 0 0;
padding: 0px 2px 0px 0px;
font-weight: bold;
background-color: #1F1F58;
color:#fff;
font-family: Arial;
height:22px;
border: 0px solid #000;
text-align: center;
}

input.button:hover {
background-color: #1F1F58;
color:#fff;
}
input.button-search:hover {
background-color: #BBBBBB;
color:#fff;
}

input.text    {
width:75px;
display:block;
border: 1px solid #999;
height: 25px;
padding: 0px 5px 0px 5px;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

input.text-search    {
width:130px;
display:block;
border: 0px solid #999;
height: 22px;
padding: 0px 5px 0px 5px;
margin: 0 auto;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}


hr{
	border-top: 3px dashed #E9BF18;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	width: 100%;
	text-align: left;
	margin: 10px 0px 10px 0px;
	padding: 0;

}

a:link {
	color: #2E7019;
	text-decoration: none;
}
a:visited {
	color: #2E7019;
	text-decoration: none;
}
a:hover {
	color: #2E7019;
	text-decoration: none;
}
a:active {
	color: #2E7019;
	text-decoration: none;
}

.bluelinks a:link {
	color: #1d60ff !important;
	text-decoration: none;
}
.bluelinks a:visited {
	color: #1d60ff !important;
	text-decoration: none;
}
.bluelinks a:hover {
	color: #1d60ff !important;
	text-decoration:underline;
}
.bluelinks a:active {
	color: #1d60ff !important;
	text-decoration: none;
}
.whitelinks a:link {
	color: #FFF;
	text-decoration: none;
}
.whitelinks a:visited {
	color: #FFF;
	text-decoration: none;
}
.whitelinks a:hover {
	color: #FFF;
	border-bottom: 3px solid #fff;
}
.whitelinks a:active {
	color: #FFF;
	text-decoration: none;
}

.maroonlinks a:link {
	color: #990000;
    text-decoration:underline
}
.maroonlinks a:visited {
	color: #990000;
    text-decoration:underline
}
.maroonlinks a:hover {
	color: #990000;
	border-bottom: 3px solid #fff;
}
.maroonlinks a:active {
	color: #990000;
    text-decoration:underline
}

.regularText
{
    position: relative;
    margin: 0px;
    padding: 0px;
    color: #000000;
    width: 100%;
    font-size: 12pt;
    top: 0px;
    left: 1px;
}

.regularTextFixed
{
    position:static;
    margin: 0px;
    padding: 0px;
    color: #000000;
    width: 100%;
    font-size: 12pt;
}

.regularTextBold
{
    position: relative;
    margin: 0px;
    padding: 0px;
    color: #000000;
    font-size: 12pt;
    top: 0px;
    left: 0px;
}

.regularTextError
{
    position: relative;
    margin: 0px;
    padding: 0px;
    color: red;
    width: 100%;
    font-size: 12pt;
}

.divGray
{
	 border-color:Black;
	 border-width:thin;
	 background-color:Gray;	
	 width:100%;
}

.divElection
{
	 border-color:Black;
	 border-width:thin;
	 background-color:transparent;	
	 text-align:center;
	 width:100%;
}

.bigButton
{
	font-weight:bold;
	font-size:x-large;
	background-color:Green;
	color:White;
}

.lblRace
{
    position: relative;
    margin: 0px;
    padding: 0px;
    color: #000000;
    width: 100%;
    font-size:x-large;
}

.lblVoteFor
{
    position: relative;
    margin: 0px;
    padding: 0px;
    color: #000000;
    width: 100%;
    font-size:large;
}

.lblCandidate
{
    position: relative;
    margin: 0px;
    padding: 0px;
    color: #000000;
    width: 100%;
    font-size:large;
}

.itemNormal
{
	background-color:LightGray;
	color:Black;
	font-size:small
}

.itemNormal:hover
{
	background-color:White;
	color:Black;
	font-size:small	
}

