body {
	background: #000 url('../images/hilltop/bg_spacer.png') repeat-y center;
	color: #404040;
	font-family: Georgia, serif;
	font-size: 14px;
	line-height: 20px;
}
body.isLowBandwidth {
	background-image: none;
}
	.isLowBandwidth * {
		background-image: none !important;
		text-indent: 0px !important;
	}
	body a[href],
	body a[href]:hover {
		color: #a10202;
	}
	body a:link,
	body a:visited {
		text-decoration: none;
	}
	body a:hover,
	body a:active {
		text-decoration: underline;
	}

	.root {
		background-position: center top;
		background-repeat: no-repeat;
	}
	.seed_1 .root { background-image: url('../images/hilltop/main_header_1_new.jpg'); }
	.seed_2 .root { background-image: url('../images/hilltop/main_header_2_new.jpg'); }
	.seed_3 .root { background-image: url('../images/hilltop/main_header_3_new.jpg'); }
	.seed_4 .root { background-image: url('../images/hilltop/main_header_4_new.jpg'); }
	.seed_5 .root { background-image: url('../images/hilltop/main_header_5_new.jpg'); }
	.seed_6 .root { background-image: url('../images/hilltop/main_header_6_new.jpg'); }
	.seed_7 .root { background-image: url('../images/hilltop/main_header_7_new.jpg'); }
	
	.root-foot {
		padding-top: 50px;
		background-position: center bottom;
		background-repeat: no-repeat;
		min-height: 1240px;
	}
	.seed_1 .root-foot { background-image: url('../images/hilltop/footer_1.jpg'); }
	.seed_2 .root-foot { background-image: url('../images/hilltop/footer_2.jpg'); }
	.seed_3 .root-foot { background-image: url('../images/hilltop/footer_3.jpg'); }
	.seed_4 .root-foot { background-image: url('../images/hilltop/footer_4.jpg'); }
	.seed_5 .root-foot { background-image: url('../images/hilltop/footer_5.jpg'); }
	.seed_6 .root-foot { background-image: url('../images/hilltop/footer_6.jpg'); }
	.seed_7 .root-foot { background-image: url('../images/hilltop/footer_1.jpg'); }
	

	.templateWrapper {
		width: 1000px;
		margin: 0px auto;
	}
	#header {
	}
		#header .templateWrapper {
			position: relative;
			z-index: 0;
			height: 247px; 
			background-position: center 55px;
			background-repeat: no-repeat;
		}

		#header .social { 
			margin: auto;
			position: absolute;
			top: 130px;
			left: 0px; 
			right: 0px;
			width: 175px; 
		}

		#header .social .snapchat {
			padding-left: 5px;

		}
		#header .social img { margin: 0 5px; }
		#header .social a:first-child img { margin-left: 0px;}
		#header .social a:last-child img { margin-left: 0px;}


		#searchForm {
			display: block;
			position: absolute;
			top: -29px;
			right: 0px;
			width: 260px;
			height: 46px;
		}
			#searchForm form {
				display: block;
				margin: 0px;
				padding: 0px;
			}
				#searchForm .text {
					background: transparent;
					border: 0px;
					color: #2e373f;
					display: block;
					font-family: Helvetica, Arial, sans-serif;
					font-size: 14px;
					height: 25px;
					line-height: 25px;
					margin: 0px;
					padding: 0px 0px 0px 10px;
					position: absolute;
						top: 11px;
						left: 60px;
					width: 150px;
				}
				.isLowBandwidth #searchForm .text {
					background: white;
				}
				#searchForm .submit {
					background: transparent;
					border: 0px;
					display: block;
					height: 25px;
					margin: 0px;
					padding: 0px;
					position: absolute;
						top: 10px;
						right: 10px;
					width: 20px;
					cursor: pointer;
				}
				.isLowBandwidth #searchForm .submit {
					background: white;
				}
			#header .nav {
				position: absolute;
				top: 185px;
				left: 0px;
				width: 1000px;
				height: 62px;
				text-align: justify;
				background: #1b334f url('../images/template/bg_navigation.png') top center no-repeat;
			}
				#header .nav > ul {
					margin: 0px;
					padding: 0px; /* 0px 50px */
					width: 1000px;
				}
					#header .nav > ul > li {
						display: block;
						position: relative;
						float: left;
						margin: 0px 0px 0px 0px; /* will be overriden by JS for auto-adjust */
						padding: 0px;
					}
						#header .nav > ul > li > a {
							background-position: left top;
							background-repeat: no-repeat;
							color: #375a7a;
							display: block;
							font-size: 18px;
							font-weight: bold;
							height: 62px;
							line-height: 62px;
							padding: 0px;
							text-indent: -9999px;
							white-space: nowrap;
						}
						.isLowBandwidth #header .nav > ul > li > a {
							text-align: center;
							color: white;
						}
						
						#header .nav > ul > li.nav_home > a { background-image: url('../images/hilltop/nav_home.jpg'); width:82px; }
						#header .nav > ul > li.nav_about-joe > a { background-image: url('../images/hilltop/nav_about_joe.jpg'); width: 117px; }
						#header .nav > ul > li.nav_about-west-virginia > a { background-image: url('../images/hilltop/nav_aboutwv.jpg'); width: 198px; }
						#header .nav > ul > li.nav_news > a { background-image: url('../images/hilltop/nav_newsroom.jpg'); width: 121px; }
						#header .nav > ul > li.nav_constituent-services > a { background-image: url('../images/hilltop/nav_help_from_joe.jpg'); width: 149px; }
						#header .nav > ul > li.nav_issues > a { background-image: url('../images/hilltop/nav_issues_legislation.jpg'); width: 194px; }
						#header .nav > ul > li.nav_contact > a { background-image: url('../images/hilltop/nav_contact_me.jpg'); width: 139px; }
						
						#header .nav > ul > li:hover > a { background-position: left bottom; text-decoration: none; }
						#header .nav > ul > li > ul {
							background: url('../images/hilltop/nav_dropdown_bg.png') bottom left no-repeat;
							display: none;
							margin: 0px;
							padding: 30px 30px 40px;
							position: absolute;
								top: 62px;
								left: -10px;
							width: 200px;
							z-index: 100;
						}
						.isLowBandwidth #header .nav > ul > li > ul {
							background: white;
							border-right: 1px solid;
							border-bottom: 1px solid;
							border-left: 1px solid;
						}
						#header .nav > ul > li:hover > ul {
							display: block;
						}
							#header .nav > ul > li > ul > li {
								background-image: url('../images/hilltop/arrow_blue.png');
								background-repeat: no-repeat;
								background-position: 0 11px;
								border-bottom: 1px #d9d9d9 solid;
								color: #2e373f;
								font-family: Georgia, serif;
								font-size: 14px;
								font-style: italic;
								line-height: 14px;
								margin: 0px;
								padding: 10px 0px;
								text-align: left;
							}
							#header .nav > ul > li > ul > li.first {
								background-position: 0 1px;
								padding-top: 0px;
							}
							#header .nav > ul > li > ul > li.last {
								border-bottom: 0px;
								padding-bottom: 0px;
							}
								#header .nav > ul > li > ul > li > a {
									color: #50616c;
									display: inline-block;
									font-family: Georgia;
									font-style: normal;
									margin: 0 0 0 15px;
									padding: 0px;
								}
								#header .nav > ul > li > ul > li > a:hover {
									text-decoration: none;
									color: #a10202;
								}
			#header h1 {
				position: absolute;
				top: 55px;
				left: 0px;
				margin: 0px;
				padding: 0px;
			}
				#header h1 a {
					display: block;
					width: 1000px;
					height: 130px;
					text-indent: -10000px;
					color: white;
					text-transform: uppercase;
					line-height: 130px;
				}
				.isLowBandwidth #header h1 a {
					text-align: center;
				}
				#header h1 a:hover {
					text-decoration: none;
				}
	#body {	

	}	
		#body .templateWrapper {  }
		.NoSidebar #body .templateWrapper {
			background-image: none;
		}
			#body .copyBG { background: white url('../images/hilltop/spacer_subpage.png') repeat-y -20px 0; min-height: 580px; }
			#pageTitle {
				margin: 0px;
				padding: 0px 50px;
				height: 70px;
				line-height: 70px;
				background: url('../images/template/bg_subpagename.jpg') top left no-repeat;
				color: white;
				font-size: 30px;
				font-weight: bold;
			}
			#content {
				float: left;
				width: 620px;
				padding: 40px 40px 50px;
				zoom: 1;
			}	
			.NoSidebar #content {
				width: 900px;
			}
				#content .header .action-buttons {
					float: right;
					font-family: Georgia, serif;
					font-style: italic;
					font-size: 14px;
					color: #8d9198;
					width: 240px;
				}
					#content .header .action-buttons .tweet {
						float: left;
						width: 90px;
					}
					#content .header .action-buttons .like {
						float: left;
						width: 75px;
					}
					#content .header .action-buttons a {
						display: block;
						float: left;
						padding-right: 20px;
						margin-left: 20px;
						background-position: right 2px;
						background-repeat: no-repeat;
						color: #8d9198;
					}
					#content .header .action-buttons a:hover {
						color: #a10202;
						text-decoration: none;
					}	
					#content .header .action-buttons a.print {
						background-image: url('../images/template/icon_print.png');
					}				
					#content .header .action-buttons a.email {
						background-image: url('../images/template/icon_email.png');
					}				
				#content .header .nav {
					font-family: Georgia, serif;
					font-style: italic;
					font-size: 14px;
					color: #8d9198;
					border-bottom: 1px solid #d9d9d9;
					padding-bottom: 5px;
				}
					#content .header .nav a {
						color: #8d9198;
					}
					#content .header .nav a.current {
						color: #48505e;
					}
					#content .header .nav a:hover {
						color: #a10202;
						text-decoration: none;
					}
				#copy {
					margin-top: 30px;
					zoom: 1;
				}
			#sidebar {
				float: right;
				width: 300px;
				padding: 0px;
			}
				#sidebar .section {
					background: url('../images/hilltop/header_bg_subpage_right_column.png') top left no-repeat;
					padding: 30px 40px;
				}
					#sidebar .section h1 {
						font-family: Helvetica, sans-serif;
						font-size: 24px;
						line-height: 24px;
						font-weight: bold;
						color: #2e373f;
						margin: 0px 0px 20px;
						padding: 0px;
					}
					#sidebar .section ul {
						margin: 0px;
						padding: 0px;
					}
						#sidebar .section ul li {
							margin: 0px 0px 0px;
							padding: 8px 0px 8px 10px;
							border-top: 1px solid #d9d9d9;
							background-position: 0px 14px;
							background-repeat: no-repeat;
							background-image: url('../images/template/arrow_grey.png');
							font-family: Georgia, serif;
							font-size: 16px;
							font-style: italic;
							color: #2a333a;
						}
						#sidebar .section ul li:first-child {
							border-top: 0px;
						}
						#sidebar .section.take-action ul li {
							padding-left: 35px;
							background-position: 0px 6px;
						}
						#sidebar .section.join-my-network ul li {
							padding-left: 35px;
							background-position: 0px 6px;
						}
						
						#sidebar .section ul li.email-updates {
							background-image: url('../images/template/icon_emailupdates.png');
						}
						#sidebar .section ul li.contribute {
							background-image: url('../images/template/icon_contribute.png');
						}
						#sidebar .section ul li.get-involved {
							background-image: url('../images/template/icon_getinvolved.png');
						}
						#sidebar .section ul li.endorse {
							background-image: url('../images/template/icon_endorse.png');
						}


						#sidebar .section ul li.facebook {
							background-image: url('../images/template/icon_facebook_small.png');
						}
						#sidebar .section ul li.twitter {
							background-image: url('../images/template/icon_twitter_small.png');
						}
						#sidebar .section ul li.youtube {
							background-image: url('../images/template/icon_youtube_small.png');
						}
						#sidebar .section ul li.rss {
							background-image: url('../images/template/icon_rss_small.png');
						}
						
							#sidebar .section ul li a {
								color: #2a333a;
							}
							#sidebar .section ul li a:hover {
								color: #a10202;
								text-decoration: none;
							}
						#sidebar .contact-info li {
							padding-left: 0px !important;
						}
							#sidebar .contact-info a {
								display: block;
								margin-left: 10px;
								margin-bottom: 10px;
							}
							#sidebar .contact-info .address {
								font-family: Helvetica, Arial, sans-serif;
								font-size: 14px;
								font-style: normal;
								color: #8D9198;
								line-height: 18px;
							}
								#sidebar .contact-info .address .image-wrapper {
									border: 1px #cccccc solid;
									background: white;
									padding: 4px;
								}
									#sidebar .contact-info .address .image-wrapper .image {
										display: block;
										width: 210px;
										height: 95px;
										background-color: black;
										background-position: center center;
										background-repeat: no-repeat;
									}
								#sidebar .contact-info .address .address-inner {
									padding: 10px;
								}
								#sidebar .contact-info .address p {
									margin: 0px;
									padding: 0px;
								}
		.copyFoot { background: url('../images/hilltop/bottom_cap_subpage.png') no-repeat -20px 0; height: 40px; width: 1040px; }
		
	#footer { }
		#footer .templateWrapper {
			width: 1000px;
			height: 375px;
			font-size: 14px;
			padding: 0;
		}
		.isLowBandwidth #footer .templateWrapper {
			background-color: #1B334F;
		}
			
			#officeMap { height: 170px; padding: 0 20px; width: 940px; }
			#officeMap .tabs a {
				background-position: top;
				background-repeat: no-repeat;
				display: inline-block;
				height: 30px;
				text-indent: -9999px;
			}
			#officeMap .tabs a:hover
			, #officeMap .tabs a.active { background-position: bottom; }
			#officeMap .tabs .separator { 
				background: url('../images/hilltop/office_separator.png') no-repeat; 
				display: inline-block; 
				height: 30px; 
				vertical-align: bottom;
				width: 19px; 
			}
			#officeMap .tabs .tab.dc { background-image: url('../images/hilltop/office_washingtondc.png'); width: 137px; }
			#officeMap .tabs .tab.charleston { background-image: url('../images/hilltop/office_charleston.png'); width: 98px; }
			#officeMap .tabs .tab.panhandle { background-image: url('../images/hilltop/office_easternpanhandle.png'); width: 154px; }
			#officeMap .tabs .tab.fairmont { background-image: url('../images/hilltop/office_fairmont.png'); width: 111px; }
			
				#offices .office { color: #fff; display: none; font-family: Georgia; font-size: 14px; margin-left:10px; }
				#offices .office.active { display:block; }
				#offices .title { font-size: 20px; font-style: italic; margin: 0; padding: 10px 0; }
			
		#footer .newsletter-signup form {
			height: 100px;
			margin: 0 0 0 130px;
			padding: 16px 0 0;
		}
		#footer .newsletter-signup .email-address {
			background: none;
			border: 0;
			color: #50616c;
			display: block;
			float: left;
			font-family: Georgia;
			font-size: 14px;
			font-style: italic;
			height: 32px;
			line-height: 32px;
			margin: 0;
			padding: 0;
			width: 160px;
		}
		.isLowBandwidth #footer .newsletter-signup .email-address {
			background: white;
		}
		#footer .newsletter-signup .submit { 
			border: 0;
			background: 0; 
			cursor: pointer;
			float: left; 
			height: 32px; 
			width: 30px; 
		}
		.isLowBandwidth #footer .newsletter-signup .submit {
			background: white;
		}
				
		#footer a { color: #fff; }
		#footer .social { float: left; margin-left: 25px; width: 150px; }
		#footer .social img { margin: 0 5px; }
		#footer .nav { float: left; height: 32px; line-height: 32px; text-align: left; vertical-align: bottom; color: white; }

#amberAlerts{
	position: absolute;
	top: 121px;
	right: 0px;
	width: 215px;
	height: 47px;
	border-radius: 10px;
	z-index: 1;
}
#amberAlertsLink{
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 121px;
	right: 0px;
	width: 215px;
	height: 47px;
	border-radius: 10px;
	z-index: 2;
}
#header .social{
	/* top: 40px; */
}

.iHireVets{
	display: block;
	background: transparent url(../images/template/hire_vets.png) scroll no-repeat top left;
	/*position: absolute;
	top: 70px;
	right: 0px;*/
	height: 47px;
	width: 215px;
	text-indent: -9999px;
	font-size: 0px;
}

.scotus{
	display: block;
	background: transparent url(../images/template/btn_sc.png) scroll no-repeat top left;
	position: absolute;
	top: 100px;
	right: 0px;
	height: 47px;
	width: 215px;
	text-indent: -9999px;
	font-size: 0px;
}


.opioid{
	display: block;
	background: transparent url(../images/template/btn_opioid.png) scroll no-repeat top left;
	position: absolute;
	top: 44px;
	right: 0px;
	height: 47px;
	width: 215px;
	text-indent: -9999px;
	font-size: 0px;
}

.miners{
	display: block;
	background: transparent url(../images/template/btn_mpa.png) scroll no-repeat top left;
	position: absolute;
	top: 100px;
	right: 0px;
	height: 47px;
	width: 215px;
	text-indent: -9999px;
	font-size: 0px;
}

.hire_veterans{
	margin-left: 35px;
}