/* Placer Elections CSS Document */



/*Color Palette =======================================



dark blue: #1d2a63

dark gray: #666666

sky blue: #046bb9

=======================================================*/



*{margin: 0;padding: 0;}



html, body {

	margin: 0;

	padding: 0;

	

}



body {

	font-size: 12px;

	font-family: Arial, sans-serif;

	color: #333;

}



img {border:0;}



.clear{clear: both; height: 0;}



a {color:  #046bb9; text-decoration: none;}

a:hover{color: #990000; text-decoration: none;}

img.btn {margin: 10px 0 0 18px;}





/* Firefox Specific CSS =====================================*/


/*
@-moz-document url-prefix(){

#nav{position: relative; z-index: 2000;}

#bottomHeader{top: -117px;} 

#container{position: relative;}

#topheader{position: relative;}

#seal div.search {top: -121px;} 



#middleTop{top:0}

#middleBottom ul{position: relative;}



#footer {top: -100px; position: relative;}

#footerContent {top: 0px; position: relative;}



#leftColInside{position: relative; top: 121px;}

#rightCol{position: relative; top: 121px;}



#container{position: relative; top: -121px;overflow: hidden;}



#inside #content{position: relative;  top: -121px; }

}

*/



.search{

	z-index: 100;

	margin: 16px 10px 15px 10px;

	color: #fff;

	text-transform: uppercase;

	font-weight: bold;

	font-size: 11px

}

.search input { color: #fff; padding: 2px; margin: 0 5px 0 10px;}



.searchInput {

	border: 1px solid #ff0000;

	background: #990000;

}



.search ul {

	margin: 0px;

	padding: 0px;

	*padding: 7px 0px 0px 0px;

}



.search ul li {

	float: left;

	list-style: none;

}



.searchButton {

	margin: -1px 0px 0px 0px;

	*margin: 0px;

}





/* Page Structure =====================================*/



#wrapper {

	margin: 0;

	padding: 0;

}

	

#wrapper .inside {}





/* Page Layout ========================================*/



#header{

	position: relative;

	background: url(../images/top-bg.jpg) repeat-x top; 

	height: 326px;

	margin:0;

	padding: 0 0 0 50px;

}



#bottomHeader{

	position: relative;

	width: 1000px;

	margin: 0 auto;

	padding: 0;

	height: 207px;

	z-index: 0 !important;

}

#headerLeft{

	position: relative;

	background: url(../images/header-bg.jpg) right no-repeat;

	height: 207px;

	width: 750px;

	float: left;

	clear: both;

}

#headerLeft h1, #headerLeftInside h1, #headerLeftInside2 h1, #headerLeftInside3 h1, #headerLeftInside4 h1, #headerLeftInside5 h1, #headerLeftInside6 h1, #headerLeftInside7 h1 {
	color: #ffffff;
	font-size: 18px;
	display: block;
	width: 470px;
	padding: 49px 0 0 0;
	border: none;
}

#headerLeftInside, #headerLeftInside2, #headerLeftInside3, #headerLeftInside4, #headerLeftInside5, #headerLeftInside6, #headerLeftInside7{
	position: relative;
	height: 207px;
	width: 750px;
	float: left;
	clear: both;
}

#headerLeftInside {
	background: url(../uploads/images/inside_ph.jpg) right no-repeat;
}

#headerLeftInside2{
	background: url(../uploads/images/header02.jpg) right no-repeat;
}

#headerLeftInside3{
	background: url(../uploads/images/header03.jpg) right no-repeat;
}

#headerLeftInside4{
	background: url(../uploads/images/header04.jpg) right no-repeat;
}

#headerLeftInside5{
	background: url(../uploads/images/header05.jpg) right no-repeat;
}

#headerLeftInside6{
	background: url(../uploads/images/header06.jpg) right no-repeat;
}

#headerLeftInside7{
	background: url(../uploads/images/header07.jpg) right no-repeat;
}


#headerRight{

	position: relative;

	background: url(../images/header-right-bg.jpg) left no-repeat;

	height: 187px;

	width: 220px;

	float: left;

	padding:10px 12px;

	color: #ffffff;

	overflow: visible;

}

#headerRight a{color: #ffffff;}

#headerRight a:hover{color:#acc7ff;}



#headerRight h3 {

	color: #ffffff;

	font-size: 20px;

	padding-bottom: 8px;

}

#headerRight ul{padding: 0 0 0 12px; margin:0px;}

#headerRight ul li {

	list-style-type: none;

	padding: 6px 0;

}



#seal {
	position: absolute;

	height: 125px;

	width: 714px;

	top: -25px;

 	z-index: 600;

	display: inline;
	

}

#seal .search { position: absolute; top: 30px; left: 745px; z-index: 300; width: 300px; *left: 340px;}





#titleBar{

	position: relative;

	width: 1000px;

	height: 67px;

	margin:0 auto;

	padding: 0;

	z-index: 500;

}



#topheader {

	width: 1000px;

	height: 52px;

	margin: 0 auto;

	clear: both;

	padding: 0 0 0 50px;



}





/* Navigation =========================================*/





#nav {

	height: 52px;

	*height: 52px;

	_height: 58px;

	width: 1000px;

	margin: 0 auto;

}



#navMenu {

	padding: 20px 0;

}





#navMenu ul { list-style-type: none; float: right; margin: 0px; padding: 0px;}

#navMenu li {

	list-style-type: none;

	display: inline;

	padding: 0 14px;

	margin: 0 4px 0 0;

	float:left;

	font-size: 14px;

	font-weight: bold;

	color: #333333;

}



#navMenu li a{

	color: #333333;

	text-decoration: none;

	display: block;

	border: 1px solid #000000;

}



#navMenu li a:hover{

	color: #046bb9;

	text-decoration: none;

}



#dropmenudiv {

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

word-spacing:1px;

position:absolute;

border-bottom:1px solid  #D5D3BE;

border-bottom-width: 0;

line-height:18px;

z-index:6000;

}



#dropmenudiv a{

color: #ffffff;

background-color: #0a6faa;

width: 100%;

display: block;

text-indent: 13px;

border-bottom: 1px solid  #075684;

padding: 3px 0;

text-decoration: none;

z-index: 5000;

}



#dropmenudiv a:hover{ /*hover background color*/

background-color: #800000;

color: #ffffff;

}









#breadcrumb {

	padding: 0 0 6px 0;

}





/* Content Area =======================================*/



#container { 

	margin: 0;

	padding: 0;	

	background: url(../images/middle-top-bg.jpg) repeat-x top !important;

	overflow: hidden;

}



#middleTop{

	position: relative;

	width: 1000px;

	height: 273px;

	margin: 0 auto;

	padding: 0 0 30px 50px;

}



#middleTop h3 {

	color: #666666;

	font-size: 14px;

	text-transform: uppercase;

	font-weight: normal;

	padding: 0 0 10px 0;

}

#middleTop h2{

	color: #1d2a63;

	font-size: 30px;

	font-weight: bold;

	padding: 0 0 10px 0;

	letter-spacing: -1px;

}



#middleTop ul {padding: 0 30px 0 0}

#middleTop ul li {

	list-style-type: none;

	display: block;

	padding: 6px 0;

	border-bottom: 1px solid #efefef !important;

	color: #046bb9;

}



#middleContentLeft{

	position: relative;

	margin: 26px 0 0 0;	

	background: url(../images/left-divider.jpg) no-repeat 300px -26px;

	width: 316px;

	float: left;

	height: 100%;

}



#middleContentCenter{

	position: relative;

	margin: 26px 0 0 15px;

	background: url(../images/right-divider.jpg) no-repeat 300px -26px;

	width: 316px;

	float: left;

	height: 100%;

	_padding: 0px 0px 0px 15px;

	_width: 300px;

}



#middleContentRight{

	position: relative;

	margin: 26px 0 0 10px;

	width: 316px;

	float: left;

	height: 100%;

}



#middleBottom{

	position: relative;

	height: 104px;

	margin: 0;

	background: url(../images/middle-top-bg.jpg) repeat-x top;

	padding: 0 0 0 50px;





}



#middleBottom ul {

	margin: 0 auto;

	padding: 30px 0 0 0; 

	width: 1000px;

}



#middleBottom ul li {

	float: left;

	list-style-type: none;

	margin: 0 50px 0 0;

}



#middleBottom h5 {

	color: #666666;

	font-size: 12px;

	text-transform: uppercase;

	font-weight: normal;

	padding: 0 0 10px 0;

}

#middleBottom h4{

	color: #046bb9;

	font-size: 18px;

	font-weight: bold;

	padding: 0 0 10px 0;

	letter-spacing: -1px;

}



#middleBottom li h4 a{color: #046bb9;}

#middleBottom li h4 a:hover{color: #1d2a63;}





/* Inside Pages =================================================*/

#breadcrumb {

	padding: 0 0 6px 0;

}

.leadin {

	color:#7a0026;

	font-size: 18px;

	font-family: Arial, Helvetica, sans-serif;

	padding: 0px;

	margin: 10px 0px;

	letter-spacing: normal;

	border: none;

	line-height: 24px;

}





#content {

	position: relative;

	margin: 0 auto;

	width: 1000px;

	padding-left: 10px;

	clear: left;

}

#leftColInside{

	width: 740px;

	float: left;

	padding: 20px; 

	background: url(../images/left-divider.jpg) no-repeat 760px 0px;

}

#rightCol{width: 210px; float: left; padding: 20px 0px 20px 5px;}





#textNav {

	width: 191px;

	float: right;

	margin: 20px;

}

#textNavTop{background: url(../images/contextual-bg.jpg) no-repeat top; height: 10px; width: 191px;}

#textNavMiddle{

	width: 191px;

	background: url(../images/middle-top-bg.jpg) repeat-x;

	border: 1px solid #c0c0c0;

	padding: 5px;

	font-size: 11px;

}

#textNavBottom{background: url(../images/contextual-bg.jpg) no-repeat bottom; height: 10px; width: 191px;}



#textNav b {

	font-size: 14px;

	font-weight: bold;

	display: block;

	margin: 0px 0px 5px 5px;

}







#textNavMiddle ul {

	padding: 0 0;

	margin: 0 0 0 10px !important; 

}



#textNav ul li {

	list-style: none;

	background: none;

	padding: 2px 0;

	margin: 0px;

}



#textNav ul li a {

	padding: 0px 0px 0px 0px;

	background: none;

	background: url(../images/bullet-gold.jpg) no-repeat 0px 5px;

}



#inlineQuote {

	background: url(../images/subnav-bkgrd.gif) repeat-x;

	border-bottom: 1px solid #cccccc;

	border-top: 1px solid #cccccc;

	margin: 15px 0px;

}



#inlineQuote .quote {

	background: url(../images/endquote.gif) no-repeat right bottom;

	margin: 15px;

	display: block;

}



#inlineQuote p {

	color: #898a77;

	font-size: 24px;

	font-family: Times, Times New Roman, Georgia, serif;

	padding: 5px 0px 5px 10px;

	margin: 0px;

	line-height: 26px !important;

	background: url(../images/startquote.gif) no-repeat;

}





.subNav {

	padding: 0px 0px 0px 20px;

	border-bottom: 1px solid #cccccc;

}



.subNav .title {

	font-size: 18px;

	color: #666666;

	font-family: "Times New Roman", Times, serif;

}



.subNav ul {

	padding: 10px 0px 0px 0px;

	margin: 0px;

}



.subNav ul li {

	padding: 4px 0px 4px 2px;

	list-style: none;

	border-bottom: 1px dotted #dadada;

}



.sidebarCTA {

	background: url(../images/subnav-bkgrd.gif) repeat-x;

}



.sidebarCTA .quote {

	margin: 10px 0px;

	display: block;

	color: #222222;

	

}



.sidebarCTA h4 {

	color: #898a77;

	font-size: 24px;

	font-family: Times, Times New Roman, Georgia, serif;

	padding: 0px;

	margin: 0px;

	font-weight: normal;

}



.sidebarCTA h4 a {

	color: #898a77;

}



.sidebarCTA h4 a:hover {

	color: #036aaf;

}



.sidebarCTA h5 {

	color: #898a77;

	font-size: 17px;

	font-family: Times, Times New Roman, Georgia, serif;

	padding: 0px;

	margin: 0px;

	font-weight: normal;

}



.sidebarCTA p {

	padding: 5px 10px 5px 0px;

}



#sidebarCTALink ul {

	padding: 10px 0px 10px 5px;

	margin: 0px;

}



#sidebarCTALink ul li {

	padding: 0px 0px 0px 15px;

	list-style: none;

	background: url(../images/bullet_blue.gif) no-repeat 0px 5px;

	border-bottom: none;

}





#leftColInside h5 {

	color: #7a0026;

	font-size: 14px;

}







#leftColInside ul {

	margin: 10px 0px;

	line-height: normal;

}







#leftColInside #moreInfo ul li {

	list-style: none;

	background: url(../images/star.gif) no-repeat 0px -3px;

	padding: 0px 0px 0px 25px;

	margin: 0px;

	height: 26px;

	overflow: visible; 

}



#leftColInside p {

	line-height: 18px;

	margin: 10px 0px;

}



#leftColInside ol {

	margin: 10px 0px 0px 35px;

}



#leftColInside ol li {

	padding: 0px 0px 10px 0px;

}



#leftColInside ul {

	margin: 10px 0px 0px 25px;

}



#leftColInside ul li {

	list-style: none;

	background: url(../images/bullet_blue.gif) no-repeat 0px 5px;

	padding: 0px 0px 0px 15px;

	margin: 0px 0px 5px 0px;

}



#leftColInside hr {

	height: 1px;

	border: none;

	border-bottom: 1px dashed #c0c0c0;

}





h1{ 

	color: #1d2a63;

	font-size: 36px;

	letter-spacing: -1px;

	border-bottom: 1px solid #cccccc;

	padding: 10px 0px 5px 0px;

	margin: 10px 0px;



}

h2{

	color: #1d2a63;

	font-size: 24px;

	letter-spacing: -1px;

	padding: 0px 0px 5px 0px;

	margin: 10px 0px;

}

h3{

	

	color: #333333;

	font-size: 20px;

	letter-spacing: -1px;

	margin: 10px 0px;

}



h3.other-things {

	color: #333333 !important;

	font-size: 20px;

	letter-spacing: -1px;

	margin: 10px 0px;

}



h4{

	color: #666666;

	font-size: 16px;

	margin: 10px 0px;

	}

	

	





/* Footer ========================================================*/



#footer {

	margin: 0;

	padding: 25px 0 0 0;

	height: 173px;

	background: url(../images/footer-bg.jpg) repeat-x top;

	clear: both;

}



#footerContent {

	margin: 0 auto;

	color: #acaca9;

	text-align: center;

	width: 1000px; 

}



#footerContent a {color:  #cccccc; text-decoration: none;}

#footerContent a:hover{color: #990000; text-decoration: none;}





#footer h5 {

	font-size: 20px;

	padding: 0 0 10px 0;

}

#footer h6 {

	font-size: 14px;

	padding: 0 0 6px 0;

}

#footnav{

	height: 52px;

	width: 1000px;

	margin: 0 auto;

	background: url(../images/footer-divider.jpg) no-repeat top;

}

#footnavMenu{

	margin: 0 auto;

}

#footnav ul {padding: 20px 0 0 0; text-align: center;}

ul#footnavMenu { list-style-type: none;}

ul#footnavMenu li {

	list-style-type: none;

	display: inline;

	padding: 0 23px;

	margin: 0;

	font-size: 14px;

	font-weight: normal;

	color: #ffffff;

	border-right: 1px solid #a3a3a3;

}



ul#footnavMenu li:last-child{border: none;}



ul#footnavMenu li a{

	color: #ffffff;

}



ul#footnavMenu li a:hover{

	color: #c0c0c0;

	text-decoration: none;

}



.footerStatement{

	color: #a3a3a3;

	font-size: 14px;

	padding: 10px 0 0 0;

	_padding: 0px 0px 0px 0px;



}



.error, .red {

	color: #ff0000;

}



.pdfList {

	padding: 0px 0px 10px 0px;

}



.pdfList ul {

	padding: 0px !important;

	margin: -10px 0px 0px 15px !important;

}



.pdfList ul li {

	background: none !important;

}



.pdfIcon {

	background: url(../images/pdfIcon.gif) no-repeat;

	padding: 0px 0px 4px 25px;

}



.ieIcon {

	background: url(../images/ieIcon.jpg) no-repeat;

	padding: 0px 0px 4px 25px;

}



.txtIcon {

	background: url(../images/textIcon.jpg) no-repeat;

	padding: 0px 0px 4px 25px;

}



.electionResultTable {

	border:1px dashed #0c4e8b;

	padding: 10px;

}



.electionResultTable hr {

	height: 1px;

	border: none;

	border-bottom: 1px solid #999999;

}



.electionResultTable h3 {

	margin: 0px;

	padding: 0px;

}



.backToTop div	{

}



.backToTop a	{

	display: block;

	float: right;

	border:1px solid #e3e3e3;

	width: 75px;

	color: #0187e0;

	text-decoration: none;

	background: url(../images/uparrow-icon.gif) no-repeat 10px 7px;

	padding: 3px 0px 3px 25px;

	margin: 0px 0px 10px 0px;

}



.backToTop a:hover	{

	background-color: #e4f4ff;

	border: 1px dashed #b3d4ea;

}



.clearRight {

	clear: right;

}



.infoTable td {

	border-bottom: 1px solid #eaeaea;

	padding: 3px 0;

}



.infoTable strong {

	display: block;

	padding-right: 8px;

}



/*======================================================*/

#page

{

	width: 100%;

}

#header2, #footer2 {

	clear: both;

	width: 100%;

	color: #000000;

	font-weight: bold;

	font-size:  12px;

	padding: 5px 0px 5px 0px;

}

#header2 span {

	color: #333333 !important;

	font-size: 20px !important;

	letter-spacing: -1px;

	font-weight: bold;

	margin: 10px 0px !important;

}



#input 

{

	float: left;

	width: 180px;

	height: 700px;

	padding: 0px 20px 0px 0px;

	font-weight: bold;

	font-size:  12px;

}



#input input, #input select {

	margin: 3px 0px 10px 0px;

}



#districts

{

	float: left;

	width: 320px;

	height: 460px;

	padding: 10px;

	font-weight: bold;

	font-size:  10px;

	margin: 0px 0px 20px 0px;

	border:1px solid #c0c0c0;

}



#districts h3 {

	font-size: 12px;

	font-weight: normal;

	padding: 0px;

	margin: 3px 0px;

	letter-spacing: normal;

}





#incumbents

{

	float: left;

	width: 320px;

	height: 475px;

	padding: 10px;

	font-weight: bold;

	font-size: 10px;

	border:1px solid #c0c0c0;

}



#incumbents h3 {

	font-size: 16px;

	margin: 3px 0px;

}



#incumbents p {

	margin: 0px;

	padding: 3px 0px 4px 0px;

	font-size: 12px;

	font-weight: normal;

}





#BulletedList1

{	list-style-type: none;

	color: #fff;

	margin-left: 10px;

}

#BulletedList1 a

{ 	display: block;

	color: #666;

	text-decoration: none;

	line-height: 1.5;

}

#BulletedList1 a:hover

{

	Color: #000;

}







h1.ListHead

{

	color: #1d2a63 !important;

	font-weight: bold;

	

}

#Label6

{

	margin-bottom: 10px;

}

#Button1

{

}

#page h1

{color: #7a0026;

	margin: 0;

	text-indent: -10pt;

	padding-left: 10pt;

	font-size: 18px;

	line-height: 16pt;

}



#ballotStatus span {

	font-weight: normal !important;

	font-size: 12px;

	font-family: Arial, sans-serif;

	color: #333 !important;

}



#ballotStatus input, #ballotStatus textarea {

	color: #333 !important;

}