/*
 *	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
 *	SEC21	Media Soft
 *	SEC22	Blog
 *	SEC23	Map
 *	SEC24	Additional Information
 *	SEC25	Content
 *
 */



@import url('reset.css');


#__asptrace { display: none; }
/* global box-sizing */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;	
		-moz-box-sizing:border-box;
		 -ms-box-sizing:border-box;		
			 box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
			font-smoothing:antialiased;
}

/* html element 62.5% font-size for REM use; This = 10px */
html {
	font-size:62.5%;
	height: 100%;
}
body {
	font:normal 1.3em/normal Helvetica, Arial, Tahoma, sans-serif;
	min-height: 100%;
}



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

.one-column {
	clear: both;
	margin-bottom: 25px;
	max-width: 940px;
	width:100%;
}
.two-columns, .three-columns, .column-rail, aside {
	float: left;
	margin: 0 3.19149% 25px 0;/*30px */
}
.column-rail, aside {
	margin-right: 0;
}
.two-columns {
	max-width: 610px;
	width: 64.89%;
}
	.two-columns.equal-width {
		width: 50%;
		max-width: 455px;
	}
	.two-columns.with-border {
		border-right: 1px solid #fff;
		margin: 0 0 25px;
		padding: 0 3.19149% 0 0; /*30px */
		max-width: 470px;
		width: 50%;
	}
	.two-columns.with-border.column-rail {
		border: 0;
		border-left: 1px solid #c8c8c8;
		padding: 0 0 0 3.19149%; /*30px */
	}
.three-columns {
	max-width: 290px;
	width: 30.85%;
}
.column-rail, aside {
	max-width: 300px; /* duplicated to cascade - do not move */
	width: 31.91%;
}
.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: #075f43;
	font-weight: bold;
	line-height: 2em;
}
input[type="text"],input[type="email"], 
input[type="password"],input[type="tel"],
select, textarea {
	background: #fff;
	border: 1px solid #adadad;
	padding: 5px;
	resize: vertical;
	color: #595959;
}


select.error {
		color:#595959; /*color set to override validation error text*/
 }
 
input[type="text"]:focus,input[type="email"]:focus, 
input[type="password"]:focus, select:focus, textarea:focus {
	border-color: #3c7a9f;
}
input[type="submit"], .btn {
	background: -webkit-linear-gradient(top, #b43300, #c03903);
	background:    -moz-linear-gradient(top, #b43300, #c03903);
	background:     -ms-linear-gradient(top, #b43300, #c03903);
	background:         linear-gradient(top, #b43300, #c03903);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b43300', endColorstr='#c03903');
	background-image: linear-gradient(to bottom, #b43300 0%, #c03903 100%);
	border: 1px solid #732f00;
	-moz-border-radius: 7px;
	     border-radius: 7px;
	cursor: pointer;
	padding: 8px 45px;
	
	color: #fff;
	font: normal 1.333em/normal Arial, Tahoma, sans-serif; /*16px */
	text-shadow: #494949 -1px -1px 2px;
	
}
input[type="submit"]:hover, .btn:hover {
	background: #ca3b00;
	filter: none;
	
}
select {
	font: normal 1em/1em Helvetica, Arial, Tahoma, sans-serif; /*12px */
}

/* List elements */

/* 
 * removing the list-style-image - because alignment of that image
 * is NOT cross-browser compatible.
 * Instead, allowing the marker to be the same color as the text content
 * and setting the marker to square
 */
ul {
    list-style: square outside; 
    margin-left:  1.417em; /*17px*/
}

ol {
	list-style: decimal outside none;
	margin-left: 1.417em; /*17px*/
}

/* Structural elements */

#PageWrapper {
	/*border-bottom: 1px solid #fff;*/
}
	
#InnerPageWrapper {
	background: #ffffff;
	max-width:1020px;
	width: 100%;
	margin: 0 auto;
	position: relative; /* required for z-index to work */
	z-index: 200;
}
	/* Header elements */
	
	header {
		background: #fff /*url(../img/bg-grad-header.png) repeat-x top*/;
		position: relative; /* required for z-index to work */
		z-index: 200;
	}
		#HotBar2, #Identity, nav ul {
			margin: 0 auto;
			max-width: 940px;
			width: 100%;
		}
		#HotBar div {
			margin: 0 auto;
			width: 100%;
		}
		#HotBar {
			background:#eaeaea;
			height: 37px;
			
			color: #4a4f55;
			font-size: 0.875em; /*10.5px*/
			text-transform: uppercase;
		}
			#HotBar p {
				float: right;
				margin: 12px 0 0;
			}
			#HotBar p:first-child {
				float: left;
			}
			#HotBar a {
				color: #b43300;
				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: #eaeaea;
				-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.error {
						width: 120px;
						
						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;
				}
				
		.mobile-profile-navigation,
		.profile-btn { 
			display: none;
		}
		
		#Identity {
			height: 135px;
			position: relative;
			top: 0;
		}
			#Identity a {
			    background: url("../img/img-identity2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
				display: block;
				height: 135px;
				left: 0;
				position: absolute;
				text-indent: -9999px;
				top: 0;
				width: 980px;				
				overflow:hidden;
			}
			
		nav {
			background: #b43300 /*url(../img/bg-nav-bevel.png) repeat-x center 28px*/;
			height: 53px;
		}	
			nav ul {
				list-style: none;
				overflow: hidden; /* uses this instead of clearfix because we're using Menu tag control */
			}
				nav ul li {
					/*border-right: 1px solid #3e647b;*/
					float: left;
				}
				nav > ul > li:first-child {
					/*border-left: 1px solid #133950;*/
				}
				nav ul li:hover {
					background-color: #4b7c6d;
				}
					nav ul li a {
						/*border-right: 1px solid #133950;*/
						display: block;
						
						color: #fff;
						font-size: 1.25em; /* 14px */
						font-weight: normal;
						line-height: 3.25em; /*55px */
					}
					nav ul li a:hover {
						background-color: #669f8d;
						
						text-decoration: none;
					}
					nav > ul > li:first-child > a {
						/*border-left: 1px solid #3e647b;*/
					}
					nav ul li:hover a {
						color: #ffffff;
					}
					nav ul li ul {
						/*background: #c2dbe7 url(../img/bg-grad-nav-hover.png) repeat-x top;*/
						background-color: #4b7c6d;
						height: auto;
						left: -9999em;
						position: absolute;
					}
					nav ul li:hover ul {
						left: auto;
						-webkit-user-select: none;
						-webkit-touch-callout: none						
					}
						nav ul li ul li {
							border: 0;
						}
							nav ul li ul li a {
								border: 0;
							}
	
	/* Body elememnts */
	
	#BodyWrapper {
		margin: 0 auto;
		padding: 25px 0 0;
		position: relative; /* required for z-index to work */
		width: 100%;
		max-width:940px;
		z-index: 100;
	}
	#BodyWrapper-Home {
		margin: 0 auto;
		/*padding: 25px 0 0;*/
		position: relative; /* required for z-index to work */
		width: 100%;
		z-index: 100;
	}

/* Footer elements */

#FooterWrapper {
	/*border-top: 1px solid #c8c8c8;*/
	background: #075f43;
	clear: both;
	color:#fff;
	
	font-size: 1.000em; /*10.5px; */
	padding:3% 0;
}
#FooterWrapper a {
	color: #fff;	
}
	footer {
		margin: 20px auto 40px;
		max-width: 940px;
		width: 100%;
	}
		#MoreLinks {
			float: left;
		}
		/*#MoreLinks {
			float: left;
		}*/
		#FooterLogo {
			float: right;
		}
			


/* 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 #d4d8de;*/
	margin-top: 7px;
	max-width: 100%;
}



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

.dotted-border {
	border-top: 1px dotted #ccc;
}
.dotted-border:first-child {
	border: 0;
}

.loading-bar {
	background: url(../img/ani-loading-bar.gif) no-repeat center;
	height: 13px;
}
.more-arrow {
	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 {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
 			
} 

#Register fieldset div {
	position: relative;
}
	#Register fieldset div label {
		max-width: 85px;
		width: 19.362%;
	}
	#Register fieldset div label.error {
		clear: both;
		float: none;																		/* override float styles in jqtransform.css */
		margin-left: 19.362%;
		width: auto;
		max-width: 100%;
	}
	#Register fieldset div input[type="text"] {
		float: left;
		max-width: 200px;
		width: 45.5558%;
	}
	#Register fieldset div input[type="submit"] {
		margin: 0 0 0 19.3622%; /*85px; */
	}
	#Register fieldset div select {
		float: left;
		max-width: 200px;
		width: 45.5558%;
	}



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

#Home {
/*	margin-bottom: 25px;
	margin: 0 auto;
	max-width: 940px;
		width: 100%;
*/}
#HotTopicContainer {
	background: -webkit-linear-gradient(top, #1a6793, #0e3f5c);
	background:    -moz-linear-gradient(top, #1a6793, #0e3f5c);
	background:     -ms-linear-gradient(top, #1a6793, #0e3f5c);
	background:         linear-gradient(top, #1a6793, #0e3f5c);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a6793', endColorstr='#0e3f5c');
	background-image: linear-gradient(to bottom, #1a6793 0%, #0e3f5c 100%);
	-moz-border-radius: 7px;
	     border-radius: 7px;	
	height: 39px;
	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;
		width: 72.3404%;
	}
	
	#HotTopicContainer li.hot-topic-header {
		width: 14.78%;
	}
	#HotTopicContainer li.hot-topic-button {
		width: 12.8723%;
	}

		#HotTopicContainer li h3 {
			max-width: 139px;
			color: #FFF;
			line-height: 1.75em;
			text-align: center;
		}
		#HotTopicContainer li marquee {
			line-height: 3em;
		}

		#HotTopicContainer li a {
			background: -webkit-linear-gradient(top, #b43300, #c03903);
			background:    -moz-linear-gradient(top, #b43300, #c03903);
			background:     -ms-linear-gradient(top, #b43300, #c03903);
			background:         linear-gradient(top, #b43300, #c03903);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b43300', endColorstr='#c03903');
			background-image: linear-gradient(to bottom, #b43300 0%, #c03903 100%);
			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: relative;
			top: -2px;
			
			color: #FFF;
			font: normal 1.333em/normal Arial, Tahoma, sans-serif;
			text-align: center;
			text-shadow: #494949 -1px -1px 2px;
			width: 100%;
		}
		#HotTopicContainer li a:hover {
			background: #ca3b00;
			filter: none;
			
			text-decoration: none;
		}

	
#Home .carousel {
	max-width: 620px;
	width: 65.95744680%;			
	float: left;	
	border: 6px solid #d4d8de;
	border-bottom: 0 none;
}
	#Home .carousel:after {
		display:block;
		content: "";
		background: #E9E9E9 url(../img/bg-carousel-shadow.png) no-repeat center bottom; 

		height: 20px;
		border-top:6px solid #d4d8de;
		margin: 0 -6px; 
	}	

	#Home .carousel .owl-wrapper-outer {
	}
		#Home .carousel .owl-item {
			height: auto;
			position: relative;
		}
			#Home .carousel .owl-item>div>a {			
				display: block;
			}
			
			#Home .carousel .carousel-caption {
				background: transparent;														/* for IE when using filter */
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#aa000000, endColorstr=#aa000000);
				background: rgba(0, 0, 0, 0.67);
				bottom: 0;
				left: 0;
				padding: 15px 2.4671052%;
				position: absolute;
				width: 100%;
				
				color: #fff;
			}			
			

			#Home .carousel .owl-item img {
				width: 100%;
				height:auto;
				vertical-align: middle;					
			}
			
			#Home .carousel .owl-item h2 {
				margin: 0;
				
				color: #fff;
				font: normal 2.667em/1.2em Arial, Tahoma, sans-serif; /* 32px */
			}
			#Home .carousel .owl-item p {
				margin: 0;
				
				font-size: 1.667em; /*20px; */
			}
			#Home .carousel  .owl-item a {
				color: #e75c00;
			}


				
			
#ActionsContainer {
	background-color: #fff;
	border: 6px solid #d4d8de;
	float: right;
	height: 276px;
	max-width: 300px;
	width: 31.91489361%;
}
	#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: 1.500em; /*18px; */
				line-height: 1em;
			}
			#ActionsContainer ul li a {
				display: block;
				height: 87px;
				padding: 17px 17px 0;
				width: 100%;
				
				text-decoration: none;
			}
			#ActionsContainer ul li:first-child a {
			}
				#ActionsContainer ul li a p {
					margin: 5px 0;
					max-width: 230px;
					width: 90.5511811%;
					
					color: #595959;
					font-weight: normal;
				}
				#ActionsContainer ul li a .more-arrow {
					margin: 23px 0 0;
				}
#CalloutsContainer {
	clear: both;
	padding: 30px 0;
	overflow: hidden;
	background:#3c7f6a;
}
	#CalloutsContainer ul {
		margin: 0 auto;
		max-width: 940px;
		width: 100%;
		list-style: none;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		padding: 0;
	 
		-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
				flex-wrap: wrap;	
					
		
	}
		#CalloutsContainer ul li {
			float: left;
			margin-left: 2.12766%;
			max-width: 300px;
			width: 31.91489%;
		}
		#CalloutsContainer ul li:first-child {
			margin: 0;
		}
			#CalloutsContainer ul li h3 {
				line-height: 1.75em;
				color:#fff;
				font-size: 1.813em;
			}
			#CalloutsContainer ul li img {
				/*border: 6px solid #d4d8de;*/
				max-width: 100%;
				width: 100%;
			}
			#CalloutsContainer ul li p {
				margin: 5px 0;
				color:#fff;
			}
			
			#CalloutsContainer ul li p a {
				color:#fff;
			}
#Home #Hero-Img {
/*	background: #3f3f3f url(../img/img-hero.jpg) no-repeat right;
	max-height: 400px;
	height:402px;
	width:1020px;
	margin: 0;*/
	/*padding: 18% 27% 5% 47%;
	max-width: 1020px;
	background-size: 100% 100%;*/
/*	color: #fff;
	font-size: 1em;
	*/
	/*opacity: 0.2;
    filter: alpha(opacity=40);*/ /* For IE8 and earlier */
}

#Home #Hero-Img img {
		/*background: #ffffff url(../img/img-hero.jpg) no-repeat right;
		
		
		margin: 0;
		color: #fff;
		font-size: 1em;
		max-width:100%;
		width:100%;
		height:115px;
		position: relative;
		*/
		   max-width: 1020px;
		   max-height:400px;
    		width: 100%;
			height: 100%;
	}
	#Home #Hero-Img h1 {
		background: none;
		padding: 0;
		
		color: #fff;
		line-height: 1em;
	}
	#Home #Hero-Img .btn-primary {
		/*margin-top: 13px;*/
	}
	
	#BodyWrapper-Home  {
		position: relative;
	}
	#Home #Hero-Img img{
		height:100%;
		max-height:402px;
		
	}
	#WelcomeMessage {
		    background: rgba(255,255,255, 0.9) none repeat scroll 0 0;
			margin-left: 50%;
			margin-top: -30%;
			margin-bottom: 80px;
			max-width: 600px;
			padding: 15px 2.46711%;
			position: relative;
			width: 43%;
			z-index: 100;
			
	}	
		#WelcomeMessage h3 {
			font-size: 1.875em;
		}

#Home .tabs-tainer {
	clear: both;
	float: left;
	max-width: 620px;
	width: 65.95744%;
}
	#Home .tabs-content {
		height: 470px;
		overflow: auto;
	}
#SidebarCalloutsContainer {
	float: right;
	position: relative;
	max-width: 300px;
	width: 31.91489%;
}
	#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 #d4d8de;
				margin: 8px 0 0;
				max-width: 100%;
			}

#Widget-Facebook .fb_iframe_widget { 
	width: 100%;
}

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

#ActionAlerts article {
	margin: 10px 0 25px;
}
	#ActionAlerts article .alert-intro {
		margin: 10px 0;
		max-height: 50px;
	}
	#ActionAlerts article .alert-badge {
		display: inline-block;
		margin: 0 5px 0 0;
		overflow: hidden;
		
		color: #fff;
		font-size: .917em;/*11px; */
		font-weight: bold;
		line-height: 20px;
		text-transform: uppercase;
	}
	#ActionAlerts article .alert-badge.hot {
		background: url(../img/bg-badge-alert.png) no-repeat right -20px;
		padding: 0 15px 0 2px;
	}
		#ActionAlerts article .alert-badge.hot span {
			background: url(../img/bg-badge-alert.png) no-repeat left 0;
			float: left;
			height: 18px;
			margin: 0 2px 0 0;
			width: 20px;
		}
	#ActionAlerts article .alert-badge.info {
		background: url(../img/bg-badge-alert.png) no-repeat right -40px;
		padding: 0 15px 0 10px;
	}
	#ActionAlerts article .alert-badge.media {
		background: url(../img/bg-badge-alert.png) no-repeat right -60px;
		padding: 0 15px 0 10px;
	}
	#ActionAlerts article .alert-links {
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		height: 36px;
		margin: 10px 0 20px;
		padding: 6px 0;
		font-size:1.3em;
	}
		#ActionAlerts article .alert-links span {
			float: right;
			
			line-height: 2em;
		}



/* 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 {
	margin: 15px 0 20px;
	padding: 0 0 35px;
}
	#ComposeLetters .letter-section:after { 
		background: url(../img/bg-letter-shadow.png) no-repeat center top;
		background-size: contain;
		content: "";
		display: block;
		height: 35px;
	}
	
	#ComposeLetters .letter {
		background-color: #fff;
		margin: 15px auto 0;
		max-width: 930px;
		width: 98.936170%;
	}
		#ComposeLetters .letter-tophalf {
			background: url(../img/bg-letter-top.png) no-repeat top;
			background-size: contain;
			
			padding: 45px 6.4516% 9.2%;
		}
			#ComposeLetters .letter-salutation {
				margin: 0 0 10px;
			}
			#ComposeLetters .letter-top {
				margin: 0 0 15px;
			}
			#ComposeLetters textarea {
				border: 1px solid #d9d9d9;
				background: none;
				height: 150px;
				margin: 0 auto 10px;
				max-width: 808px;
				width: 100%;
				
				font: normal 1em/normal Helvetica, Arial, Tahoma, sans-serif;
			}
		#ComposeLetters .letter-bottomhalf {
			background: url(../img/bg-letter-bottom.png) no-repeat bottom;
			background-size: contain;
			padding: 5px 7% 19%;
		}
			#ComposeLetters .letter-bottom {
				margin-top: 0;
			}
			#ComposeLetters .letter-signature {
				margin: 15px 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 {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	
} 

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



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

#TellAFriend {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
			
} 

#TellAFriend label {
	display: block;
	margin-top: 5px;
}
#TellAFriend label:first-child {
	margin: 0;
}
#TellAFriend label.error {
	clear: both;
	margin: 0;
	max-width: 427px;
	width: 97.2665%;
}
#TellAFriend input[type="text"],#TellAFriend input[type="email"] {
	float: left;
	margin: 0 5px 0 0;
}
#TellAFriend label + input[type="text"], #TellAFriend label + textarea {
	clear: both;
	float: none;
	margin: 0;
	max-width: 427px;
	width: 97.2665%;
}
#TellAFriend textarea {
	height: 150px;
	max-width: 427px;
	width: 90.85%;
}
#TellAFriend .recaptchatable #recaptcha_response_field {
}
#TellAFriend #recaptcha_response_field + .error {
	left: -16px;
	position: absolute;
	top: 49px;
	
	font-size: 1.2em;/*12px */
}

#TellAFriend #recaptcha_response_field + label { margin-top: 13px;}
#TellAFriend .recaptcha_only_if_privacy { margin-top: 5px;}

#TellAFriend input[type="submit"] {
	margin: 25px 0 0;
}


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

#KeyContactSurvey label {
	display: block;
	float: left;
	margin: 6px 10px 0 0;
	max-width: 175px;
	width: 28.688%;
	
	line-height: 1.5em;
}
#KeyContactSurvey label.error {
	margin-left: 30.3278688%; /* 185px */
	width: auto;
	clear: both;
}
#KeyContactSurvey select {
	max-width: 300px;
	width: 49.1803%;
}
#KeyContactSurvey textarea {
	height: 150px;
	max-width: 413px;
	width: 67.70%;
}



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

#MyInformation {
	margin: 0 0 35px;
	position: relative;
	
	line-height: 1.5em;
}
	#MyInformation h3 {
		margin: 0 0 20px;
	}
#MyLegislators {
	margin: 0 0 25px;
}
	#MyLegislators h4 {
		clear: both;
		margin: 10px 0;
	}
	#MyLegislators ul {
		list-style: none;
		margin: 0 -15px;
	}
		#MyLegislators ul li {
			float: left;
			height: 200px;
			padding: 15px 15px 0;
			width: 210px;
		}
		#MyLegislators ul li:hover {
			background: -webkit-linear-gradient(top, #e9e9e9, #d4d8de);
			background:    -moz-linear-gradient(top, #e9e9e9, #d4d8de);
			background:         linear-gradient(top, #e9e9e9, #d4d8de);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#d4d8de');
			background-image: linear-gradient(to bottom, #e9e9e9 0%, #d4d8de 100%);
		}
			#MyLegislators ul li img {
				border: 6px solid #d4d8de;
			}
#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 {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
		
} 

#EditMyProfile fieldset div {
	position: relative;
}
	#EditMyProfile fieldset div label {
		width: 19.362186%; /* 85px */
	}

	#EditMyProfile fieldset div label.error {
		clear: both;
		float: none ;																		/* override float styles in jqtransform.css */
		margin-left: 19.362186%; /* 85px */
		width: auto;
	}
	#EditMyProfile fieldset div select {
		float: left;
		max-width: 200px;
		width: 45.5558%;
	}
	#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 8.19672% 0 0;
	position: relative;
}
#LegislatorSearch #SearchAddress {
	max-width: 302px;
	width: 49.5081%;
}
	#LegislatorSearch fieldset h4 {
		margin: 0 0 10px;
	}
	#LegislatorSearch fieldset div {
		min-height: 33px;
		position: relative;
	}
	#LegislatorSearch #SearchAddress #SearchAdditionalFields {
		display: none;
		margin: 0;
	}
		#LegislatorSearch fieldset div label {
			width: 75px;
		}
		#LegislatorSearch fieldset div label.error {
			clear: both;
			float: none ;																	/* 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 .jqTransformCheckboxWrapper + label {
			margin-left: 4px;
			width: auto;
		}
#LegislatorSearch #Results {
	margin: 35px 0 0;
}
	#LegislatorSearch #Results h4 {
		font-size: 1.500em;/*18px; */
	}
	#LegislatorSearch #Results ul {
		list-style: none;
		margin: 10px -15px;
	}
		#LegislatorSearch #Results ul li {
			float: left;
			height: 200px;
			padding: 15px 15px 0;
			max-width: 173px;
			width: 28.360655%;			
			line-height: normal;
						
		}
		#LegislatorSearch #Results ul li:hover {
			background: -webkit-linear-gradient(top, #e9e9e9, #d4d8de);
			background:    -moz-linear-gradient(top, #e9e9e9, #d4d8de);
			background:         linear-gradient(top, #e9e9e9, #d4d8de);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#d4d8de');
			background-image: linear-gradient(to bottom, #e9e9e9 0%, #d4d8de 100%);
		}
			#LegislatorSearch #Results ul li img {
				border: 6px solid #d4d8de;
				max-width: 162px;

				
			}



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

#LegislatorDetail #ContactInfo {
	padding: 10px 0 30px;
}
	#LegislatorDetail #ContactInfo img {
		border: 6px solid #d4d8de;
		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: 6.5573770491%; /* 40px */
		
		line-height: 1.5em;
	}
		#LegislatorDetail #ContactInfo #CapAddress div, #LegislatorDetail #ContactInfo #DistAddress div {
			margin: 7px 0 0;
		}
#LegislatorDetail #PersonalInformation label {
	color: #595959;
}
	#LegislatorDetail #Education table {
		clear: both;
		width: 100%;
	}
		#LegislatorDetail #Education table tr {
			background: #f5f5f5;
			border-bottom: 1px solid #fff;
		}
		#LegislatorDetail #Education table tr:first-child {
			background: #fff;
		}
			#LegislatorDetail #Education table tr th, #LegislatorDetail #Education table tr td {
				padding: 5px;
			}
			#LegislatorDetail #Education table tr th {
				color: #174560;
				font-weight: bold;
				text-align: left;
			}
	#LegislatorDetail #Biography {
		margin: 13px 0 0;
	}
		#LegislatorDetail #Biography div {
			border: 1px solid #d9d9d9;
			clear: both;
			height: 400px;
			overflow: auto;
			padding: 10px;
		}
.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: #174560;
	}
	.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 {
	display: block;
}

#CommitteeSearch fieldset div {
	clear: none;
	float: left;
	height: 35px;
	margin-right: 5.26316%;/*30px */
}
	#CommitteeSearch fieldset div label:first-child {
		width: 95px;
	}
	#CommitteeSearch .jqTransformCheckboxWrapper + label {
		margin-left: 4px;
	}
	
#CommitteeSearch #State  input[type=submit],
#CommitteeSearch #Federal input[type=submit] {	
	margin-left: 16.6666666666%; /* 95px */	
}

#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 -15px;
}
	#CommitteeDetail #CommitteeRoster li {
		float: left;
		height: 200px;
		padding: 15px 15px 0;
		width: 158px;
		
		line-height: normal;
	}
	#CommitteeDetail #CommitteeRoster li:hover {
		background: -webkit-linear-gradient(top, #e9e9e9, #d4d8de);
		background:    -moz-linear-gradient(top, #e9e9e9, #d4d8de);
		background:     -ms-linear-gradient(top, #e9e9e9, #d4d8de);
		background:         linear-gradient(top, #e9e9e9, #d4d8de);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#d4d8de');
		background-image: linear-gradient(to bottom, #e9e9e9 0%, #d4d8de 100%);
	}
		#CommitteeDetail #CommitteeRoster li img {
			border: 6px solid #d4d8de;
		}



/* Section 19 - Contact Us [SEC19]
   ============================================================================================== */
#ContactUs {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;		
}

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



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

.articles li {
	margin-bottom: 25px;
}
	.articles li .truncate {
		max-height: 50px;
	}
	.articles li a {
		font-weight: normal;
	}



/* Section 21 - Media Soft [SEC21]
   ============================================================================================== */

#MediaSearch fieldset h3 {
	margin: 20px 0 10px;
}
#MediaSearch fieldset h3:first-child {
	margin-top: 0;
}
#MediaSearch fieldset div {
	margin: 0;
}
#MediaSearch .jqTransformCheckboxWrapper + label {
	margin: 2px 0 0 5px;
}
#MediaSearch input[type="submit"] {
	margin: 10px 5px 0 0;
}



/* Section 22 - Blog [SEC22]
   ============================================================================================== */

#Blog .content-top {
	margin: 0 0 10px;
}
#Blog article {
	margin: 30px 0 0;
}
#Blog article.blog-post-full {
	margin: 0;
}
	#Blog .blog-post-date {
		background: -webkit-linear-gradient(top, #386986, #2f5870);
		background:    -moz-linear-gradient(top, #386986, #2f5870);
		background:     -ms-linear-gradient(top, #386986, #2f5870);
		background:         linear-gradient(top, #386986, #2f5870);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#386986', endColorstr='#2f5870');
		background-image: linear-gradient(to bottom, #386986 0%, #2f5870 100%);
		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
				border-radius: 4px;
		float: left;
		margin: 4px 20px 0 0;
		padding: 8px 10px;
		width: 55px;
		
		color: #fff;
		font-family: Arial, Tahoma, sans-serif;
		text-align: center;
		text-transform: uppercase;
	}
	#Blog .blog-post-full .blog-post-date {
		margin-top: 14px;
	}
		#Blog .blog-post-date-month {
			font-size:1.167em; /* 14px; */
			letter-spacing: 2px;
		}
		#Blog .blog-post-date-day {
			font-size: 2.333em; /*28px; */
			font-weight: bold;
			line-height: 1em;
		}
		#Blog .blog-post-date-year {
			letter-spacing: 2px;
		}
	#Blog .blog-post-body {
		float: right;
		margin: 0 0 10px;
		max-width: 535px;
		width: 74%
	}
		#Blog h2 {
			margin: 0;
		}
			#Blog h2 a {
				font-weight: normal;
			}
		#Blog .blog-post-timestamp {
			margin: 5px 0 10px;
			
			color: #888;
			font-size: 0.917em;
			text-transform: uppercase;
		}
		#Blog .truncate {
			max-height: 50px;
		}
		#Blog  .share-links .fb_iframe_widget span {
			width: auto !important;
		}
		
	#Blog .blog-post-meta {
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		clear: both;
		height: 36px;
		padding: 6px 0;
		overflow: hidden;
	}
		#Blog .blog-post-meta .share-links a {
			display: block;
			float: left;
			margin: 0 6px 0 0;
		}
#Blog + aside #RecentBlogPosts li {
	border: 0;
	padding: 5px 15px;
}
	#Blog + aside #RecentBlogPosts li span {
		background: -webkit-linear-gradient(top, #386986, #2f5870);
		background:    -moz-linear-gradient(top, #386986, #2f5870);
		background:     -ms-linear-gradient(top, #386986, #2f5870);
		background:         linear-gradient(top, #386986, #2f5870);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#386986', endColorstr='#2f5870');
		background-image: linear-gradient(to bottom, #386986 0%, #2f5870 100%);
		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
				border-radius: 4px;
		display: block;
		float: left;
		margin: 0 10px 0 0;
		padding: 5px 0;
		width: 35px;
		
		color: #fff;
		font: normal 1.500em/normal Arial, Tahoma, sans-serif;
		text-align: center;
	}
	#Blog + aside #RecentBlogPosts li a {
		float: left;
		width: 255px;
		
		line-height: normal;
	}



/* Section 23 - Map [SEC23]
   ============================================================================================== */

#USMap {
	height: 400px;
	width: 610px;
}



/* Section 24 - Additional Information [SEC24]
   ============================================================================================== */

#AdditionalInfo .GeneralInformationContainer, .additionalinfo_page .LegislatorPanel {
	margin: 0 0 30px;
}
#AdditionalInfo .FormRowContainer {
	margin: 5px 0;
	overflow: hidden;
}
#AdditionalInfo .jqTransformCheckboxWrapper {
	margin-right: 6px;
}
#AdditionalInfo .LabelAndRadioButtonContainer {
	display: block;
	overflow: hidden;
}
#AdditionalInfo .Label_X_RequiredMark {
	display: block;
	overflow: hidden;
}
	#AdditionalInfo .Label_X_RequiredMark .RequiredMark {
		display: none;
	}
#AdditionalInfo #AdditionalInfo_GeneralInformationContainer .Label_X_RequiredMark {
	float: left;
	width: 85px;
}



/* Section 25 - Content [SEC25]
   ============================================================================================== */

#Content .articles .truncate {
	max-height: 50px;
}



/* 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 {
	cursor: text;	
	color: #999 !important;
	font-style: italic !important;
	font-weight: normal !important;
}
:-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;

}
	.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;
	}
	#simplemodal-data {
		padding: 20px;
		background: #fff !important;
	}



/* 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: -webkit-linear-gradient(top, #386986, #2f5870);
			background:    -moz-linear-gradient(top, #386986, #2f5870);
			background:     -ms-linear-gradient(top, #386986, #2f5870);
			background:         linear-gradient(top, #386986, #2f5870);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#386986', endColorstr='#2f5870');
			background-image: linear-gradient(to bottom, #386986 0%, #2f5870 100%);
			display: block;
			padding: 0 25px;
			
			color: #fff;
			font: normal 1.333em/2.5em Arial, Tahoma, sans-serif;
			text-decoration: none;
		}
		.tabs-container .tabs li a:hover {
			background: -webkit-linear-gradient(top, #5a8ba7, #40728f);
			background:    -moz-linear-gradient(top, #5a8ba7, #40728f);
			background:     -ms-linear-gradient(top, #5a8ba7, #40728f);
			background: 		linear-gradient(top, #5a8ba7, #40728f);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a8ba7', endColorstr='#40728f');
			background-image: linear-gradient(to bottom, #5a8ba7 0%, #40728f 100%);
		}
		.tabs-container .tabs li a.active {
			background: none;
			filter: none;
			background: #fff;
			
			color: #174560;
		}
.tabs-container .tabs-content {
	background: #fff;
	padding: 20px;
}
#Widget-Twitter iFrame {
	height: 487px ;
}


/* disable auto-zoom on iphone input field focus */
@media screen and (-webkit-min-device-pixel-ratio:0) {
 
	select, textarea, 
	input[type="text"], input[type="password"], 
	input[type="number"], input[type="email"], 
	input[type="tel"], input[type="color"] {
		font-size: 1.6rem;
		/*-webkit-appearance:none;*/
	}
	
}

@media only screen and (max-width:948px){
	#BodyWrapper { 
		padding-left:10px;
		padding-right: 10px;
	}
	#HotBar,#FooterWrapper {
		padding: 0 10px;
	}
	#Identity a {
		left: 10px;
	}
}

@media only screen and (max-width:830px){
	#ContactUs  fieldset label {
		width: 100%;
		max-width:none;
	}
	#ContactUs fieldset input[type="text"],
	#ContactUs fieldset input[type="email"], 
	#ContactUs fieldset textarea {
		width: 100%;		
	}
	#ContactUs label.error {
		margin-left: 0;
		clear: both; 
	}	
	#WelcomeMessage {
		margin-top: -280px;
		margin-bottom: 7px;
		margin-left: 45%;
		width: 50%;
	}
	
	nav ul li a {
		font-size: 1.2em;
	}
	#CalloutsContainer ul li h3 {
		font-size: 1.7em;
	}
}
@media only screen and (max-width:768px){
	/* ipad size tablets */

	.two-columns,.two-columns.with-border
	{ 
		padding-left: 15px;
	}
	.two-columns.with-border.column-rail,aside {
		padding-right: 15px;
	}

	.one-column {
		padding: 0 15px;
	}

	
	.tabs-container .tabs li{
	}


	footer	{
		padding: 0 15px;
	}

	#HotBar	{ 
		padding:0 15px;
	}
	#Home { 
		/*padding: 0 15px;*/
	}
	#HotTopicContainer li.hot-topic-info{
		width: 65%;
	}
	#HotTopicContainer li.hot-topic-header,
	#HotTopicContainer li.hot-topic-button {
		width: 17.5%;
	}
	#HotTopicContainer .hot-topic-button a{
		padding: 9px 3px;
	}
	#Home .carousel,#ActionsContainer, 
	#Home .tabs-container, 
	#WelcomeMessage {
		margin-top: -280px;
	}
	#WelcomeMessage h3 {
		font-size: 2em;	
	}
	#SidebarCalloutsContainer {
		width: 100%;
		max-width: none;
		float: none;
		margin-left: 0;
		clear: both;
		margin-bottom:15px;
	}

	#CalloutsContainer ul {
		padding: 0 3%;	
	}

	#ActionsContainer ul li a p	{
		max-width:none;
	}

	#TellAFriend label  {	
		float: none;
	}
	#LegislatorSearch { 
		margin-left:0;
		margin-right: 0;
	}
		#LegislatorSearch #SearchAddress div .jqTransformCheckboxWrapper {
			margin-left:0;
		}
		#LegislatorSearch fieldset{
			width: 65%;
		}
		#LegislatorSearch fieldset + fieldset{	
			width: 35%;
			margin-right:0;
		}
	#ComposeLetters .letter-bottomhalf {
		padding: 5px 6.4516% 120px;
	}
	#ComposeLetters .letter-tophalf {
		padding: 45px 6.452% 2%;
	}
	
}
@media only screen and (max-width: 720px) {

	#BodyWrapper>.group,
	#Register,
	#TellAFriend,
	#ShareYourStory,
	#EditMyProfile	{
		display:block;
	}
	
	.two-columns,.two-columns.with-border,
	.two-columns.with-border.column-rail, 
	aside { 
		width: 98%;
		float: none;
		margin: 0 0 25px;
		border:none;
		min-height: 0!important;
		padding-left: 0;
		max-width: 100%;
		padding: 0 5px;				
	}
	

	
	aside { 
		padding: 0 15px;
		margin: 0;
		width: 100%;
		max-width: none;
	}
		aside ul { 
			margin: 0 -15px;
			width: auto;
		}
			aside ul li { 
				width: 50%;
				padding:0 15px;
				float: left;
				border-top: 0;
			}
				aside img { 
					max-width: 100%;
				}


				
	#HotTopicContainer { 
		display:none;
	}

	#TellAFriend input[type="email"]{
		margin-top: 5px;
	}
	
	
	#CalloutsContainer ul li {
		width: 100%;
		max-width: none;
		float: none;
		margin-left: 0;
		clear: both;
		margin-bottom:15px;
	}
}

@media only screen and (max-width:540px){
	#HotBar p:first-child span:first-child { 
		display: none;
	}

}
@media only screen and (max-width:480px){			
	#Identity {
		 height: 71px;
    	 top: 35px;
		 background:#fff;
		 width:100%;
	}
	
	/*#Identity a {
		background: url("../img/img-identity320.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		height: 60px;
		left: 2%;
		padding: 5px 0;
	}
	*/
	
	#Identity a  { 
		background: url("../img/img-identity320.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		background-size: contain;
		background-position: center center;
		height: 60px;
		padding: 5px 0;
		top: 5px;
		width: 100%;
		left: 0;
	}
	header {
		height: 108px;
		background:#af3100;
	}
	#Home {
		padding: 0;
		border-top: 5px #af3100 solid;
	}

	#Home #Hero-Img {
		max-height: 210px;
	}
	
	#WelcomeMessage {
		float: left;
		margin: 2.12766%;
		max-width: 420px;
		width: 100%;
	}
	#Home #Hero-Img img {
		/*background: #ffffff url(../img/img-hero.jpg) no-repeat right;
		
		
		margin: 0;
		color: #fff;
		font-size: 1em;
		max-width:100%;
		width:100%;
		height:115px;
		position: relative;
		*/
		   max-width: 500px;
    		width: 100%;
			height: 100%;
	}

	

	#HotBar	{
		width: auto;
		height: auto;
	}
		#HotBar p { 
			display: none;
		}
	
	/*#Identity { 
		float: none;
		height: 37px;
		margin: 0 auto;
		width: 137px;
		
	}
		#Identity a  { 
			background-size: contain;
			background-position: center center;
			height: auto;
			padding: 5px 0;
			top: 5px;
			width: 100%;
			left: 0;

		}	*/
		
		
	
	.profile-btn {
		background: url(../img/btn-register.png) no-repeat;
		text-indent: -99999px;
		overflow: hidden;
		display: block;
		width: 19px;
		height: 17px;
		position: absolute;
		right: 5px;
		top: 10px;
		border: 0 none;
		cursor: pointer;
	}
		
	.mobile-profile-navigation {
		background-color: #fff;
		padding: 0 10px;
		position: absolute;
		right: 0;
		top: 38px;
		width: 100%;
	}
			
		.mobile-profile-navigation p  { 
			width: 50%;
			float: left;
			padding-left:10px;
		}
			.mobile-profile-navigation p .btn { 
				display: block;
				text-align: center;
				width: 100%;
			}
	nav {
		background: none;
		height: auto;
	}
		nav ul { 
			display:none;
		}
		
	#HotTopicContainer {
			display: none;
	}
	aside ul li { 
		width: 100%;
		padding:0 15px;
		float: none;
		border-top: 0;
	}	
	
	footer { 
		padding: 0 15px;
	}

	#Home .carousel .owl-wrapper-outer,
	#ActionsContainer, 
	#Home .tabs-content,
	#SidebarCalloutsContainer ul li img,
	#CalloutsContainer ul li img,
	aside img{ 
		/*border: 1px solid #d4d8de;*/
	}
			#Home .carousel .owl-wrapper-outer { 
				border-bottom: 0 none;
			}

	#Home .carousel .owl-item h2 {
		font-size: 2em; /*24px */
	}
	#Home .carousel .owl-item p {	
		font-size: 1em;
	}
	
	#WelcomeMessage {
		bottom: 5%;
		color: #4a4f55;
		float: left;
		left: 0;
		margin-left: 0;
		max-width: 600px;
		padding: 15px 2.46711%;
		width: 100%;
		position: relative;
		background: none;
	}

	#CommitteeSearch fieldset div label:first-child { 
		display: block;
		clear: both;
		width:100%;
	}
	#CommitteeSearch fieldset >div {
		width: 100%;
		height: auto;
	}	
	
	

	#LegislatorDetail { 
		position: relative;
	}
		#LegislatorDetail .content-top {
			width: 75%;
		}
		#LegislatorDetail #ContactInfo img { 
			position: absolute;
			top: 30px;
			right: 15px;
		}
		#LegislatorDetail #ContactInfo #CapAddress {
			margin-left: 0;
		}

	#LegislatorSearch #SearchAddress select {
		clear: both;
		display: block;
	}
	
	#LegislatorSearch #SearchAddress div label.error {
		margin-left: 0;
	}

	#LegislatorSearch #Results ul li {
		width:auto;
	}
	#LegislatorSearch #Results ul li img {
		border: 1px solid #d4d8de;
			
	}

	#LegislatorDetail #ContactInfo img	{
		border: 1px solid #d4d8de;
		
	}

	
	#LoginPage label, #LoginPage input{
		width: 100%;
		float: none;
	}
	
	#Register fieldset div label,
	#Register fieldset div input[type="text"],
	#EditMyProfile fieldset div label,
	#EditMyProfile fieldset div input[type="text"] {
		width: 100%;
		max-width: none;
	}
	#Register fieldset div select {
		max-width: none;
		width: 100%;
	}
	#Register fieldset div input[type="submit"],
	#EditMyProfile fieldset div input[type="submit"]{
		margin: 10px auto 0;
	    display: block;
	    text-align: center;
		width: 100%;
	}
	#EditMyProfile fieldset div select {
		max-width: none;
		width: 100%;
	}
	#Register fieldset div label.error {
		margin-lefT: 0;
	}

}
@media only screen and (max-width:440px){	
	.tabs-container .tabs li a {
		padding: 0 9px;
	}	

}
@media only screen and (max-width:410px){	
	/* Iphone size */
	#Home .carousel .owl-item .carousel-caption	{
		position: relative;
	}
}

@media only screen and (max-width:375px){
	.tabs-container .tabs li {	
		width: 100%;
	}
	.tabs-container .tabs {
		border-bottom: 1px solid #333;
	}
	

}
@media only screen and (max-width:360px){
	
	/* Mobile phone size */	
	
	#Identity a {
		background: url("../img/img-identity320.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		background-size: contain;
		background-position: center center;
		height: 50px;
		top:12px;
	}
	.mobile-profile-navigation p { 
		width: 100%;
	}
	

	footer section { 
		width: 100%;
		text-align:center;
		float: none;
		
	}

	input[type="submit"]{
		width: 100%;
		margin-top: 10px;
	}
	


	#CommitteeSearch #Federal input[type="submit"],
	#CommitteeSearch #State input[type="submit"]{
	
		margin-left:0;
	}
	

	
	#LegislatorSearch #SearchAddress,
	#LegislatorSearch #SearchTypes { 
		width: 100%;
	}
		#LegislatorSearch #SearchTypes div {
			width: 50%;
			clear: none;
			float: left;
		}

	#LegislatorSearch #Results ul li {
		width: 50%;
	}
	
	#LegislatorDetail #ContactInfo #CapAddress,
	#LegislatorDetail #ContactInfo #DistAddress {
		width:100%;
		margin-bottom:5px;
		margin-left:0;
	}	
	
	#BodyWrapper fieldset label, 
	#BodyWrapper fieldset input[type="text"],
	#PageWrapper fieldset select,
	#PageWrapper fieldset textarea	
	{
		width: 100%;
		max-width: none;
		float: none;
		margin-left: 0;
	}
		#TellAFriend  div input[type="text"] + input[type="text"]  {
			margin-top:5px;
		}
	
}

@media only screen and (max-width:320px){
	
			
	#Identity {
		 height: 71px;
    	 top: 35px;
		 background:#fff;
		 width:100%;
	}
	header {
		height: 108px;
		background:#af3100;
	}
	#Home {
		padding: 0;
		border-top: 5px #af3100 solid;
	}

	#Home #Hero-Img {
		max-height: 217px;

	}

	/* iPhone 5  & Smaller Mobile phones */
	#TellAFriend input[type=text]  {	
		width: 100%;
		margin-bottom: 5px;
	}
	#TellAFriend fieldset div { 
		margin-botom:0;
	}

	#recaptcha_area, #recaptcha_table {
		width: auto !important;
	}
	
	.recaptchatable #recaptcha_image {
		margin: 0 !important;
		width: 200px !important;
	}
	.recaptchatable #recaptcha_challenge_image {
		width: 200px !important;
	}

	
	.recaptchatable .recaptcha_r1_c1, 
	.recaptchatable .recaptcha_r3_c1, 
	.recaptchatable .recaptcha_r3_c2, 
	.recaptchatable .recaptcha_r7_c1, 
	.recaptchatable .recaptcha_r8_c1, 
	.recaptchatable .recaptcha_r3_c3, 
	.recaptchatable .recaptcha_r2_c1, 
	.recaptchatable .recaptcha_r4_c1, 
	.recaptchatable .recaptcha_r4_c2, 
	.recaptchatable .recaptcha_r4_c4, 
	.recaptchatable .recaptcha_image_cell {
		background: none !important;
	}



	
}