html { background: #03203a url(/design/img/html.png) repeat-x center top; }
body { 
   background: url(/design/img/body.png) no-repeat center top;
	margin: 0 auto;
	font: 12px/18px Arial, Tahoma, sans-serif; 
	color: #616161; 
	text-align: center; }

/* --------------- Header --------------- */
	
.header { 
	width: 980px; 
	height: 120px;
	position: relative; }

.header h1, 
.header .tagline,
.header .utility,
.header .connect { 
	position: absolute;
	overflow: hidden;
	text-indent: -1000px; } 
	
.header h1 { 
	background: #04203b;
	padding: 12px;
	border-radius: 8px;
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px;	
	box-shadow: inset 2px 2px 4px rgba(0, 0, 0, .30); 	 
		-webkit-box-shadow: inset 2px 2px 4px rgba(0, 0, 0, .30); 
		-moz-box-shadow: inset 2px 2px 4px rgba(0, 0, 0, .30); 
	left: 0px; 
	top: 15px;
	display: block;
	-webkit-transition: background-color .3s ease-in-out;
		-moz-transition: background-color .3s ease-in-out;
		-o-transition: background-color .3s ease-in-out;
		-ms-transition: background-color .3s ease-in-out;
		transition: background-color .3s ease-in-out; } 
	.header h1:hover { 
		background: #042a4f; 
		box-shadow: 1.5px 1.5px 2px rgba(0, 0, 0, .40); 	 
			-webkit-box-shadow: 1.5px 1.5px 2px rgba(0, 0, 0, .40);  
			-moz-box-shadow: 1.5px 1.5px 2px rgba(0, 0, 0, .40); } 
	.header h1:active { 
		background: #031629; 
		box-shadow: inset 3px 3px 4px rgba(0, 0, 0, .40); 	 
			-webkit-box-shadow: inset 2px 2px 4px rgba(0, 0, 0, .40); 
			-moz-box-shadow: inset 2px 2px 4px rgba(0, 0, 0, .40); } 
	.header h1 a { 
		background: url(/design/img/logo.png) no-repeat 0 0; 
		width: 275px;
		height: 65px;
		display: block; } 
	.ie7 .header h1 { width: 275px; float: left; } 
		

.header .tagline {
	background: url(/design/img/tagline.png) no-repeat 0 0; 
	width: 134px;
	height: 50px;
	left: 315px; 
	top: 33px; } 
	
/* --------- Header - Utility --------- */

.header .utility {
	width: 194px;
	right: 0; 
	top: 6px; } 
.ie7 .header .utility { width: 200px; float: right; height: 15px; } 	
		
.header .utility a, .header .utility .dot {
	background: url(/design/img/utility.png) no-repeat 0 0; 	
	height: 15px;
	margin: 0 5px;
	display: block;
	float: left;
	transition: background-position .3s ease-in-out;	
		-webkit-transition: background-position .3s ease-in-out;
		-moz-transition: background-position .3s ease-in-out;
		-o-transition: background-position .3s ease-in-out;
		-ms-transition: background-position .3s ease-in-out; }
	
.header .utility a.espanol { background-position: 0 0; width: 74px; } 		
.header .utility a.espanol:hover { background-position: 0 -15px; } 		
.header .utility a.espanol:active { background-position: 0 -30px; }

.header .utility .dot { background-position: -74px 0; width: 6px; } 		

.header .utility a.twitter { background-position: -80px 0; width: 16px; } 		
.header .utility a.twitter:hover { background-position: -80px -15px; } 		
.header .utility a.twitter:active { background-position: -80px -30px; }

.header .utility a.facebook { background-position: -96px 0; width: 8px; } 		
.header .utility a.facebook:hover { background-position: -96px -15px; } 		
.header .utility a.facebook:active { background-position: -96px -30px; }

.header .utility a.youtube { background-position: -104px 0; width: 14px; } 		
.header .utility a.youtube:hover { background-position: -104px -15px; } 		
.header .utility a.youtube:active { background-position: -104px -30px; }

.header .utility a.google { background-position: -118px 0; width: 16px; } 		
.header .utility a.google:hover { background-position: -118px -15px; } 		
.header .utility a.google:active { background-position: -118px -30px; }

 		
/* --------- Header - Connect --------- */
		
.header .connect {
	background: #04203b;
	width: 490px;
	height: 46px;	
	padding: 15px 0;
	border-radius: 8px;
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px;	
	box-shadow: inset 2px 2px 4px rgba(0, 0, 0, .30); 	 
		-webkit-box-shadow: inset 2px 2px 4px rgba(0, 0, 0, .30); 
		-moz-box-shadow: inset 2px 2px 4px rgba(0, 0, 0, .30); 
	left: 490px; 
	top: 28px;
	display: block;
	-webkit-transition: background-color .3s ease-in-out;
		-moz-transition: background-color .3s ease-in-out;
		-o-transition: background-color .3s ease-in-out;
		-ms-transition: background-color .3s ease-in-out;
		transition: background-color .3s ease-in-out; }		
	.header .connect:hover { 
		background: #042a4f; 
		box-shadow: inset 3px 3px 5px rgba(0, 0, 0, .40); 	 
			-webkit-box-shadow: inset 3px 3px 5px rgba(0, 0, 0, .40); 
			-moz-box-shadow: inset 3px 3px 5px rgba(0, 0, 0, .40); } 

.header .connect .support, 
.header .connect .join { float: left; }	

/* ----- Header - Connect - Support ----- */

.header .connect .support {
	width: 265px;
	border-right: 1px solid #14395a; }	

.header .connect .support h2 { margin: 0; }
.header .connect .support h2 a {
	background: url(/design/img/get-support-now.png) no-repeat center 0;
	height: 17px;
	overflow: hidden;
	display: block; 
	-webkit-transition: background-position .2s ease-in-out;
		-moz-transition: background-position .2s ease-in-out;
		-o-transition: background-position .2s ease-in-out;
		-ms-transition: background-position .2s ease-in-out;
		transition: background-position .2s ease-in-out; }
.header .connect .support h2 a:hover { background-position: center -17px; }	
.header .connect .support h2 a:active { background-position: center -34px; }	

.header .connect .support h3 { 
	margin: 3px 0;
	background: url(/design/img/1-866-our-vote.png) no-repeat center 0;
	height: 26px; }
	
/* ----- Header - Connect - Join ----- */
	
.header .connect .join { 
	width: 194px; 
	padding: 0 15px; }				

.header .connect .join h2 { margin: 0 0 2px; }
.header .connect .join h2 a {
	background: url(/design/img/email-updates.png) no-repeat center 0;
	height: 19px;
	overflow: hidden;
	
	display: block; 
	-webkit-transition: background-position .2s ease-in-out;
		-moz-transition: background-position .2s ease-in-out;
		-o-transition: background-position .2s ease-in-out;
		-ms-transition: background-position .2s ease-in-out;
		transition: background-position .2s ease-in-out; }
.header .connect .join h2 a:hover { background-position: center -19px; }	
.header .connect .join h2 a:active { background-position: center -38px; }	

.header .connect .join form { position: relative; }				

	.header .connect .join input {
		background: #fff;
		-webkit-box-shadow: inset 1px 1px 1.5px 0px rgba(0, 0, 0, .2);
			-moz-box-shadow: inset 1px 1px 1.5px 0px rgba(0, 0, 0, .2);;
			box-shadow: inset 1px 1px 1.5px 0px rgba(0, 0, 0, .2);
		border-radius: 4px;
			-moz-border-radius: 4px; 
			-webkit-border-radius: 4px;				
		position: absolute;
		top: 0;		
		padding: 6px 5px;
		border: none;
		font-family: Arial, Tahoma, sans-serif; 
			font-size: 11px;
			line-height: 11px; 
			color: #0a548b;
		cursor: pointer;
		-webkit-transition: background-position .3s ease-in, color .3s ease-in;
			-moz-transition: background-color .3s ease-in, color .3s ease-in;
			-o-transition: background-color .3s ease-in, color .3s ease-in;
			-ms-transition: background-color .3s ease-in, color .3s ease-in;
			transition: background-color .3s ease-in, color .3s ease-in; }
		.ie .header .connect .join input { padding: 6px 3px 6px 7px; }
				
		.header .connect .join input:hover { 
			background-color: #0a6cb1;	
			color: #fff; }				
		.header .connect .join input:focus {
			background-color: #d2ebfb; 
			color: #053053; 
			cursor: text;
			box-shadow: inset 1.5px 1.5px 2px 0px rgba(0, 0, 0, .3);		
				-webkit-box-shadow: inset 1.5px 1.5px 2px 0px rgba(0, 0, 0, .3);
				-moz-box-shadow: inset 1.5px 1.5px 2px 0px rgba(0, 0, 0, .3);
			transition: none;				
				-webkit-transition: none;
				-moz-transition: none;
				-o-transition: none;
				-ms-transition: none; }
		.header .connect .join input.email { width: 86px; left: 0px; }
		.header .connect .join input.zip { width: 53px; left: 99px; }

		
		.header .connect .join input.error { background-color: #e50000; color: #fff; }
		.header .connect .join input.error:hover { background-color: #ca0000; color: #fff; }
		.header .connect .join input.error:focus { background-color: #e54949; color: #fff; }

		.header .connect .join button {
			background: #e60000 url(/design/img/go.png) no-repeat center center;
			width: 29px; 
			height: 26px; 
			border-radius: 4px;
				-moz-border-radius: 4px; 
				-webkit-border-radius: 4px;			
			border: none;
			cursor: pointer; 
			position: absolute;
			top: 0; 
			right: 0; 
			overflow: hidden;
			text-indent: -200px;
			-webkit-transition: background-color .2s ease-in;
				-moz-transition: background-color .2s ease-in;
				-o-transition: background-color .2s ease-in;
				-ms-transition: background-color .2s ease-in;
				transition: background-color .2s ease-in; }
			.ie6.header .connect .join button { background-image: url(/design/img/go8.png) }				
			.ie .header .connect .join button { height: 25px; }
				
			.header .connect .join button:hover { background-color: #1268a5; }		
			.header .connect .join button:active { 
				background-color: #095185; 
				-webkit-box-shadow: inset 1px 1px 1.5px 0px rgba(0, 0, 0, .2);
					-moz-box-shadow: inset 1px 1px 1.5px 0px rgba(0, 0, 0, .2);
					box-shadow: inset 1px 1px 1.5px 0px rgba(0, 0, 0, .2);										
				-webkit-transition: none;
					-moz-transition: none;
					-o-transition: none;
					-ms-transition: none;
					transition: none; }	

		.ie7 .header .connect .join input.email,
		.ie7 .header .connect .join input.zip,
		.ie7 .header .connect .join button { float: left; position: fixed; margin-left: 3px; }
		
		.ie7 .header .connect .join input { padding: 8px 5px 4px;  }							
					
/* --------------- Wrappers --------------- */

.wrap {
	background: #fff url(/design/img/wrap.png) no-repeat center top;	
	width: 980px; 
	min-height: 400px;
	padding-bottom: 13px;
	border-radius: 6px;
		-moz-border-radius: 6px; 
		-webkit-border-radius: 6px;		
	clear: both; }
.home .wrap { padding-bottom: 0; }
.ie8 .wrap { background-color: #ebf5fb; background-image: none; }

.content  { 
	background: #fff;
	border-radius: 8px;
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px;	
	min-height: 200px;
	margin: 0 13px;
	padding: 13px 13px 0;
	text-align: left;
	box-shadow: 0 0 25px rgba(9, 79, 130, .30); 	 
		-webkit-box-shadow: 0 0 25px (9, 79, 130, .30); 
		-moz-box-shadow: 0 0 25px (9, 79, 130, .30); } 	
.secondary .content  { padding-bottom: 13px; } 			

/* --------------- Hero --------------- */

.featured {
	background: #073f6c url(/design/img/featured.png) repeat-x 0 0; 
	height: 340px;
	overflow: hidden;	
	margin: 0 13px 13px 13px;
	padding: 0;
	border-radius: 8px;
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px;			
	position: relative; }	
	
.featured h1 {
	margin-bottom: 13px;
	font-size: 45px;
	line-height: 38px;
	text-transform: uppercase;
	color: #da0000;
	text-shadow: rgba(0, 0, 0, .30) 1px 1px 1.5px; }
.featured h1.small {font-size: 38px; line-height: 32px; }   
.featured h1.medium {font-size: 45px; line-height: 38px; }   
.featured h1.large {font-size: 55px; line-height: 47px; }   

   .featured h1 a { color: #da0000; display: block; }
   .featured:hover h1 a { color: #d6eaf6; }	
	
.featured p a {
	font-size: 14px;
   line-height: 18px;
	color: #fff;
	display: block;
	text-shadow: rgba(0, 0, 0, .30) 1px 1px 1px; }
.featured:hover p a { color: #e4f1fa; }	

.ie7 .featured .button  { width: 150px; }	
.featured .button {
	background: #e60000;
	box-shadow: 1.5px 1.5px 2px 0px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 1.5px 1.5px 2px 0px rgba(0, 0, 0, .3);
		-moz-box-shadow: 1.5px 1.5px 2px 0px rgba(0, 0, 0, .3);
	margin-top: 13px;
	border-radius: 6px;
		-moz-border-radius: 6px; 
		-webkit-border-radius: 6px;	
   font-family: "proxima-nova-condensed", sans-serif;       
   	color: #fff;
		text-transform: uppercase;	
		font-size: 16px;
		text-shadow: rgba(0, 0, 0, .30) 1px 1px 1px; 	
	border: none;
	cursor: pointer;
	display: inline-block; }
.featured .button a {
	background: #e60000;
	box-shadow: inset 0 10px 25px 0px rgba(255, 255, 255, .4);
	-webkit-box-shadow: inset 0 10px 25px 0px rgba(255, 255, 255, .4);	
		-moz-box-shadow: inset 0 10px 25px 0px rgba(255, 255, 255, .4);
	padding: 6px 12px 5px;
	cursor: pointer; 
	color: #fff;
	border-radius: 6px;
		-moz-border-radius: 6px; 
		-webkit-border-radius: 6px;	
	-webkit-transition: background-color .2s ease-in;
		-moz-transition: background-color .2s ease-in;
		-o-transition: background-color .2s ease-in;
		-ms-transition: background-color .2s ease-in;
		transition: background-color .2s ease-in;
		display: inline-block; }
.featured:hover .button a { 
	background-color: #a70000;
	box-shadow: inset 0 10px 25px 0px rgba(255, 255, 255, .5);
	-webkit-box-shadow: inset 0 10px 25px 0px rgba(255, 255, 255, .5);	
		-moz-box-shadow: inset 0 10px 25px 0px rgba(255, 255, 255, .5); }		
.featured:active .button a { 
	background-color: #e60000; 
	-webkit-box-shadow: inset 1.5px 1.5px 3.5px 0px rgba(0, 0, 0, .2);
		-moz-box-shadow: inset 1.5px 1.5px 3.5px 0px rgba(0, 0, 0, .2);
		box-shadow: inset 1.5px 1.5px 3.5px 0px rgba(0, 0, 0, .2);										
	-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		-ms-transition: none;
		transition: none; }	
			
/* --------------- RSS Button --------------- */
	
.rss { 
	background: #db0202;
	-webkit-box-shadow: inset .5px .5px 2px .8px rgba(0, 0, 0, .20);
		-moz-box-shadow: inset .5px .5px 2px .8px rgba(0, 0, 0, .20);
		box-shadow: inset .5px .5px 2px .8px rgba(0, 0, 0, .20);	
	border-radius: 4px;
		-moz-border-radius: 4px; 
		-webkit-border-radius: 4px;					
	width: 17px; 
	margin: 0 6px 0 0;
	border: none;
	cursor: pointer;
	float: left; 
	-webkit-transition: background-color .3s ease-in-out;
		-moz-transition: background-color .3s ease-in-out;
		-o-transition: background-color .3s ease-in-out;
		-ms-transition: background-color .3s ease-in-out;
		transition: background-color .3s ease-in-out; }
	.rss:hover { background: #042748; }
	.rss:active { 
		background: #0b5a93;
		-webkit-transition: none;
			-moz-transition: none;
			-o-transition: none;
			-ms-transition: none;
			transition: none; }
	.rss a { 
		background: url(/design/img/rss.png) no-repeat center center;
		height: 16px;
		display: block; }	
	.ie6 .rss a { background-image: url(/design/img/rss8.png); }		
	
/* --------------- Promos --------------- */

.promos a { 
	background: #073e6a;
   background-repeat: no-repeat;
   background-position: center center;
	width: 175px;
	height: 180px;
	margin: 0 13px 13px 0;
	box-shadow: inset 3px 3px 6px rgba(0, 0, 0, .30); 	 
		-webkit-box-shadow: inset 3px 3px 6px rgba(0, 0, 0, .30);
		-moz-box-shadow: inset 3px 3px 6px rgba(0, 0, 0, .30);
	border-radius: 6px;
		-moz-border-radius: 6px; 
		-webkit-border-radius: 6px;	
	float: left; } 
.promos a:hover { 
	box-shadow: inset 4px 4px 8px rgba(0, 0, 0, .70); 	 
		-webkit-box-shadow: inset 4px 4px 8px rgba(0, 0, 0, .70);
		-moz-box-shadow: inset 4px 4px 8px rgba(0, 0, 0, .70); } 
.promos a:hover { 
   box-shadow: inset 4px 4px 5px rgba(0, 0, 0, .70); 	 
		-webkit-box-shadow: inset 4px 4px 5px rgba(0, 0, 0, .70);
		-moz-box-shadow: inset 4px 4px 5px rgba(0, 0, 0, .70); }       
      
.promos a.wide { 
   width: 363px;
   height: 95px;
   clear: both; }
															
/* --------------- Footer --------------- */

.footer {
	width: 980px; 
	padding: 10px 0;
	text-align: center;
	font-size: 11px;
	line-height: 14px;
	color: #fff; }
	
.footer a { color: #db0000; }
.footer a:hover { color: #c0daec; }

.ie7 .footer .donate { width: 145px; }
.footer .donate {
	background: #e60000;
	box-shadow: inset 0 10px 25px 0px rgba(255, 255, 255, .4);
	-webkit-box-shadow: inset 0 10px 25px 0px rgba(255, 255, 255, .4);	
		-moz-box-shadow: inset 0 10px 25px 0px rgba(255, 255, 255, .4);
	padding: 12px 20px 10px;
	float: left; 
	border-radius: 6px;
		-moz-border-radius: 6px; 
		-webkit-border-radius: 6px;			
	border: none;
	cursor: pointer; 
	overflow: hidden;
	text-indent: -600px;
	-webkit-transition: background-color .2s ease-in;
		-moz-transition: background-color .2s ease-in;
		-o-transition: background-color .2s ease-in;
		-ms-transition: background-color .2s ease-in;
		transition: background-color .2s ease-in; }

		
.footer .donate a {
	background: url(/design/img/donate-today.png) no-repeat center center;
	width: 138px;
	height: 18px;
	display: block; }
	.ie6 .footer .donate a { background-image: url(/design/img/donate-today8.png); }
		
.footer .donate:hover { 
	background-color: #1268a5;
	box-shadow: inset 0 -10px 25px 0px rgba(255, 255, 255, .2);
	-webkit-box-shadow: inset 0 -10px 25px 0px rgba(255, 255, 255, .2);	
		-moz-box-shadow: inset 0 -10px 25px 0px rgba(255, 255, 255, .2); }		
.footer .donate:active { 
	background-color: #095185; 
	-webkit-box-shadow: inset 1px 1px 1.5px 0px rgba(0, 0, 0, .2);
		-moz-box-shadow: inset 1px 1px 1.5px 0px rgba(0, 0, 0, .2);
		box-shadow: inset 1px 1px 1.5px 0px rgba(0, 0, 0, .2);										
	-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		-ms-transition: none;
		transition: none; }	
		
.footer .connect { width: 300px; margin-top: 12px; }
.ie8 .footer .connect { width: 308px; margin-top: 12px; }		
		
	.footer .connect .stay-connected, 
	.footer .connect .line,
	.footer .connect a {
		background: url(/design/img/stay-connected.png) no-repeat 0 0; 	
		height: 23px;
		margin: 0 10px;
		display: block;
		float: left;
		overflow: hidden;
		text-indent: -1000px;
		transition: background-position .3s ease-in-out;	
			-webkit-transition: background-position .3s ease-in-out;
			-moz-transition: background-position .3s ease-in-out;
			-o-transition: background-position .3s ease-in-out;
			-ms-transition: background-position .3s ease-in-out; }
	.footer .connect a:last-child { margin-right: 0; }

	.footer .connect .stay-connected { background-position: 0 0; width: 118px; margin-left: 0;} 		
	.footer .connect .line { background-position: -118px 0; width: 1px; } 		
	
	.footer .connect a.twitter { background-position: -119px 0; width: 24px; } 		
	.footer .connect a.twitter:hover { background-position: -119px -23px; } 		
	.footer .connect a.twitter:active { background-position: -119px -46px; }
	
	.footer .connect a.facebook { background-position: -143px 0; width: 11px; } 		
	.footer .connect a.facebook:hover { background-position: -143px -23px; } 		
	.footer .connect a.facebook:active { background-position: -143px -46px; }
	
	.footer .connect a.youtube { background-position: -154px 0; width: 22px; } 		
	.footer .connect a.youtube:hover { background-position: -154px -23px; } 		
	.footer .connect a.youtube:active { background-position: -154px -46px; }
	
	.footer .connect a.google { background-position: -176px 0; width: 22px; } 		
	.footer .connect a.google:hover { background-position: -176px -23px; } 		
	.footer .connect a.google:active { background-position: -176px -46px; }		

.footer form.search {
	background: #084270;
	width: 170px;
	padding: 4px;
	float: right;
	border-radius: 4px;
		-moz-border-radius: 4px; 
		-webkit-border-radius: 4px;			
	border: none;
	cursor: pointer; 
	overflow: hidden;
	position: relative;
	box-shadow: inset 0 10px 10px 0px rgba(0, 0, 0, .1);
	-webkit-box-shadow: inset 0 10px 10px 0px rgba(0, 0, 0, .1);	
		-moz-box-shadow: inset 0 10px 10px 0px rgba(0, 0, 0, .1);
	-webkit-transition: background-color .2s ease-in;
		-moz-transition: background-color .2s ease-in;
		-o-transition: background-color .2s ease-in;
		-ms-transition: background-color .2s ease-in;
		transition: background-color .2s ease-in; }
		
.footer form.search:hover { background: #1268a5;  color: #fff; }		

.footer form.search input {
	background: none;
	border: none;
	font-family: Arial, Tahoma, sans-serif; 
		font-size: 11px;
		line-height: 11px; 
		color: #fff;
	padding: 4px;
	float: left;
	cursor: pointer; }
	
	.footer form.search button {
		background: url(/design/img/search.png) no-repeat 0 0;
		width: 17px; 
		height: 15px; 	
		margin-top: 4px;		
		border: none;
		cursor: pointer; 
		float: right;
		overflow: hidden;
		text-indent: -600px;
		-webkit-transition: background-position .2s ease-in;
			-moz-transition: background-position .2s ease-in;
			-o-transition: background-position .2s ease-in;
			-ms-transition: background-position .2s ease-in;
			transition: background-position .2s ease-in; }
		.ie6 form.search button { background-image: url(/design/img/search8.png); }

		.footer form.search button:hover,
		.footer form.search:hover button { background-position: 0 -15px; }		
		.footer form.search button:active { 
			background-position: 0 0 !important;							
			-webkit-transition: none;
				-moz-transition: none;
				-o-transition: none;
				-ms-transition: none;
				transition: none; }	

.footer .copyright { 
	display: block;
	padding: 25px 0 6px;
	clear: both; }
.footer .links { 
	display: block;
	text-transform: uppercase; }
.footer span.credit { 
	padding-top: 7px;
	display: block;
	text-transform: none !important; }