@charset "utf-8";
/* CSS Document */

html, body {
	height: 100%;
}
body {
	background: url(/images/assets/site-bg.jpg) top no-repeat;
	margin: 0;
}
a img {
	border: none;
}

h1 {
	font-size: 16px;
	}

#container {
	width: 829px;
	margin: 0 auto;
	position: relative;
	min-height: 610px;
	background: #ffffff;
}
#topbar {
	display: block;
	width: 829px;
	height: 100px;
	position: relative;
}
#topbar #donate {
	position: absolute;
	height: 35px;
	width: 141px;
	top: 0;
	right: 10px;
}
#topbar #contact {
	position: absolute;
	width: 79px;
	height: 15px;
	top: 10px;
	right: 161px;
}
#topbar #searchbox {
	position: absolute;
	top: 45px;
	right: 0;
	padding: 0;
}

#searchbox input[type="text"]{
	background: url(/images/assets/search-bg.png) no-repeat;
	border: none;
	width: 129px;
	height: 21px;
	padding: 0 15px 10px 10px;
	margin: 0;
	color: #a7a9ac;
	font-weight: bold;
	}

#logo {
	position: absolute;
	height: 197px;
	width: 196px;
	top: 10px;
	left: -88px;
}
#header {
	width: 829px;
	height: 145px;
	display: block;
	float: left;
	background: url(/images/assets/header.jpg) no-repeat;
}

#header a {
	width: 829px;
	height: 105px;
	display: block;
	}

#header a h2 {
	margin: 0;
	padding: 0;
	display: none;
	}

	
#navigation {
	display: block;
	height: 40px;
	width: 829px;
	padding-top: 0;
}

#navigation ul {
	list-style: none;
	padding: 0 0 0 3px;
	margin: 0;
	display: block;
}
#navigation ul li {
	display: inline;
	padding: 0;
	width: 166px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	width: 165px;
	display: block;
	float: left;
}
#navigation ul li a {
	width: 165px;
	height: 40px;
	display: block;
	background: url(/images/assets/nav-bg.png) 0 0 no-repeat;
	color: #ffffff;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: .8em;
	text-transform: uppercase;
}
#navigation ul li a:hover, #navigation ul li a.active {
	background: url(/images/assets/nav-bg.png) 0 -40px no-repeat;
}
#navigation ul li a.last {
	background: url(/images/assets/nav-bg.png) 2px 0 no-repeat;
}
#navigation ul li a:hover.last, #navigation ul li a.active {
	background: url(/images/assets/nav-bg.png) 0 -40px no-repeat;
}
#content-wrapper {
	width: 829px;
	min-height: 600px;
	display: block;
	float: left;
	position: relative;
}
#sidenav {
	padding: 20px 0 0 0;
	float: left;
	width: 213px;
	min-height: 400px;
	display: block;
	height: auto;
	background: #ffffff /* url(/images/assets/sidenav-bg.png) bottom no-repeat*/;
}
#sidenav.home {
	padding: 20px 0 0 0;
	background: none;
	border-right: none;
	width: 213px;
	float: left;
	height: inherit;
}

#sidenav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#sidenav ul li {
	padding: 14px 0;
	}
	
#sidenav ul li.active {
	background: url(images/assets/subnav-star.png) no-repeat left;
	}
	
#sidenav ul li a {
	text-decoration: none;
	color: #22305e;
	letter-spacing: normal;
	font-size: 14px;
	padding: 0 0 0 34px;
	width: 179px;
	display: block;
	}
	
#sidenav ul li a:hover {
	color: #ab1514;
	}

#sidenav ul li a.active {
	color: #ab1514;
	}

#sidenav ul.homenav {
	list-style: none;
	padding: 0;
	margin: 0;
}
#sidenav ul.homenav li {
	width: 213px;
	text-align: center;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	background: url(/images/assets/button-divider.png) bottom no-repeat;
}

#sidenav ul.homenav li a {
	text-decoration: none;
	padding: 0;
	width: 213px;
	}
	
#sidenav ul.icons {
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	background: url(/images/assets/button-divider.png) bottom no-repeat;
	list-style: none;
	width: 213px;
	text-align: center;
}
#sidenav ul.icons li {
	display: inline;
	width: 35px;
	text-align: center;
	background: none;
	padding: 0 5px 0 5px;
}

#sidenav ul.icons li a {
	display: inline;
	padding: 0;
	margin: 0;
}

#sidenav #homepage-map {
	width: 213px;
	display: block;
	text-align: center;
}

#content {
	width: 574px;
	display: block;
	height: auto;
	min-height: 500px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5b5b5b;
	float: right;
	padding: 20px 20px 20px 20px;
	border-left: solid 2px #a11516;
}

#content iframe {
	padding-top: 20px;
	}

#content.wide {
	width: 679px;
	min-height: 600px;
	overflow: hidden;
	padding-left: 150px;
	border-left: none;
	}
	
#content.flash {
	width: 100%;
	padding: 0 0 20px 0;
	border-left: none;
	}
	
#content.details {
	width: 789px;
	min-height: 600px;
	padding: 20px 40px 20px 40px;
	display: block;
	float: left;
	border-left: none;
	}
	
#content.press-releases h1 {
	color: #a11415;
	padding: 0;
	margin: 0;
	}
	
#content.press-releases h2 {
	padding: 0;
	margin: 0;
	}
	
#content.press-releases h2 a img {
	text-decoration: underline;
	padding: 0;
	margin: 0;
	}
	
#content.press-releases button {
	padding: 3px;
	margin: 0;
	}
	
#content.press-releases h3 a img{
	color: #a11415;
	padding: 0 0 0 10px;
	margin: 0;
	text-decoration: none;
	}	

#content.press-releases h1 {
	padding-bottom: 10px;
	}
	
#content.press-releases p.date {
	color: #5b5b5b;
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	}
	
#content.press-releases div.intro p, br {
	padding: 0 0 20px 0;
	margin: 0;
	}
	
#content.press-releases div {
	padding: 0;
	margin: 0;
	}
	
#content.press-releases div.youtube-thumb {
	float:left;
	padding-right: 10px;
	}

#content a {
	color: #22376a;
	text-decoration: underline;
	}
	
#content h1, h2, h3 {
	color: #22376a;
	}

#content.home {
	width: 616px;
	padding: 0;
	border: none;
	}
	
#content #home-images {
	height: 411px;
	width: 616px;
	display: block;
	float: right;
	background: #000;
	margin: auto;
	position: relative;
}
#content #signup {
	width: 604px;
	height: 41px;
	line-height: 41px;
	clear: right;
	float: right;
	background: #e8f0fc url(/images/assets/signup-background.png) no-repeat;
	position: relative;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 0 12px;	
}
#content #signup input {
	background: url(/images/assets/signup-text-bg.png) no-repeat;
	width: 149px;
	height: 41px;
	border: none;
	margin: 5px 0 0 0;
	padding: 0 8px 0 8px;
	float: left;
	color: #5b5b5b;
}
#content #signup input.submit {
	float: left;
	margin: 0;
	padding: 14px 0 14px 10px;
	background: none;
	width: 13px;
	height: 15px;
	display: inline;
}

#content #home-news {
	float: left;
	width: 240px;
	margin-right: 36px;
	background: #ffffff url(/images/assets/home-list-bg.png) repeat-x top;
	min-height: 300px;
	padding: 40px 25px 10px 25px;
	}
	
#home-news ul {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 15px 0 0 0;
	}
	
#home-news li {
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 5em;
	}
	
#home-news span.news-date {
	color: #324360;
	display: block;
	width: 100px;
	float: left;
	}
	
#home-news span.news-title, #home-news span.news-title a {
	color: #5b5b5b;
	width: 140px;
	display: block;
	float: left;
	text-decoration: none;
	}
	
#content #home-events {
	float: left;
	width: 240px;
	margin: 0;
	background: #ffffff url(/images/assets/home-list-bg.png) repeat-x top;
	min-height: 300px;
	padding: 24px 25px 10px 25px;
	}
	
#home-events ul {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 15px 0 0 0;
	}
	
#home-events li {
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 5em;
	}
	
#home-events span.events-date {
	color: #9e2325;
	display: block;
	width: 100px;
	float: left;
	
	}
	
#home-events span.events-title, #home-events span.events-title a {
	color: #5b5b5b;
	width: 140px;
	display: block;
	float: left;
	text-decoration: none;
	}
	
#content #staff {
	float: left;
	width: 180px;
	}

#content table.stafflist {
	width: 374px;
	font-size: 12px;
	float: right;
	}
	
#content table.stafflist td {
	vertical-align: top;
	}		
	
#content table.stafflist ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}
	
#content table.fmc {
	width: 574px;
	font-size: 12px;
	float: left;
	}
	
#content table.fmc td {
	vertical-align: top;
	}		
	
#content table.fmc ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}

#content table.county-parties {
	width: 574px;
	font-size: 12px;
	}	
	
#content table.county-parties td {
	vertical-align: top;
	line-height: 24px;
	}

#content table.county-parties tr {
	border-bottom: 1px solid #999999;	
	}

#content table.county-parties ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}		

#content div.elected-officials {
	width: 574px;
	min-height: 234px;
	border-bottom: 1px solid #b84e4f;
	display: block;
	}
	
#content div.elected-officials img {
	float: right;
	padding: 8px;
	}
	
#content div.state-board {
	border-bottom: 1px solid #b84e4f;	
	width: 574px;
	display: block;
	float: left;
	clear: left;
}

#content div.state-board div.entry {
width: 574px;
	min-height: 127px;
	display: block;
	float: left;
	clear: left;
	}
	
#content div.state-board img {
	float: right;
	padding: 10px;
	}

#content div.candidates {
	width: 574px;
	min-height: 234px;
	border-bottom: 1px solid #b84e4f;
	display: block;
	}

#content div.candidates img {
	float: left;
	padding: 0 20px 0 0;
	}

#container-footer {
	background: #2d2e27 url(/images/assets/container-footer.gif) no-repeat;
	width: 829px;
	height: 81px;
	position: relative;
	clear: both;
	padding: 0;
	margin: 0;
}
#footer {
	display: block;
	clear: left;
	width: 100%;
	height: 130px;
	background: #2d2e27;
	position: relative;
}
#footer .statement {
	color: #71726a;
	display: block;
	height: 56px;
	width: 315px;
	border: 1px solid #71726a;
	text-align: center;
	position: absolute;
	top: 37px;
	left: 257px;
}
#footer .statement p {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 10px;
}

#t7_timer { 
	width: 314px; 
	height: 64px; 
	position: relative;
	padding: 8px 0 0 273px;
}

#t7_timer_over { 
	width: 304px; 
	height: 55px; 
	background-image: url(Countdown-over.gif);
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left: 1px;
	margin: 0px;
	padding: 0px;
}


#t7_vals {
	width: 100%;
	clear:both;
	margin: 0px auto;
}

.t7_numbs {
	font-size: 24px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-align: left;
	color: #6a090a;
}

#t7_y {
	background-image: url(Countdown2.png);
	background-repeat: no-repeat;
	float:left;
	width: 48px;
	height:35px;
	background-color:#ffffff;
	padding: 0px 0px 0px 3px;
	margin: 1px;
	letter-spacing: 7px;
}
#t7_d {
	background-image: url(/images/assets/countdown-days.png);
	background-repeat: no-repeat;
	float:left;
	width: 64px;
	height:44px;
	padding: 20px 0 0 8px;
	margin: 1px;
}
#t7_h {
	background-image: url(/images/assets/countdown-hours.png);
	background-repeat: no-repeat;
	float:left;
	width: 64px;
	height:44px;
	padding: 20px 0 0 12px;
	margin: 1px;
	letter-spacing: 3px;
}
#t7_m {
	background-image: url(/images/assets/countdown-minutes.png);
	background-repeat: no-repeat;
	float:left;
	width: 64px;
	height:44px;
	padding: 20px 0 0 12px;
	margin: 1px;
	letter-spacing: 3px;
}
#t7_s {
	background-image: url(/images/assets/countdown-seconds.png);
	background-repeat: no-repeat;
	float:left;
	width: 64px;
	height:44px;
	padding: 20px 0 0 12px;
	margin: 1px;
	letter-spacing: 3px;
}

#t7_labels {
	width: 100%;
	clear:both;
	margin: 0px auto;
}

.t7_labs {
	font-size: 9px;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	text-align: center;
	color: #000000;
}
#t7_yl {
	float:left;
	width: 51px;
	height:15px;
	padding:0px;
	margin: 0px;
}
#t7_dl {
	float:left;
	width: 74px;
	height:15px;
	padding:0px;
	margin: 0px;
}
#t7_hl {
	float:left;
	width: 54px;
	height:15px;
	padding:0px;
	margin: 0px;
}
#t7_ml {
	float:left;
	width: 55px;
	height:15px;
	padding:0px;
	margin: 0px;
}
#t7_sl {
	float:left;
	width: 46px;
	height:15px;
	padding:0px;
	margin: 0px;
}

#defaultCountdown { width: 300px; height: 55px; text-align: center;}

/**************** Begin Modal ***************/
.modal01{width:702px;background: url(/images/assets/modal_Election_Bg.jpg) repeat-x;background-color:#e1eff6;height: 498px; overflow:hidden;display:none;}
.modal02{width:702px;background: url(/images/assets/modal_Election_bg2.jpg) no-repeat bottom right; height:498px; overflow:hidden;}
.modal02 div.top{padding:0px 10px 10px 0px}
.modal02 div.top div.title{font-family:Georgia, 'Times New Roman', Times, serif;font-size:40px;color:#0a1b60;width:530px;float:left;padding:25px 0 15px 0;text-align: center;line-height: 42px;}
.modal02 div.top div.close{float:right; margin-top:5px}
.modal02 div.modalLogo{
	float:left;
	padding: 0 15px 10px 15px;
}
.modal02 div.main{ padding:17px 0 0 0; margin:0 33px 0 48px;}
.modal02 div.main p{margin:0 0 10px;line-height:18px;color:#333;font-family:Arial, Helvetica, sans-serif;	font-size:15px;}
.modal02 div.main div.cell{ clear:both; margin:0 0 8px 0; height:23px;}
.modal02 div.main div.cell div.cellinp{float:left;height:23px;width:300px;}
.modal02 div.main div.cell div.cellinp input{
	height:20px;
	width:233px;
	border: solid 1 px #999999;
}
.modal02 div.main div.cell div.cellinp01{margin:0 0 0 245px;float: left;}
.modal02 div.main div.cell div.celltext{float:left;	width:115px;height:20px;line-height:16px;color:#333;font-family:Arial, Helvetica, sans-serif;font-size:15px;}
.modal02 div.main div.modalNoTx{
	padding:50px 0 0 0;
	margin:0;
	float: right;
}
.modal{width:570px;background:url(/images/assets/bkg_modal.jpg) repeat-x;background-color:#e1eff6;/*height: 358px;*/ overflow:hidden;}
.modal div.top{padding:0px 10px 10px 30px}
.modal div.top div.title{font-family:Georgia, 'Times New Roman', Times, serif; font-size:34px; color:#0a1b60; width:480px; float:left; padding:25px 0 15px 0}
.modal div.top div.close{float:right; margin-top:5px}
.modal div.main div.form{padding:13px 75px}
.modal div.main div.formCell{height:31px; padding:10px 0}
.modal div.main div.formCell div.label{float:left; width:80px; text-align:right; margin:8px 15px 0 0}
.modal div.main div.formCell div.input{float:left; margin-right:10px; width:271px;}
.modal div.main div.formCell div.input input{width:265px; height:20px; padding:5px 1px 1px 1px; *width:265px; *height:20px!important; *padding:5px 1px 1px 1px;border:1px solid #5b5b5b}
.modal div.main div.formCell div.input input.alertInput{border:1px solid #BD1C1C}
.modal div.main div.formCell div.alert{float:left; width:16px; height:16px; margin:8px 0 0 0}
.modal div.main p.linkForgot{text-align:right; margin-right:55px;}
.modal div.main p.linkForgot a{font-family:Arial, Helvetica, sans-serif; color:#990000; font-size:11px; text-decoration:none;}
.modal div.main div.control{width:251px; padding:12px 0px 25px 95px; height:26px;}
.modal div.main div.control div.btn_login{float:left}
.modal div.main div.control div.txtOr{float:left; margin:5px 20px}
.modal div.main div.control div.btn_register{float:left}
.modal div.controlFC{
	background:url(/images/assets/bkg_modal.jpg) repeat-x;
	background-color:#e1eff6;
	padding-top: 16px;
	padding-right: 110px;
	padding-bottom: 16px;
	padding-left: 110px;
}
.modal div.controlFC p{text-align:center}

.modal div.controlFC div.controlNetworks{margin:10px auto; width:248px;}

.modal div.controlFC input{margin:3px;}
.modal div.controlFC div.txtAccount{float:left; margin-top:3px}
.modal div.controlFC div.btn_fc{float:right;}
.modal div.main div.verification{width:310px; text-align:center; margin:65px auto 0 auto}

.video div.modal{width:750px; height:415px;}
.video div.modal div.main{padding-bottom:50px; margin:0px 0 0 100px}

/**************** End Modal ***************/

.contentWrap {
	display: block;
	width: 480px;
	height: 385px;
	padding: 10px;
	}

/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(/images/assets/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:560px;		
	
	/* some padding to layout nested elements nicely  */
	padding: 50px 0 0 60px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(/images/assets/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}