img.reaction_icon_pad {
  display: inline;
}
span.icon img {
  display: inline;
}

/* Typography Stuff */

body {	
	font-family: "nimbus-sans",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 100%;
	color: #444;
	line-height: 1.6em; /* from cssgrid.net */
	-webkit-text-size-adjust: none;		/* from cssgrid.net */ /* Stops the iPhone scalling type up - from cssgrid.net */
}
/* link colors */
a { 
	color: #1174fa; 
	text-decoration:none; 
}
a:visited { 
	color:#1174fa; 
	text-decoration:none; 
}
a:hover { 
	color:#eb6721; 
	text-decoration:underline; 
}
a:focus { 
	outline:1px dotted #79160d; 
}


hr { 
	background:black; 
	border:none; 
	color:black; 
	display:block; 
	height:1px; 
	margin-top: 20px; 
	width:100%;
}


p, 
dl, 
hr, 
ol, 
ul, 
pre, 
table, 
address, 
fieldset {
	margin-bottom: 1.6em;
}

dt { font-weight: bold; }
p { font-size: 1em; }
p + p, p + ul {margin-top: -.8em;}

p + h1 { margin-top:.5em; }

	h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p { margin-top: 0;} /* fix for weird Chrome collapse bug */

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	font-family: "bebas-neue",sans-serif;
	font-style: normal;
	font-weight: 400;
	margin-bottom: 1.6em;
	color: #515050;
	letter-spacing: 1px;
}
h1 { 
	font-size: 2em; 
	line-height:1.2em; 
	margin:1em 0 .5em; 
}
h2 { 
	font-size:1.7em; 
	line-height:1.3em; 
	margin:1.07em 0 .535em; 
}
h3 { 
	font-size:1.3em; 
	margin:1.14em 0 .57em 0; 
}
h4 { 
	font-size:1.25em; 
	margin:1em 0 .5em; 
}
h5, h6 { 
	font-size: 1em; 
	margin:1em 0 .25em 0; 
}

ol { 
	margin-left: 0; 
	padding-left: 20px; 
	text-indent: 0; 
}
ul {
	list-style:disc outside;
}
li { 
	font-size: 15px; 
	margin-bottom: 2px; 
	margin-left: 20px; 
}
blockquote { 
	font-family: Georgia, "Times New Roman", Times, sans-serif; 
	font-size:18px; 
	line-height: 24px; 
	font-style:italic; 
	padding-left:35px; 
	color: #999; 
	margin: .5em 0 .5em 0; 
}

input, textarea { 
	font: .75em  Arial, "Helvetica Neue", Helvetica, sans-serif; 
}
p {
	font-size: 18px;
	line-height: 30px;	
}

.alignright,
.alignleft,
.aligncenter {
	display: block;
}
.alignright {
	float: right;	
	margin: 0 0 0 10px;
}
.alignleft {
	float: left;	
	margin: 0 10px 0 0;
}
.aligncenter {
	margin: 5px auto;
		
}

/* Add back in basic text markup (after removal by reset) */
strong { 
	font-weight: bold; 
}
em { 
	font-style:italic; 
}
pre { 
	font-family: "Courier New", Courier, monospace; font-size: 13px; font-weight:bold; 
}

body {

}
.header {
	padding: 15px 0;
}
.logo_container {

}
.nav_container {
	background-color: white;
  margin: 0;
  padding: 0;
}
ul.primary_navigation {
	margin: 25px 0 0 0;
	padding: 0;
	float: right;
}
ul.primary_navigation li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}
ul.primary_navigation li a {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	padding: 1px 10px;
	color: #515050;
}
ul.primary_navigation li a:hover {
	background-color: #1e73fe;
	color: white;	
	text-decoration: none;
}

/*Primary Nav*/

.nav_container {
background-color:transparent;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
margin:0 0;
padding:0px;
}

ul#topnav {
line-height:30px;
float:none;
list-style:none;
font-size:auto;
margin:0;
padding:0;
  	background-color: white;
	margin: 25px 0 0 0;
	padding: 0;
	float: right;
}

ul#topnav li {
float:left;
position:relative;
margin:0 0 0 0;
padding:0;
}

ul#topnav li a {
float:left;
padding:0 20px;
  	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	padding: 1px 10px;
	color: #515050;
}

ul#topnav li:hover a,ul#topnav ul#topnav li a:hover {
color:#333;
text-decoration:none;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
background-color:#a9cedf;
	background-color: #1e73fe;
	color: white;	
	text-decoration: none;
}

ul#topnav li .sub {
position:absolute;
top:30px;
left:-1px;
z-index:99999;
background-color:#e1eef4;
float:left;
display:none;
border-bottom-left-radius:6px;
-moz-border-radius-bottomleft:6px;
-webkit-border-bottom-left-radius:6px;
border-bottom-right-radius:6px;
-moz-border-radius-bottomright:6px;
-webkit-border-bottom-right-radius:6px;
padding:8px 15px 15px 10px;
}

ul#topnav .sub ul li {
width:100%;
border:none;
color:#333;
}

ul#topnav .sub ul li a:link,ul#topnav .sub ul li a:active,ul#topnav .sub ul li a:visited {
float:none;
text-indent:0;
height:auto;
background-image:none;
background:none;
display:block;
text-decoration:none;
color:#333;
font-size:.9em;
line-height:1.2em;
font-weight:400;
padding:5px 5px 5px 12px;
}

ul#topnav .sub ul li a:hover {
background-color:#96c4d9;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
text-decoration:none;
background-image:none!important;
background-position:0 12px;
}

ul#topnav .active a:link,ul#topnav .active a:visited,ul#topnav .active_left a:link,ul#topnav .active_left a:visited {
background-color:#a9cedf;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
color:#333;
text-decoration:none;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
background-color:#a9cedf;
	background-color: #1e73fe;
	color: white;	
	text-decoration: none;
}

ul#topnav .active a:hover,ul#topnav .active_left a:hover {
background-image:none!important;
text-decoration:none;
}

ul#topnav .active_drop_left a:link,ul#topnav .active_drop_left a:visited {
background-image:url(//d3n8a8pro7vhmx.cloudfront.net/assets/dark_arrow-7949adf89121ab03b067bb07c5cb34aa.png);
background-position:center right;
background-repeat:no-repeat;
background-color:#a9cedf;
color:#333;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
padding-right:26px!important;
  text-decoration:none;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
background-color:#a9cedf;
	background-color: #1e73fe;
	color: white;	
	text-decoration: none;
}

ul#topnav .active_drop a:link,ul#topnav .active_drop a:visited {
background-image:url(//d3n8a8pro7vhmx.cloudfront.net/assets/dark_arrow-7949adf89121ab03b067bb07c5cb34aa.png);
background-position:center right;
background-repeat:no-repeat;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
background-color:#a9cedf;
color:#333;
padding-right:26px!important;
  text-decoration:none;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
background-color:#a9cedf;
	background-color: #1e73fe;
	color: white;	
	text-decoration: none;
}

ul#topnav .active_drop_left a:hover,ul#topnav .active_drop a:hover {
text-decoration:none;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
background-color:#a9cedf;
  text-decoration:none;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
background-color:#a9cedf;
	background-color: #1e73fe;
	color: white;	
	text-decoration: none;
}

ul#topnav .active_drop a:hover,ul#topnav .active_drop_left a:hover {
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
background:url(//d3n8a8pro7vhmx.cloudfront.net/assets/dark_arrow-7949adf89121ab03b067bb07c5cb34aa.png) #a9cedf center right no-repeat!important;
text-decoration:none;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
background-color:#a9cedf;
	background-color: #1e73fe;
	color: white;	
	text-decoration: none;
}

ul#topnav .drop a:link,ul#topnav .drop a:visited {
background-image:url(//d3n8a8pro7vhmx.cloudfront.net/assets/dark_arrow-7949adf89121ab03b067bb07c5cb34aa.png);
background-position:center right;
background-repeat:no-repeat;
padding-right:26px!important;
color:#333;
}

ul#topnav .drop a:hover {
color:#333;
text-decoration:none;
background-image:url(//d3n8a8pro7vhmx.cloudfront.net/assets/dark_arrow-7949adf89121ab03b067bb07c5cb34aa.png)!important;
background-position:center right;
background-repeat:no-repeat;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
background-color:#a9cedf;
  text-decoration:none;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
background-color:#a9cedf;
	background-color: #1e73fe;
	color: white;	
	text-decoration: none;
}

ul#topnav .nodrop a:link,ul#topnav .nodrop a:visited {
color:#333;
}

ul#topnav .nodrop a:hover {
color:#333;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
background-image:none!important;
  text-decoration:none;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
background-color:#a9cedf;
	background-color: #1e73fe;
	color: white;	
	text-decoration: none;
}

ul#topnav .drop_left a:link,ul#topnav .drop_left a:visited {
background-image:url(//d3n8a8pro7vhmx.cloudfront.net/assets/dark_arrow-7949adf89121ab03b067bb07c5cb34aa.png);
background-position:center right;
background-repeat:no-repeat;
background-color:#e1eef4;
color:#333;
padding-right:22px;
}

/*End Primary Nav */




ul.social_navigation {
	margin: 25px 0 0 30px;
	padding: 0;
	float: right;
}
ul.social_navigation li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
}
ul.social_navigation li a {
	display: block;
	float: left;
	width: 29px;
	height: 27px;
	margin: 0 3px 0 4px;
}
li.social_facebook a {
	background-image: url(social_facebook.png);
}
li.social_twitter a {
	background-image: url(social_twitter.png);
}
li.social_rss a {
	background-image: url(social_rss.png);
}
li.social_youtube a {
	background-image: url(social_youtube.png);
}
li.social_facebook a:hover {
	background-image: url(social_facebook_active.png);
}
li.social_twitter a:hover {
	background-image: url(social_twitter_active.png);
}
li.social_rss a:hover {
	background-image: url(social_rss_active.png);
}
li.social_youtube a:hover {
	background-image: url(social_youtube_active.png);
}
.slider_container {
	background-color: #ebf3f5;
	margin-top: 5px;
	max-height: 343px;
}
.slider_container img {
	display: block;
	
}
.slider_left,
.slider_right {
	float: left; 
	margin-right: 3.8%; 
	position: relative;
}
.slider_left {

	width: 69%;
}
.slider_right {
	width: 27.2%;
}
.slider_right ul {
	background-color: #f6fafb;
	margin-top: 25px;
}
.slider_right ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.slider_right ul li a {
	display: block;
	padding: 20px;
	font-size: 30px;
	color: #959898;
	font-family: "ff-meta-serif-web-pro",serif;
	font-style: normal;
	font-weight: 500;
}
.slider_right ul li a span {
	display: none;
}
.slider_right ul li a:hover {
	text-decoration: none;
	background-image: url(hover_shadow_blue.png);
	background-repeat: no-repeat;
	background-position: 10px 100%;
	color: #78abfa;
}
.slider_right ul li a:hover span {
	display: inline-block;
	background-image: url(blue_arrow.png);
	background-repeat: no-repeat;
	width: 20px;
	min-height: 20px;
	background-position: 50%;
}
.big_four {
	background-color: #ffffff;
}
.big_four ul {
	margin: 0;
	padding: 0;
}
.big_four ul li {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
}
.big_four ul li a {
	display: block;
	float: left;
	width: auto;
	padding: 15px 25px;
	margin: 0 5px;
	text-align: center;
	font-size: 22px;
	line-height: 35px;
	color: #515050;
		font-family: "ff-meta-serif-web-pro",serif;
	font-style: normal;
	font-weight: 500;

}
.big_four ul li a:hover {
	background-image: url(left_select.png),url(right_select.png);
	background-repeat: no-repeat;
	background-position: 0 50%, 100% 50%;
	text-decoration: none;
	color: #1e73fe;
}
a.donate {
	background-color: #1e73fe;
	display: block;
	text-align: center;
	line-height: 35px;
	padding: 15px 25px;
	margin: 0 5px;
	color: white;
	cursor: pointer;
	font-size: 26px;
	letter-spacing: 1px;
}
a.donate:hover {
	text-decoration: none;	
	background-color: #515050;
}
.action_steps {
	background-color: #ebf3f5;
	padding: 10px 0;
}
h2.get_involved {
	margin-top: 20px;
	font-size: 20px;
	text-align: center;
}
.action_steps ul {
	margin: 0;
	padding: 0;
}
.action_steps ul li {

	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}
.action_steps ul li a {
	display: block;
	float: left;
	font-size: 23px;
	color: #678f94;
	font-family: "ff-meta-serif-web-pro",serif;
	font-style: normal;
	font-weight: 500;
}
.action_steps ul li a:hover {
	text-decoration: none;
}
li.step_one a,
li.step_two a,
li.step_three a {
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 20px 50px;
}
li.step_one a {
	background-image: url(01.png);
}
li.step_two a {
	background-image: url(02.png);
}
li.step_three a {
	background-image: url(03.png);
}
li.take_action a {
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 20px 0;
	width: 225px;
	background-image: url(take_action_now.png);
}
.content_wrapper {
	padding: 25px 0;
}
.homepage_content_box {
	background-color: #ebf3f5;
}
.homepage_content_box .padding {
	padding: 20px;
}
.homepage_content_box h2 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 27px;
}
.homepage_content_box ul {
	margin: 0 0 10px 0;
	padding: 0;
}
.homepage_content_box ul li {
	list-style: none;
	margin: 0;
	padding: 15px 0;
	width: 90%;
	border-bottom: 1px solid #8f9293;
}
.homepage_content_box a {
	color: #515050;
	display: block;
	font-family: "ff-meta-serif-web-pro",serif;
	font-style: italic;
	font-weight: 500;
	font-size: 17px;
}
.homepage_content_box a:hover {
	color: #1e73fe;
	text-decoration: none;
}
.page_excerpt,
.blog_post {
	margin-bottom: 70px;
}
.page_excerpt p,
.blog_post p {
	font-size: 18px;
	line-height: 29px;	
}
.page_excerpt h3,
.blog_post h2 {
	margin-bottom: 0;
	font-size:1.7em; 
	line-height:1.3em; 
}
.page_excerpt h3 a,
.blog_post h2 a {
	color: #515050;	
}
.page_excerpt h3 a:hover,
.blog_post h2 a:hover {
	text-decoration: none;	
	color: #1174fa; 
}
.byline,
.meta {
	border-top: 1px solid #bababa;
	border-bottom: 1px solid #bababa;
	font-family: "ff-meta-serif-web-pro",serif;
	font-style: italic;
	font-weight: 500;
	font-size: 19px;
	letter-spacing: 1px;
	padding: 13px 0;
	margin: 20px 0;
}
.byline span,
.meta span {
	font-style: normal;
}
span.read_more {
	display: inline;
	margin: 0;
	paddding: 0;	
}
span.read_more a,
.blog_post a.read_more {
	font-family: "bebas-neue",sans-serif;
	font-style: normal;
	font-weight: 400;	
	letter-spacing: 2px;
	font-size: 24px;
	color: #515050;
}
span.read_more a:hover,
.blog_post a.read_more:hover {
	text-decoration: none;	
	color: #1174fa; 
}
.homepage_sidebar {
	padding: 40px 0 0 0;	
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
h3.video_description {
	margin-top: 5px;
	margin-bottom: 30px;	
}
.footer {
	background-color: #ebf3f5;	
	padding: 10px 0;
	margin-bottom: 20px;
}
p.copyright {
	text-align: right;	
	margin: 0;
}

/*CONTENT PAGES*/
.secondary_nav_container {
	background-color: #f4f8f9;	
}
ul.secondary_navigation {
	margin: 0 auto;
	max-width: 750px;
	padding: 0;	
}
ul.secondary_navigation li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;	
}
ul.secondary_navigation li a {
	color: #9d9d9d;
	font-family: "ff-meta-serif-web-pro",serif;
	font-style: normal;
	font-weight: 500;	
	font-size: 23px;
	display: block;
	float: left;
	line-height: 65px;
	margin: 0 25px;
	padding: 0 5px
}
ul.secondary_navigation li a:hover {
	background-image: url(secondary_nav_hover.png);
	background-repeat: no-repeat;
	background-position: 50% 95%; 
	background-size: 100% 13px;
	text-decoration: none;
}
.subpage_sidebar {
	padding-top: 0;	
}
.subpage_sidebar_box {
	margin-bottom: 20px;	
}
h1.page_title {
	font-size: 38px;	
}

.steps {
	border-top: 1px solid #8c8c8c;
	padding: 15px 0;
}
.steps p {
	font-family: "ff-meta-serif-web-pro",serif;
	font-style: normal;
	font-weight: 500;
	margin: 0;	
}
.steps h2 {
	color: #678f94;
	font-family: "ff-meta-serif-web-pro",serif;
	font-style: normal;
	font-weight: 500;
	font-size: 25px;
	margin: 0;
	background-repeat: no-repeat;

	background-position: 0 50%;
	padding: 5px 0 5px 50px;
}
.step_one {

}
.step_one h2 {
	background-image: url(01.png)
}
.step_two {
	
}
.step_two h2 {
	background-image: url(02.png)
}
.step_three {
	border-bottom: 1px solid #8c8c8c;
}
.step_three h2 {
	background-image: url(03.png)
}

/*
_______________________________
Mobile version - preset code from cssgrid.net */

@media handheld, only screen and (max-width: 767px) {

	.examplecontainer {}

	body {}
	.logo_container img {
		display: block;
		margin: 0 auto;	
	}
	ul.social_navigation {
		float: none;
		margin: 20px auto;
		width: 145px;	
		min-height: 30px;
	}
	ul.primary_navigation {
		max-width: 400px;
		margin: 10px auto;
		float: none;	
	}
	.slider_left, .slider_right {
		clear: both;
		float: none;
		margin-left: 0;
		margin-right: 0;
		padding-left: 00px;
		padding-right: 00px;
		width: auto;
		width: -moz-available;
		text-align: center;
	}
	ul.secondary_navigation li a {
		display: block;
		clear: both;
		text-align: center;	
	}


	/* Columnal - sub columns */
	.slider_left, .slider_right {
		padding-left: 0;
		padding-right: 0;
		width: 100% !important;
	}
	.action_steps ul li a,
	.big_four ul li a {
		display: block;
		float: none;
		margin: 0 auto;
		max-width: 300px;
		font-size: 18px;
	}
}


/*
_______________________________
Provide higher res assets for iPhone 4 - preset code from cssgrid.net */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

	/* An example of how to override an image with one twice the size for iPhone 4. Specify the original pixel size with background-size.
	.download {
	background: url(../img/downarrow@2x.png) no-repeat;
	background-size: 27px 28px;
	}
	*/

}