﻿/*
 *	Use the section codes below to Ctrl+F jump to their respective sections.
 *
 *	CODE	SECTION
 *	=================================
 *	MODLC	Modular layout classes
 *	GLOBL	Globals
 *	RGTRL	Right rail
 *	CUCLS	Custom classes
 *	SEC01	Registration Detail
 *	SEC03	Home
 *	SEC04	Action Alerts
 *	SEC06	Compose Letters
 *	SEC07	Share Your Story
 *	SEC08	Tell A Friend
 *	SEC09	Key Contact Survey
 *	SEC10	My Profile
 *	SEC11	Edit My Profile
 *	SEC15	Legislator Search
 *	SEC16	Legislator Details
 *	SEC17	Committee Search
 *	SEC18	Committee Details
 *	SEC19	Contact Us
 *	SEC20	News
 *
 */



@import url('reset.css');

#__asptrace { display: none; }

/* Modular layout classes [MODLC]
   ============================================================================================== */

.one-column {
	clear: both;
	margin-bottom: 25px;
	width: 940px;
}
.two-columns, .three-columns, .column-rail, aside {
	float: left;
	margin: 0 30px 25px 0;
}
.column-rail, aside {
	margin-right: 0;
}
.two-columns {
	width: 610px;
}
	.two-columns.equal-width {
		width: 455px;
	}
	.two-columns.with-border {
		border-right: 1px solid #6B4C37;
		margin: 0 0 25px;
		padding: 0 30px 0 0;
		width: 439px;
	}
	.two-columns.with-border.column-rail {
		border: 0;
		/*border-left: 1px solid #c8c8c8;*/
		padding: 0 0 0 30px;
	}
.three-columns {
	width: 290px;
}
.column-rail, aside {
	width: 300px; /* duplicated to cascade - do not move */
}
.content-top {
	margin: 0 0 20px;
}
.content-bottom {
	clear: both;
	margin: 20px 0 0;
}



/* Globals [GLOBL]
   ============================================================================================== */

/* Form elements */

fieldset div {
	clear: both;
	margin: 5px 0;
}
label {
	color: #CAB894;
	font-weight: bold;
	line-height: 2em;
}
input[type="text"], input[type="password"], select, textarea {
	background: #fff;
	border: 1px solid #adadad;
	padding: 5px;
	
	color: #595959;
}
input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus {
	border-color: #3c7a9f;
}
input[type="submit"] {
	background: -moz-linear-gradient(top, #e48622, #cc4812);
	background: -webkit-linear-gradient(top, #e48622, #cc4812);
	background: linear-gradient(top, #e48622, #cc4812);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e48622', endColorstr='#cc4812');
	border: 1px solid #732f00;
	-moz-border-radius: 7px;
	border-radius: 7px;
	cursor: pointer;
	padding: 8px 45px;
	
	color: #fff;
	font: normal 16px/normal MuseoSlab500, Georgia, "Times New Roman", Times, serif;
	text-shadow: #494949 -1px -1px 2px;
}
input[type="submit"]:hover {
	background: #ca3b00;
	filter: none;
}
select {
	font: normal 12px/1em Helvetica, Arial, Tahoma, sans-serif;
}

/* List elements */

ul {
	list-style: disc outside url(../img/ico-bullet-square-blue.png);
	margin-left: 17px;
}
ol {
	list-style: decimal outside none;
	margin-left: 17px;
}

/* Structural elements */
html {
  background: url("../img/bg_body.jpg") repeat-x scroll center top #A45615;
  overflow-y: scroll;
}

#PageWrapper {
}
	
	/* Header elements */
	
	header {
		/*background: #1b6996 url(../img/bg-grad-header.png) repeat-x top;*/
		position: relative; /* required for z-index to work */
		z-index: 200;
	}
		#HotBar, #Identity {
			margin: 0 auto;
			width: 970px;
		}
		#HotBar {
			background-color: #4C2611;
			color: #fff;
			font-size: 10.5px;
			text-transform: uppercase;
			padding: 0px 10px;
			width: 950px;
		}
			#HotBar p {
				float: right;
			}
			#HotBar p:first-child {
				float: left;
			}
			#HotBar a {
				font-weight: bold;
			}
				#HotBar span a img {
					margin: 0 0 0 4px;
					vertical-align: middle;
				}
					#HotBar span:hover a img {
						filter: alpha(opacity=50);
						opacity: 0.5;
					}
					#HotBar span:hover a:hover img {
						filter: alpha(opacity=100);
						opacity: 1;
					}
		#LoginForm {
			position: absolute;
			top: 37px;
		}
			#LoginForm fieldset {
				/*background-color: #11354a;*/
				-moz-border-radius: 0 0 5px 5px;
				border-radius: 0 0 5px 5px;
				display: none;
				padding: 15px;
			}
				#LoginForm fieldset div {
					clear: none;
					float: left;
					margin: 0 0 0 5px;
					position: relative;
				}
				#LoginForm fieldset div:first-child {
					margin: 0;
				}
					#LoginForm fieldset div label {
						left: 7px !important;
					}
					#LoginForm fieldset div label.error {
						width: 130px;
						
						line-height: normal;
					}
					#LoginForm fieldset div input[type="text"], #LoginForm fieldset div input[type="password"] {
						margin: 0 0 5px;
						width: 120px;
					}
					#LoginForm fieldset div input[type="submit"] {
						padding: 3px 13px;
					}
				#LoginForm fieldset p.error {
					clear: both;
					margin: 0;
				}
		#Identity {
			height: 111px;
			position: relative;
		}
			#Identity a {
				background: url(../img/img-identity.png) no-repeat;
				display: block;
				height: 77px;
				left: 0;
				position: absolute;
				top: 19px;
				width: 595px;
				
				text-indent: -9999px;
			}
		nav {
			/*background: #242424 url(../img/bg-nav-bevel.png) repeat-x center 28px;*/
			height: 51px;
			margin: 0 auto;
			width: 970px;
			border-top: 1px solid #fff;
			border-bottom: 1px solid #fff;
		}
			nav ul {
				list-style: none;
				overflow: hidden; /* uses this instead of clearfix because we're using Menu tag control */
			}
				nav ul li {
					float: left;
				}
					nav ul li a {
						display: block;
						color: #4D2C1B;
						font-size: 16px;
						font-weight: bold;
						line-height: 51px;
						text-transform: uppercase;
					}
					nav ul li a:hover {
						color: #853005;
						
						text-decoration: none;
					}
					nav > ul > li:first-child > a {
					}
					nav ul li ul {
						/*background: #c2dbe7 url(../img/bg-grad-nav-hover.png) repeat-x top;*/
						background-color: #DDB35D;
						height: auto;
						left: -9999em;
						position: absolute;
						box-shadow: 0 0 5px #000000;
					}
					nav ul li:hover ul {
						left: auto;
					}
						nav ul li ul li {
							border: 0;
						}
							nav ul li ul li a {
								border: 0;
								border-bottom: 1px solid #CEA556;
							}
	
	/* Body elememnts */
	
	#BodyWrapper {
		margin: 0 auto;
		padding: 15px;
		margin-top: 20px;
		position: relative; /* required for z-index to work */
		width: 940px;
		z-index: 100;
		min-height: 400px;
		background-color:#4C2611;
	}

/* Footer elements */

#FooterWrapper {
	clear: both;
	font-weight: bold;
	
	font-size: 11px;
}
	footer {
		margin: 20px auto 40px;
		width: 940px;
		color: #fff;
	}
		#Copyright {
			float: left;
		}
		#MoreLinks {
			float: right;
		}
			#MoreLinks ul {
				list-style: none;
				margin: 0;
			}
				#MoreLinks ul li {
					border-left: 1px solid #999;
					float: left;
					padding: 0 5px;
					line-height: normal;
				}
				#MoreLinks ul li:first-child {
					border: 0;
				}
					#MoreLinks a {
						color: #fff;
					}



/* Right rail [RGTRL]
   ============================================================================================== */

aside > ul {
	list-style: none none;
	margin: 0;
}
	aside ul li {
		border-top: 1px solid #c8c8c8;
		padding: 10px 0;
	}
	aside ul li:first-child {
		border: 0;
		padding-top: 0;
	}
aside p {
	margin: 7px 0 5px 0;
}
aside img {
	border: 6px solid #391F0F;
	margin-top: 7px;
}



/* Custom classes [CUCLS]
   ============================================================================================== */

.dotted-border {
	border-top: 1px dotted #ccc;
}
.dotted-border:first-child {
	border: 0;
}
.form-step {
	background-color: #1a6691;
	border: 3px solid #9db9c9;
	-moz-border-radius: 15px;
	border-radius: 15px;
	display: block;
	float: left;
	width: 23px;
	
	color: #fff;
	font: normal 14px/1.65em MuseoSlab500, Georgia, "Times New Roman", Times, serif;
	text-align: center;
}
	.form-step + h4 {
		float: left;
		margin: 4px 0 10px 8px;
	}
		.form-step + h4 + * {
			clear: both;
		}
.hot-topic {
	color: #fa8537;
	font-size: 14px;
	font-weight: bold;
}
	.hot-topic span {
		border: 3px solid #fa8537;
		-moz-border-radius: 15px;
		border-radius: 15px;
		cursor: default;
		display: block;
		float: left;
		margin: 0 7px 0 0;
		width: 23px;
		
		font: bold 24px/0.9em MuseoSlab500, Georgia, "Times New Roman", Times, serif;
		text-align: center;
	}
.loading-bar {
	background: url(../img/ani-loading-bar.gif) no-repeat center;
	height: 13px;
}
.more-arrow-blue {
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 8px solid #143d55;
	float: right;
	height: 0;
	margin: 3px 0 0 3px;
	width: 0;
}



/* Section 1 - Registration Detail [SEC01]
   ============================================================================================== */

#Register fieldset div {
	position: relative;
}
	#Register fieldset div.full-width span.jqTransformCheckboxWrapper {
		display: inline;
		margin-right: 5px;
		margin-left: 85px;
	}
	#Register fieldset div label {
		width: 85px;
	}
	#Register fieldset div.full-width label {
		float: none;
		width: 100%;
	}
	#Register fieldset div label.placeholder {
		left: 92px !important;
	}
	#Register fieldset div label.error {
		clear: both;
		float: none !important;																		/* override float styles in jqtransform.css */
		margin-left: 85px;
		width: auto;
	}
	#Register fieldset div input[type="text"] {
		float: left;
		width: 200px;
	}
	#Register fieldset div input[type="submit"] {
		margin: 0 0 0 85px;
	}
	#Register fieldset div select {
		float: left;
		width: 150px;
	}



/* Section 3 - Home [SEC03]
   ============================================================================================== */

#Home {
	margin-bottom: 25px;
}
#HotTopicContainer {
	background: -moz-linear-gradient(top, #69391C, #25140a);
	background: -webkit-linear-gradient(top, #69391C, #25140a);
	background: linear-gradient(top, #69391C, #25140a);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#69391C', endColorstr='#25140a');
	-moz-border-radius: 7px;
	border-radius: 7px;
	height: 37px;
	margin: 0 0 20px;
	overflow: hidden;
	padding: 2px 0 0;
}
	#HotTopicContainer li {
		float: left;
		list-style: none;
		position: relative;
	}
	#HotTopicContainer li.hot-topic-info {
		background: url(../img/bg-alert-marquee.png) no-repeat left top;
		padding: 0 10px 0 15px;
		color: #4E2A1A;
	}
		#HotTopicContainer li h3 {
			width: 139px;
			
			color: #FFF;
			line-height: 1.75em;
			text-align: center;
		}
		#HotTopicContainer li marquee {
			line-height: 3em;
		}
		#HotTopicContainer li a {
			background: -moz-linear-gradient(top, #e48622, #cc4812);
			background: -webkit-linear-gradient(top, #e48622, #cc4812);
			background: linear-gradient(top, #e48622, #cc4812);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e48622', endColorstr='#cc4812');
			border: 1px solid #732f00;
			display: block;
			-moz-border-radius: 0 6px 6px 0;
			border-radius: 0 6px 6px 0;
			cursor: pointer;
			padding: 9px 8px;
			position: absolute;
			top: -2px;
			width: 103px;
			
			color: #FFF;
			font: normal 16px/normal MuseoSlab500, Georgia, "Times New Roman", Times, serif;
			text-align: center;
			text-shadow: #494949 -1px -1px 2px;
		}
		#HotTopicContainer li a:hover {
			background: #ca3b00;
			filter: none;
			
			text-decoration: none;
		}
#Home .carousel-container {
	background: transparent url(../img/bg-carousel-shadow.png) no-repeat center bottom !important;	/* override inline styles */
	float: left;
	height: 296px;
	margin-bottom: 5px;
	width: 620px;
}
	#Home .carousel {
		border: 6px solid #391F0F;
	}
		#Home .carousel > ul li {
			height: 264px;
			width: 608px;
		}
			#Home .carousel .carousel-caption {
				padding: 15px;
			}
			#Home .carousel > ul li img {
				height: 264px;
				width: 608px;
			}
			#Home .carousel > ul li h2 {
				margin: 0;
				
				color: #fff;
				font: normal 32px/1.2em MuseoSlab500, Georgia, "Times New Roman", Times, serif;
			}
			#Home .carousel > ul li p {
				margin: 0;
				
				font-size: 20px;
			}
			#Home .carousel > ul li a {
				color: #e75c00;
			}
#ActionsContainer {
	background-color: #fff;
	border: 6px solid #391F0F;
	float: right;
	height: 264px;
	width: 288px;
}
	#ActionsContainer ul {
		list-style: none none;
		margin: 0;
	}
		#ActionsContainer ul li {
			border-top: 1px solid #cfcfcf;
		}
		#ActionsContainer ul li:first-child {
			border: none;
		}
		#ActionsContainer ul li:hover {
			background-color: #e0e0e0;
		}
			#ActionsContainer ul li h3 {
				font-size: 18px;
				line-height: 1em;
				color:#e67600;
			}
			#ActionsContainer ul li a {
				display: block;
				height: 70px;
				padding: 17px 17px 0;
				width: 254px;
				
				text-decoration: none;
			}
			#ActionsContainer ul li:first-child a {
				height: 71px;
			}
				#ActionsContainer ul li a p {
					margin: 5px 0;
					width: 230px;
					
					color: #595959;
					font-weight: normal;
				}
				#ActionsContainer ul li a .more-arrow-blue {
					margin: 23px 0 0;
				}
#CalloutsContainer {
	clear: both;
	margin-bottom: 30px;
	overflow: hidden;
}
	#CalloutsContainer ul {
		list-style: none;
		margin: 0;
	}
		#CalloutsContainer ul li {
			float: left;
			margin-left: 20px;
			width: 300px;
		}
		#CalloutsContainer ul li:first-child {
			margin: 0;
		}
			#CalloutsContainer ul li h3 {
				line-height: 1.75em;
			}
			#CalloutsContainer ul li img {
				border: 6px solid #391F0F;
			}
			#CalloutsContainer ul li p {
				margin: 5px 0;
			}
#Home .tabs-container {
	clear: both;
	float: left;
	width: 620px;
}
	#Home .tabs-content {
		height: 470px;
		overflow: auto;
	}
	#Widget-News ul li p{
		color:#4E2A1A !important;
	}
	#News ul li p {
		color:#CAB894 !important;
	}
	
#SidebarCalloutsContainer {
	float: right;
	position: relative;
	width: 300px;
}
	#SidebarCalloutsContainer ul {
		list-style: none none;
		margin: 0;
	}
		#SidebarCalloutsContainer ul li {
			padding: 17px 0 12px;
		}
		#SidebarCalloutsContainer ul li:first-child {
			padding-top: 0;
		}
		#SidebarCalloutsContainer ul li.last-child {
			border-top: 1px solid #c8c8c8;
		}
			#SidebarCalloutsContainer ul li h3 {
				line-height: 1em;
			}
			#SidebarCalloutsContainer ul li h3 + a {
				position: absolute;
				right: 0;
				top: 2px;
			}
			#SidebarCalloutsContainer ul li p {
				margin: 7px 0 5px;
			}
			#SidebarCalloutsContainer ul li img {
				border: 6px solid #391F0F;
				margin: 8px 0 0;
			}



/* Section 4 - Action Alerts [SEC04]
   ============================================================================================== */

#ActionAlerts article {
	float: left;
	margin: 10px 0 15px;
	width: 455px;
}
	#ActionAlerts article .alert-intro {
		max-height: 100px;
		margin: 10px 0 0;
		position: relative;
		overflow: hidden;
		z-index: 101;
	}
		#ActionAlerts article .alert-intro .fade {
			background: -moz-linear-gradient(top, rgba(76, 38, 17, 0) 0%, rgba(76, 38, 17, 100) 100%);
			background: -webkit-linear-gradient(top, rgba(76, 38, 17, 0) 0%, rgba(76, 38, 17, 100) 100%);
			background: linear-gradient(top, rgba(76, 38, 17, 0) 0%, rgba(76, 38, 17, 100) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c2611', endColorstr='#ff4c2611');
			height: 40px;
			top: 60px;
			left: 0;
			position: absolute;
			width: 100%;
			z-index: 102;
		}
	#ActionAlerts article .alert-links {
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		height: 28px;
		margin: 10px 0 20px;
		padding: 6px 0;
	}
		#ActionAlerts article .alert-links span {
			float: right;
			
			line-height: 2em;
		}
		#ActionAlerts article .alert-links .hot-topic {
			float: left;
		}
			#ActionAlerts article .alert-links .hot-topic span {
				float: left;
				
				line-height: 0.9em;
			}



/* Section 6 - Compose Letters [SEC06]
   ============================================================================================== */

#ComposeLetters .targets {
	list-style: none none;
	margin: 0;
}
	#ComposeLetters .targets li {
		overflow: hidden;
	}
		#ComposeLetters .targets li label {
			margin-left: 5px;
		}
#ComposeLetters .letter-section {
	background: url(../img/bg-letter-shadow.png) no-repeat bottom;
	margin: 15px 0 20px;
	padding: 0 0 35px;
}
	#ComposeLetters .letter {
		background-color: #fff;
		margin: 15px auto 0;
		width: 930px;
		color: #4E2A1A;
	}
		#ComposeLetters .letter-tophalf {
			background: url(../img/bg-letter-top.png) no-repeat top;
			padding: 100px 60px 0;
		}
			#ComposeLetters .letter-salutation {
				margin: 0 0 45px;
				
				font-size: 16px;
				font-weight: bold;
			}
			#ComposeLetters .letter-top {
				margin: 0 0 30px;
			}
			#ComposeLetters textarea {
				border: 1px solid #d9d9d9;
				background: none;
				height: 150px;
				width: 808px;
				
				font: normal 12px/normal Helvetica, Arial, Tahoma, sans-serif;
			}
		#ComposeLetters .letter-bottomhalf {
			background: url(../img/bg-letter-bottom.png) no-repeat bottom;
			padding: 10px 60px 100px;
		}
			#ComposeLetters .letter-signature {
				margin: 45px 0 0;
			}
#ComposeLetters .comm-types {
	list-style: none;
	margin: 0
}
	#ComposeLetters .comm-types li {
		float: left;
		margin-right: 10px;
	}



/* Section 7 - Share Your Story [SEC07]
   ============================================================================================== */

#ShareYourStory textarea {
	height: 150px;
	width: 427px;
}
#ShareYourStory .error {
	width: 427px;
}
#ShareYourStory input[type="submit"] {
	margin-top: 10px;
}



/* Section 8 - Tell A Friend [SEC08]
   ============================================================================================== */

#TellAFriend label {
	display: block;
	margin-top: 5px;
}
#TellAFriend label:first-child {
	margin: 0;
}
#TellAFriend label.error {
	clear: both;
	margin: 0;
	width: 427px;
}
#TellAFriend input[type="text"] {
	float: left;
	margin: 0 5px 0 0;
}
#TellAFriend label + input[type="text"] {
	clear: both;
	float: none;
	margin: 0;
	width: 427px;
}
#TellAFriend textarea {
	height: 150px;
	width: 427px;
}
#TellAFriend input[type="submit"] {
	margin: 15px 0 0;
}



/* Section 9 - Key Contact Survey [SEC09]
   ============================================================================================== */

#KeyContactSurvey label {
	display: block;
	float: left;
	margin: 6px 10px 0 0;
	width: 175px;
	
	line-height: 1.5em;
}
#KeyContactSurvey label.error {
	margin-left: 185px;
	width: auto;
}
#KeyContactSurvey select {
	width: 300px;
}
#KeyContactSurvey textarea {
	height: 150px;
	width: 413px;
}



/* Section 10 - My Profile [SEC10]
   ============================================================================================== */

#MyInformation, #MyIssues {
	margin: 0 0 35px;
	position: relative;
	
	line-height: 1.5em;
}
	#MyInformation h3, #MyIssues h3 {
		margin: 0 0 20px;
	}
#MyLegislators {
	margin: 0 0 25px;
}
	#MyLegislators h4 {
		clear: both;
		margin: 10px 0;
	}
	#MyLegislators ul {
		list-style: none;
		margin: 0;
	}
		#MyLegislators ul li {
			float: left;
			height: 200px;
			padding: 15px 15px 0;
			width: 173px;
		}
			#MyLegislators ul li img {
				border: 6px solid #391F0F;
			}
#MyParticipation {
	clear: both;
}
	#MyParticipation .tabs-container {
		margin-top: 10px;
	}
		#MyParticipation .tabs-content {
			height: 250px;
			overflow: auto;
		}
			#MyParticipation .tabs-container .tabs-content ul li {
				padding: 5px 0;
			}



/* Section 11 - Edit My Profile [SEC11]
   ============================================================================================== */

#EditMyProfile fieldset div {
	position: relative;
}
	#EditMyProfile fieldset div.full-width span.jqTransformCheckboxWrapper {
		display: inline;
		margin-right: 5px;
		margin-left: 85px;
	}
	#EditMyProfile fieldset div label {
		width: 85px;
	}
	#EditMyProfile fieldset div.full-width label {
		float: none;
		width: 100%;
	}
	#EditMyProfile fieldset div label.placeholder {
		left: 92px !important;
	}
	#EditMyProfile fieldset div label.error {
		clear: both;
		float: none !important;																		/* override float styles in jqtransform.css */
		margin-left: 85px;
		width: auto;
	}
	#EditMyProfile fieldset div select {
		float: left;
		width: 150px;
	}
	#EditMyProfile fieldset div input[type="text"], #EditMyProfile fieldset div input[type="password"] {
		float: left;
		width: 200px;
	}



/* Section 15 - Legislator Search [SEC15]
   ============================================================================================== */

#LegislatorSearch fieldset {
	float: left;
	margin: 0 50px 0 0;
	position: relative;
}
#LegislatorSearch #SearchAddress {
	width: 302px;
}
	#LegislatorSearch fieldset h4 {
		margin: 0 0 10px;
	}
	#LegislatorSearch fieldset div {
		min-height: 33px;
		margin-left: 15px;
		position: relative;
	}
	#LegislatorSearch #SearchAddress #SearchAdditionalFields {
		display: none;
		margin: 0;
	}
		#LegislatorSearch fieldset div label {
			width: 75px;
		}
		#LegislatorSearch fieldset div label.error {
			clear: both;
			float: none !important;																	/* override float styles in jqtransform.css */
			margin-left: 23px;
			width: auto;
		}
		#LegislatorSearch #SearchAddress div label.error {
			margin-left: 75px;
		}
		#LegislatorSearch fieldset div input[type="text"] {
			width: 200px;
		}
		#LegislatorSearch #SearchAddress div .jqTransformCheckboxWrapper {
			margin-left: 75px;
		}
		#LegislatorSearch fieldset div .placeholder {
			left: 120px !important;
		}
		#LegislatorSearch fieldset div .jqTransformCheckboxWrapper + label {
			margin-left: 4px;
			width: auto;
		}
#LegislatorSearch #Results {
	margin: 35px 0 0;
}
	#LegislatorSearch #Results h4 {
		font-size: 18px;
	}
	#LegislatorSearch #Results ul {
		list-style: none;
		margin: 10px 0;
	}
		#LegislatorSearch #Results ul li {
			float: left;
			height: 200px;
			padding: 15px 15px 0;
			width: 173px;
			
			line-height: normal;
		}
			#LegislatorSearch #Results ul li img {
				border: 6px solid #391F0F;
				max-width: 162px;
			}



/* Section 16 - Legislator Detail [SEC16]
   ============================================================================================== */

#LegislatorDetail h2 {
	margin: 15px 0 0;
	
	color: #0092e7;
	font: bold 20px/normal Helvetica, Arial, Tahoma, sans-serif;
}
#LegislatorDetail #ContactInfo {
	padding: 20px 0 30px;
}
	#LegislatorDetail #ContactInfo img {
		border: 6px solid #391F0F;
		float: left;
	}
	#LegislatorDetail #ContactInfo h4 {
		margin: 0 0 7px;
	}
	#LegislatorDetail #ContactInfo strong {
		display: block;
		float: left;
		width: 50px;
	}
	#LegislatorDetail #ContactInfo #CapAddress, #LegislatorDetail #ContactInfo #DistAddress {
		float: left;
		margin-left: 40px;
		
		line-height: 1.5em;
	}
		#LegislatorDetail #ContactInfo #CapAddress div, #LegislatorDetail #ContactInfo #DistAddress div {
			margin: 7px 0 0;
		}
.scorecard-bill {
	margin: 20px 0 0;
	padding: 20px 0 0;
}
.scorecard-bill:first-child {
	margin: 0;
	padding: 0;
}
	.scorecard-bill > h5 {
		float: left;
		margin: 0 5px 0 0;
	}
	.scorecard-bill h5 a {
		background: url(../img/ico-scorecard-arrow-closed.png) no-repeat left;
		padding: 0 0 0 12px;
		
		color: #242424;
	}
	.scorecard-bill h5 a:hover {
		text-decoration: none;
	}
	.scorecard-info {
		margin: 10px 0;
	}
		.scorecard-info span {
			display: block;
			float: left;
			width: 125px;
		}
		.scorecard-info img {
			vertical-align: middle;
		}
	.scorecard-bill .desc-open {
		background: url(../img/ico-scorecard-arrow-open.png) no-repeat left;
	}
	.scorecard-bill .scorecard-desc {
		clear: both;
		display: none;
		padding-top: 5px;
	}



/* Section 17 - Committee Search [SEC17]
   ============================================================================================== */

#CommitteeSearch fieldset div {
	clear: none;
	float: left;
	height: 35px;
	margin-right: 30px;
}
	#CommitteeSearch fieldset div label:first-child {
		width: 95px;
	}
	#CommitteeSearch .jqTransformCheckboxWrapper + label {
		margin-left: 4px;
	}
#CommitteeSearch .results {
	margin-top: 20px;
}
	#CommitteeSearch .results h3 + ul {
		margin-top: 10px;
	}



/* Section 18 - Committee Detail [SEC18]
   ============================================================================================== */

#CommitteeDetail h3 + ul {
	margin-top: 10px;
	margin-bottom: 10px;
}
#CommitteeDetail #CommitteeRoster {
	list-style: none;
	margin: 0;
}
	#CommitteeDetail #CommitteeRoster li {
		float: left;
		height: 200px;
		padding: 15px 15px 0;
		width: 158px;
		
		line-height: normal;
	}
		#CommitteeDetail #CommitteeRoster li img {
			border: 6px solid #391F0F;
		}



/* Section 19 - Contact Us [SEC19]
   ============================================================================================== */

#ContactUs fieldset label {
	float: left;
	width: 80px;
}
#ContactUs label.error {
	margin-left: 80px;
	width: 347px;
}
#ContactUs fieldset input[type="text"], #ContactUs fieldset textarea {
	float: left;
	width: 200px;
}
#ContactUs fieldset #Subject, #ContactUs fieldset textarea {
	width: 347px;
}
#ContactUs fieldset textarea {
	height: 200px;
}



/* Section 20 - News [SEC20]
   ============================================================================================== */

#Articles li {
	margin-bottom: 25px;
	color: #4E2A1A;
}
	#Articles li a {
		font-weight: normal;
	}



/* Clearfix - http://css-tricks.com/snippets/css/clear-fix/
   ============================================================================================== */

.group:before, .group:after {
	content: "";
	display: table;
}
.group:after {
	clear: both;
}
.group {
	zoom: 1;																						/* for IE 6/7 (trigger hasLayout) */
}



/* Placeholder plugin
   ============================================================================================== */

.placeholder, :-moz-placeholder {
	cursor: text;
	
	color: #999 !important;
	font-style: italic !important;
	font-weight: normal !important;
}



/* Validation plugin
   ============================================================================================== */

.error {
	display: block;
}
label.error, p.error {
	color: #f00;
}
label.error {
	font-weight: normal;																			/* override bold weight when used on labels */
}



/* Modal plugin
   ============================================================================================== */

#simplemodal-overlay {
	background: #000;
}
#simplemodal-container {
	background: #fff;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 20px;
	color: #4E2A1A;
}
#simplemodal-container h2 {
	color:#E67600;
}
	.modalCloseImg {
		background: url(../img/btn-modal-close.png) no-repeat;
		cursor: pointer;
		display: inline;
		height: 29px;
		position: absolute;
		right: -12px;
		top: -12px;
		width: 25px;
		z-index: 2000;
	}



/* Tabs
   ============================================================================================== */

.tabs-container .tabs {
	list-style: none;
	margin: 0;
}
	.tabs-container .tabs li {
		border-right: 1px solid #e9e9e9;
		float: left;
		
		text-align: center;
	}
		.tabs-container .tabs li a {
			background: -moz-linear-gradient(top, #69391C, #25140a);
			background: -webkit-linear-gradient(top, #69391C, #25140a);
			background: linear-gradient(top, #69391C, #25140a);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#69391C', endColorstr='#25140a');
			display: block;
			padding: 0 25px;
			
			color: #fff;
			font: normal 16px/2.5em MuseoSlab500, Georgia, "Times New Roman", Times, serif;
			text-decoration: none;
		}
		.tabs-container .tabs li a:hover {
			background: -moz-linear-gradient(top, #CFA76C, #CFA76C);
			background: -webkit-linear-gradient(top, #CFA76C, #CFA76C);
			background: linear-gradient(top, #CFA76C, #CFA76C);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CFA76C', endColorstr='#CFA76C');
		}
		.tabs-container .tabs li a.active {
			background: none;
			filter: none;
			background: #fff;
			
			color: #242424;
		}
.tabs-container .tabs-content {
	background: #fff;
	padding: 20px;
}


.accordion {
	margin-top: 15px;
}
	.accordion dt {
		background: -moz-linear-gradient(top, #69391C, #25140A);
		background: -webkit-linear-gradient(top, #69391C, #25140A);
		background: linear-gradient(top, #69391C, #25140A);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#69391C', endColorstr='#25140A');
		cursor: pointer;
		margin-top: 2px;
		padding: 6px 11px 6px 12px;
		font-weight: bold;
		color: #E88301;
		text-transform: uppercase;
		font-size: 14px;
	}
		.accordion dt .arrow-orange-down {
			border-left: 6px solid transparent;
			border-right: 6px solid transparent;
			border-top: 6px solid #83786e;
			float: right;
			height: 0;
			margin: 6px 0 0;
			width: 0;
		}
		.accordion dt .arrow-orange-right {
			border-bottom: 6px solid transparent;
			border-left: 6px solid #83786e;
			border-top: 6px solid transparent;
			float: right;
			height: 0;
			margin: 4px 2px 0;
			width: 0;
		}
	.accordion dd {
		color: #4E2A1A;
		font: 12px Helvetica,Arial,sans-serif;
		padding: 15px;
		background-color: #CFA76C;
	}
		.accordion dd h4 {
			color: #fff;
		}
		.accordion dd a {
			color: #853005;
		}
		.accordion dd a:hover {
			text-decoration: underline;
		}

#Content ul {
	margin-left:50px;
	margin-bottom: 10px;
}
