/* TABLE OF CONTENTS */
/* --------------------------------------------- BASE STYLES AND LAYOUT */
/* ------------------------------------------------- Base Styles */
/* ------------------------------------------------- Animations */
/* ------------------------------------------------- Layout */

/* --------------------------------------------- HEADER */
/* ------------------------------------------------- Language Toggle */
/* ------------------------------------------------- View Cart Button */
/* ------------------------------------------------- Nav */

/* --------------------------------------------- MAIN CONTENT AREA*/
/* ------------------------------------------------- Layout */
/* ------------------------------------------------- Banners */
/* ------------------------------------------------- Image Callouts (eg: Homepage, Canadian Projects, etc.) */
/* ------------------------------------------------- Coloured Background Sections */
/* ------------------------------------------------- Cart */
/* ------------------------------------------------- Credit Card */
/* ------------------------------------------------- AddThis */
/* ------------------------------------------------- FlexSlider */
/* ------------------------------------------------- Timeline - not sure if this is needed? */
/* ------------------------------------------------- Stackable Responsive Tables */
/* ------------------------------------------------- Forms */
/* ------------------------------------------------- Fancy Radio and Checkboxes */
/* ------------------------------------------------- Donate Box */

/* --------------------------------------------- FOOTER */


/*ALL EM CONVERSIONS BASED ON 16PX*/


/* =============================================================================================
	BASE STYLES AND LAYOUT
============================================================================================= */

/* ------------------------------------------------------------------------ Base Styles */

@font-face {
	font-family: 'Montserrat-Light';
	src: url('../fonts/Montserrat-Light.eot');
	src: url('../fonts/Montserrat-Light%EF%B9%96.eot#iefix') format('embedded-opentype'),
		 url('../fonts/Montserrat-Light.woff') format('woff'),
		 url('../fonts/Montserrat-Light.ttf') format('truetype'),
		 url('../fonts/Montserrat-Light.svg#freesansbold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat-Medium';
	src: url('../fonts/Montserrat-Medium.eot');
	src: url('../fonts/Montserrat-Medium%EF%B9%96.eot#iefix') format('embedded-opentype'),
	url('../fonts/Montserrat-Medium.woff') format('woff'),
	url('../fonts/Montserrat-Medium.ttf') format('truetype'),
	url('../fonts/Montserrat-Medium.svg#freesansbold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat-SemiBold';
	src: url('../fonts/Montserrat-SemiBold.eot');
	src: url('../fonts/Montserrat-SemiBold%EF%B9%96.eot#iefix') format('embedded-opentype'),
	url('../fonts/Montserrat-SemiBold.woff') format('woff'),
	url('../fonts/Montserrat-SemiBold.ttf') format('truetype'),
	url('../fonts/Montserrat-SemiBold.svg#freesansbold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'fontello';
	src: url('../fonts/fontello%EF%B9%9621700705.eot');
	src: url('../fonts/fontello%EF%B9%9621700705.eot#iefix') format('embedded-opentype'),
	   url('../fonts/fontello%EF%B9%9621700705.woff') format('woff'),
	   url('../fonts/fontello%EF%B9%9621700705.ttf') format('truetype'),
	   url('../fonts/fontello%EF%B9%9621700705.svg#fontello') format('svg');
	font-weight: normal;
	font-style: normal;
	}

@font-face {
    font-family: 'freesansbold';
    src: url('https://espanol.sharewordglobal.com/fonts/freesansbold-webfont.eot');
    src: url('https://espanol.sharewordglobal.com/fonts/freesansbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://espanol.sharewordglobal.com/fonts/freesansbold-webfont.woff') format('woff'),
         url('https://espanol.sharewordglobal.com/fonts/freesansbold-webfont.ttf') format('truetype'),
         url('https://espanol.sharewordglobal.com/fonts/freesansbold-webfont.svg#freesansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'freesansmedium';
    src: url('../fonts/freesans-webfont.eot');
    src: url('../fonts/freesans-webfont%EF%B9%96.eot#iefix') format('embedded-opentype'),
         url('../fonts/freesans-webfont.woff') format('woff'),
         url('../fonts/freesans-webfont.ttf') format('truetype'),
         url('../fonts/freesans-webfont.svg#freesansmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'freesansboldoblique';
    src: url('https://espanol.sharewordglobal.com/fonts/freesansboldoblique-webfont.eot');
    src: url('https://espanol.sharewordglobal.com/fonts/freesansboldoblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://espanol.sharewordglobal.com/fonts/freesansboldoblique-webfont.woff') format('woff'),
         url('https://espanol.sharewordglobal.com/fonts/freesansboldoblique-webfont.ttf') format('truetype'),
         url('https://espanol.sharewordglobal.com/fonts/freesansboldoblique-webfont.svg#freesansboldoblique') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'freesansoblique';
    src: url('https://espanol.sharewordglobal.com/fonts/freesansoblique-webfont.eot');
    src: url('https://espanol.sharewordglobal.com/fonts/freesansoblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://espanol.sharewordglobal.com/fonts/freesansoblique-webfont.woff') format('woff'),
         url('https://espanol.sharewordglobal.com/fonts/freesansoblique-webfont.ttf') format('truetype'),
         url('https://espanol.sharewordglobal.com/fonts/freesansoblique-webfont.svg#freesansoblique') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'oswaldlight';
    src: url('../fonts/oswald-light-webfont.eot');
    src: url('../fonts/oswald-light-webfont%EF%B9%96.eot#iefix') format('embedded-opentype'),
         url('../fonts/oswald-light-webfont.woff') format('woff'),
         url('../fonts/oswald-light-webfont.ttf') format('truetype'),
         url('../fonts/oswald-light-webfont.svg#oswaldlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'oswaldbook';
    src: url('../fonts/oswald-regular-webfont.eot');
    src: url('../fonts/oswald-regular-webfont%EF%B9%96.eot#iefix') format('embedded-opentype'),
         url('../fonts/oswald-regular-webfont.woff') format('woff'),
         url('../fonts/oswald-regular-webfont.ttf') format('truetype'),
         url('../fonts/oswald-regular-webfont.svg#oswaldbook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'journalregular';
    src: url('../fonts/journal-webfont.eot');
    src: url('../fonts/journal-webfont%EF%B9%96.eot#iefix') format('embedded-opentype'),
         url('../fonts/journal-webfont.woff') format('woff'),
         url('../fonts/journal-webfont.ttf') format('truetype'),
         url('../fonts/journal-webfont.svg#journalregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

article, aside, figure, footer, header, hgroup, menu, nav, section, main { display: block; }
 
html {
    font-size: 100%; 
    overflow-y: scroll;
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
    -webkit-text-size-adjust: 100%; 
    -ms-text-size-adjust: 100%; 
	}
	
body {
	margin: 0;
	min-height: 100%;
	font: normal 100%/1.8 'Montserrat-Light', Arial, Helvetica, sans-serif;
	color: #222;	
	} 
	.BodyStyle {background: #dfdfdf; } /* use this class to set body background colour so that it does not interfere with the WYSIWYG editor */
	
	.Preload * {
		-webkit-transition: none !important;
		-moz-transition: none !important;
		-ms-transition: none !important;
		-o-transition: none !important;
		}
	
	
p, ol, ul, li, table { margin:0; padding: 0 0 1em; }

.FontSize18 {font-size:1.125em;
	}

h1, h2, h3, h4 { 
	font-weight:normal; 
	margin:0;
	line-height:1.4;
	text-rendering: optimizeLegibility;
	font-family: 'Montserrat-SemiBold', Arial, Helvetica, sans-serif;
	}	
	
	h1 strong, h2 strong, h3 strong, h4 strong { font-family: 'oswaldbook', Arial, Helvetica, sans-serif; }

h1 {
	font: 2em/1.4 'Montserrat-SemiBold', Arial, Helvetica, sans-serif; /*36px*/
	color: #1d386d;
	text-align:center;
	padding: 0 0 0.444em 0;	
	text-transform:uppercase;
	}
	
h2 { 
	font-size: 1.875em; /*30px*/
	color: #1d386d;
	padding:0 0 0.533em 0;
	}
	.LargeListing  h2 {padding-top: .75em; }
		
h3 { 
	font-size: 1.75em; /*28px*/
	color: #1d386d;	
	padding: 0.667em 0;
	}	
	h3.ExtraMT {margin-top: .5em; }	

h4 { 
	font-size: 1.375em; /*22px*/
	color: #1d386d;	
	padding: 0.364em 0;
	} 
	
	h1 + h3, h2 + h3 { padding-top: 0 }	
	
	h1 strong, h2 strong, h3 strong, h4 strong, .Highlight {
		font-family: 'Montserrat-SemiBold', Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		font-weight: normal;
		}	
		
ul { 
	list-style: none; 
	list-style-position: outside;
	padding-left: 0;
	}
	ul li {	
	    padding-left:1em;
		position: relative;
		}
		main ul li { text-align:left;}
		
		ul.LessP li { padding-bottom: .5em; }
		
	ul li:before  {
		position: absolute;
		top: 0.3em;
		left: 0;
		padding: .55em 0 0 .025em;
		content: "\E804";
		color: #1765b4;
		font: normal 1em/0 "fontello";
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		}
		ul li:hover:before { color: #2185eb; }
		
		ul.IntroTextSmall li:before  {padding-top:.35em;}
		
		ul.NoArrow li { padding-left: 0; }
		
		ul.NoArrow li:before { display: none; }
		
			ul.CountryList li a { 
				background-repeat: no-repeat; 
				background-position: 0 0;
				background-size: 50px;
				background-color: #f6f6f6;
				line-height: 1.2;
				padding: .15em  .5em .15em  3.125em;				
				display: block;
				text-align:left; 
				
				-webkit-transition: padding-left 0.3s;
				-moz-transition: padding-left 0.3s;
				-o-transition: padding-left 0.3s;
				transition: padding-left 0.3s;
				}
				
				ul.CountryList li a:hover { padding-left: 3.5em; }
	
	
ol { 
	list-style-position: outside;
	padding-left: 1.5em;
	}
	
	ul ol li {
		background-image: none; 
		padding-left:0;
		}

	li ul, li ol { margin: 0.625em 0 -.5em 0; }
	
	li:last-child {padding-bottom:0; }
		li.Last {padding-bottom:0; } /*IE8*/
		

b, strong, th, .Bold { font-family: 'freesansbold', Arial, Helvetica, sans-serif; }

i, em {font-family: 'freesansoblique', Arial, Helvetica, sans-serif; }

a {
	color:#1765b4; 
	text-decoration:none;
	}
	
	a:hover {
		outline: 0;
		color:#2185eb;
		}
		
	a {
		-webkit-transition: color 0.5s;
		-moz-transition: color 0.5s;
		-o-transition: color 0.5s;
		transition: color 0.5s;
		}
		
	a img {
		transition: filter 0.5s;
		-webkit-transition: -webkit-filter 0.5s;
		-moz-transition: -moz-filter 0.5s;
		-o-transition: -o-filter 0.5s;		
		}
		a img:hover {	
			-webkit-filter: saturate(40%);
			-moz-filter: saturate(40%);
			-o-filter: saturate(40%);
			filter: saturate(40%);
			}
		
.More {
	text-decoration:none;
	font-size:1em;
	line-height: 1.4;	
	position: relative;
	padding-left: 1.375em;
	display: inline-block;
	
	-webkit-transition: padding-left 0.3s;
	-moz-transition: padding-left 0.3s;
	-o-transition: padding-left 0.3s;
	transition: padding-left 0.3s;
	}	
	.More:before  {
		position: absolute;
		top: 0.2em;
		left: 0;
		padding: .45em 0 0 .025em;
		content: "\E80B";
		color: #1765b4;
		font: normal 1em/0 "fontello";
		-webkit-transition: color 0.5s;
		-moz-transition: color 0.5s;
		-o-transition: color 0.5s;
		transition: color 0.5s;
		}
		
	.More.Previous:before  { content: "\E80D"; }
		
		.More:hover { padding-left: 1.675em; }
		.More:hover:before { color: #2185eb; }
				
.MoreInline { margin-left: .5em; }	
				
.Button {
	color: #fff;
	text-transform: uppercase;
	text-decoration:none;
	text-align:center;
	font: normal 1.25em/1.4 'Montserrat-Light', Arial, Helvetica, sans-serif;
	
	display:inline-block;
	zoom: 1;
	*display:inline;	
	border:none;
	background: #1765b4;
	height: auto;
	width:auto;
	margin: .5em 0;
	padding: 0.5em 1.5em;
	border-radius: 0.25em; 
	cursor: pointer;
	
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	}
	
	.Button:hover, .Button:focus  { color: #fff; background: #2185eb; outline: none; }
		
	.ButtonGroup .Button, .ButtonGroup .More { margin: .5em 1.5em ; }	
	
	.Button.CompletedCampaign {
		background: #222;
		cursor: auto;
		}	
		
		.Button.Grey { 
			background: #e6e6e6; 
			color: #1765b4;
			}
			.Button.Grey:hover, .Button.Grey:focus  { color: #1765b4; background: #eee; outline: none; }
				
	
img {
	 border: 0; 
	 width:80%;
    -ms-interpolation-mode: bicubic; 
	}
	img[style] { width: 80%!important; height: auto!important; }
	
	img.WidthAuto {width:auto;}
	
	img.Smaller { 
		margin: 0 auto .5em auto ;
		display: block;	
		}		
		
	img.Large { 
		margin: .5em 0 1em 0;
		width: 100%;
	
		-webkit-animation: saturate 3s ease;				
		-moz-animation: saturate 3s ease;	
		-o-animation: saturate 3s ease;		
		animation: saturate 3s ease;	
		}
		img.Large[style] { width: 100%!important; }
	
	img.Circular {
		border-radius: 50%;
		width: 65%;
		margin: 0 auto ;
		display: block;
		}
		img.Circular[style] { width: 65%!important; }
		
	img.PhotoBorder {
		margin: .375em auto 1em auto;
		display: block;
		padding: 3.25%;
		background: #fff;
		
		-webkit-transform:rotate(-1deg);
		-moz-transform:rotate(-1deg);
		-ms-transform:rotate(-1deg);
		-o-transform:rotate(-1deg);
		transform:rotate(-1deg);
			
		-moz-box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.5);
		-webkit-box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.5);
		box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.5);
		}
	
hr { 
	border:none;
	color: #1765b4;
	background: #1765b4;
	height:0.063em;
	margin:1em auto 1.25em auto;
	}	
	hr + h2, hr + h3, hr + p { padding-top: 0.125em; }
	
	hr + h4 { padding-top: 0; }
		
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
	}
	sup { top: -0.5em; }
	sub { bottom: -0.25em; }
	
.Center { text-align: center; }

.NoWrap { white-space:nowrap; }

.Note {
	font-size: 0.875em;
	font-family: 'freesansoblique', Arial, Helvetica, sans-serif;
	}
	.UnderDonation {
		padding-bottom: 0;
		width: 100%;
		margin: 0 auto;
		text-align: center;
		}
		
	.IntroTextSmall .Note { font-size: 0.75em; }

.ExtraMT {margin-top: 1em; }
.ExtraMT2 {margin-top: 2em; }

.ExtraMB1 {margin-bottom: 1em ; }
.ExtraMB2 {margin-bottom: 2em ; }

.NoMT {margin-top: 0; }

.ExtraPBPoint5 {padding-bottom: .5em; }

.NoPadding {padding-bottom: 0; }

.IntroText, .IntroTextSmall {
	font-size: 1.25em; 
	line-height: 1.4;
	padding-bottom: 0.800em;
	}
	
.IntroTextAlt { 
	font: normal 1.675em/1.4 'Montserrat-Medium', Arial, Helvetica, sans-serif;
	padding-bottom: 0.615em;
	}
	.IntroTextAlt strong { font-family: 'oswaldbook', Arial, Helvetica, sans-serif; }
	
	[class*='Col-'] > .IntroTextSmall:first-child { padding-top: 1em; }
		[class*='Col-'] > .IntroTextSmall.First { padding-top: 1em; } /*IE8*/
	
.QuoteText { 
	font: normal 1.875em/1.2 'journalregular', Arial, Helvetica, sans-serif;
	color: #1d386d;	
	}
	
.Spotlight {color: #1765b4; }

.Listing, .LargeListing { text-align: center; }
	.Listing .Wrapper .CF {margin-bottom: 1em ; }
	
.FlexibleIframe {
	position: relative;
	margin: 1em 0 1.5em 0;
    padding-bottom: 56.25%;
	height: 0; 
	overflow: hidden;
	}
	.FlexibleIframe.Large { margin: .5em 0 1em 0; }
	.FlexibleIframe.GCP {margin:0;}
	.FlexibleIframe.FacebookFeed { padding-bottom: 76.39%; }
	
	.FlexibleIframe iframe,
	.FlexibleIframe object,
	.FlexibleIframe embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		}
		
	.FlexibleIframe .VideoThumbnail {
		background-color: black;
		background-repeat: no-repeat;
		background-position: center bottom;
		height:0;
		width:100%;
		padding-bottom: 56.25%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		overflow:hidden;
		cursor:pointer;
		}
				
.Map { border: 2px solid #ccc; }
	
.SkipLink { 
	position:absolute; 
	left:-10000px; 
	top:auto; 
	width:1px; 
	height:1px; 
	overflow:hidden;
	background: #193f66;
	color: #fff;
	font-size: 0.875em;
	text-decoration:none;
	z-index: 100;
	} 
 
	.SkipLink:focus { 
		left:0;
		outline: none; 
		padding:0.375em 0.625em; 
		width:auto; 
		height:auto; 
		} 
				
					
@media only screen and (min-width: 40em) {	
	h1 { font-size: 3em; line-height: 1.2; padding: 0 0 0.417em 0; } /*48px*/
	h2 { font-size:2.250em; padding: 0 0 0.444em 0; }/*36px*/
		.LargeListing  h2 {padding-top: 0; }
	h3 { font-size:1.875em; padding: 0.533em 0; }/*30px*/
		h3.ExtraMT {margin-top: 1em; }
		section h3:first-child { padding-top: 0 }	
			section h3.First { padding-top: 0 }	 /*IE8*/
	h4 { font-size: 1.5em; padding: 0.667em 0; } /*24px*/
	
	.TextRight {text-align:right; }
	
	img { width:100%; }
		img[style] { width:100%!important; }
		
		img.Smaller {
			width: 75%;
			margin-bottom: 1em; 
			}
	
	ul.CountryList li a {
		 background-size: 62px;
		  background-color: #f6f6f6;
		  }
	
	.More { font-size:1.125em;/*18px*/ }
	
	.FlexibleIframe.Large { margin: 1.5em 0; }
	
	hr { margin:1.5em auto 1.75em auto; }
	.flexslider + hr { margin-top: 3em; }
			
	.IntroText { 
		font-size: 1.375em;
		padding-bottom: 0.727em ; 
		}
		.IntroTextSmall { 
			font-size: 1.25em; 
			padding-bottom: 0.800em ; 
			}
		.IntroTextAlt { 
			font-size: 1.875em; 
			padding-bottom:0.533em ;
			}
		
	.ExtraMT3 {margin-top: 3em; }
	
	.FloatLeft {float:left; }
	.FloatRight {float:right; }
		
	img.ImageFloatLeft {
		float: left;
		margin: .375em 1em .375em 0;
		width:50%;
		}
		
	img.ImageFloatRight {
		float: right;
		margin: .375em 0 .375em 1em;
		width:50%;
		}
		img.ImageFloatLeft[style], img.ImageFloatRight[style] { width: 50%!important; }
			
	img.Circular {
		width: 100%;
		margin: .5em 0 1em 0;
		}
				
	img.Large { margin: 1.5em 0; }
	
	.Listing, .LargeListing { text-align: left; }
	
	.Button { font-size: 1.5em; }
	
		.ButtonGroup .Button, .ButtonGroup .More {margin: .5em 2em; }
	
}
		
@media only screen and (min-width: 60em) {	
	a {
		-webkit-transition: color 0.5s;
		-moz-transition: color 0.5s;
		-o-transition: color 0.5s;
		transition: color 0.5s;
		}
		
	h1 { font-size: 3.750em; padding: 0 0 0.2em 0; } /* 60px/12px */
	h2 { font-size: 3em; padding: 0 0 0.417em 0; } /* 48px/20px */
	h3 { font-size: 2.250em; padding: 0.444em 0;} /* 36px/16px */
		section h3.Small { font-size:1.875em; padding: 0.467em 0; }/*30px*/
		
	.ButtonGroup .Button, .ButtonGroup .More {margin: .5em 4em; }
			.AnswersModal .ButtonGroup .Button {margin: .5em 2em; }
	
	.UnderDonation { width: 80%; }
}	


		
/* ---- Clearfix hack: http://nicolasgallagher.com/micro-clearfix-hack/ */

.CF:before, .CF:after { 
	content: ""; 
	display: table; 
	}
	.CF:after { clear: both; }
	.CF { *zoom: 1;}
	
.Clear { clear: both; }



/* ------------------------------------------------------------------------ Animations */
		
	@-webkit-keyframes saturate {
		0% { -webkit-filter: saturate(50%); }
		100% { -webkit-filter: saturate(100%); }
		}
	
	@-moz-keyframes saturate {
		0% { -moz-filter: saturate(50%); }
		100% { -moz-filter: saturate(100%); }
		}
		
	@-o-keyframes saturate {
		0% { -o-filter: saturate(50%); }
		100% { -o-filter: saturate(100%); }
		}
	
	@keyframes saturate {
		0% { filter: saturate(50%); }
		100% { filter: saturate(100%); }
		}
		
		
		
/* ------------------------------------------------------------------------ Layout */

.PageWrapper {
	max-width:80em;
	width:100%;
	margin:0 auto;
	background: #fff;
	
	-webkit-box-shadow: 0px 0px 10px 0px #a5a5a5;
	-moz-box-shadow:    0px 0px 10px 0px #a5a5a5;
	box-shadow:         0px 0px 10px 0px #a5a5a5;
	}
	
	.Wrapper {
		max-width:60em;
		width:90%;
		margin:0 auto;
		}	
		
	.FAQ .Col-1-2:last-child {
		border-top: 1px solid #1765b4;
		padding-top: 1em;
		margin-top: 1em;
		}
		.FAQ .Col-1-2.Last { /*IE8*/
			border-top: 1px solid #1765b4;
			padding-top: 1em;
			margin-top: 1em;
			}		
		
@media only screen and (min-width: 40em) {	
.PageWrapper { width:90%; }

[class*='Col-'] { 
	margin-right: 3.5%;
	float:left; 
	}
	[class*='Col-']:last-child { margin-right: 0; }
		[class*='Col-'].Last { margin-right: 0; } /*IE8*/
		
	[class*='Col-'].FloatRight {float:right; }

	.Col-1-3 { width:31%; }	
			
	.Col-2-3 { width:65.5%; }	
				
	.Col-1-2, .Col-1-4 { width:48.25%;}
	
	.Col-3-4 { width:74.125%; }		
	
	.Col-1-6 { width:16.08%; }		

	.Col-5-6 { width:80.42%; }	
		
		.Col-1-4:nth-child(2n) { margin-right: 0; }
			.Col-1-4.Second { margin-right: 0; } /*IE8*/
		
		.FAQ .Col-1-2:last-child {
			border-top: none;
			padding-top: 0;
			margin-top: 0;
			}
			.FAQ .Col-1-2.Last { /*IE8*/
				border-top: none;
				padding-top: 0;
				margin-top: 0;
				}
				
	.FullWidth-Col {overflow: hidden; }
}

@media only screen and (min-width: 60em) {		
			
	.Col-1-4 { width:22.375%; }
		.Col-1-4:nth-child(2n) { margin-right: 3.5%; }
			.Col-1-4.Second { margin-right: 3.5%; } /*IE8*/
			
		.Col-1-4:last-child { margin-right: 0; }
			.Col-1-4.Last { margin-right: 0; } /*IE8*/
			
	.Narrow-Col { 
		width:75%; 
		margin-left: auto;
		margin-right: auto;
		float: none;
		}	
}



/* =============================================================================================
	HEADER
============================================================================================= */

.PrintHeader, .PrintCopyright { display:none; }

header { 
	background: #1d386d;
	position: relative;
	z-index: 2;
	}

	header .Wrapper {width:100%;}
	
	.Logo { 
		margin:1em 0 1em 5% ;
		display:block;
		max-width: 10.188em;
		max-height: 2.625em;
		float:left;
		width: 50%;
		
		transition: filter 0.5s;
		-webkit-transition: -webkit-filter 0.5s;
		-moz-transition: -moz-filter 0.5s;
		-o-transition: -o-filter 0.5s;
		}	
		.Logo:hover { 		
			-webkit-filter: brightness(1.2);
			-moz-filter: brightness(1.2);
			-o-filter: brightness(1.2);
			-ms-filter: brightness(1.2);
			filter: brightness(1.2);
			}	
			

	
/* ------------------------------------------------------------------------ Language Toggle */	

.LanguageToggle {
	margin: 1.875em 4em 0 0;
	font: 0.75em 'oswaldbook', Arial, Helvetica, sans-serif; 
	display: block; 
	float: right;
	background: #2185eb;
	position: relative;
	width: 2.25em;
	height: 1.75em;
	padding: .1em .825em ;
	vertical-align: 50%;
	border-radius: 1.125em / .875em;
	color: #fff;
	text-decoration: none;
	
	-webkit-transform:rotate(7deg);
	-moz-transform:rotate(7deg);
	-o-transform:rotate(7deg);
	transform:rotate(7deg);
	
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
	}
	
	.LanguageToggle:after {
		content: "";
		position: absolute;
		right: 10px;
		top: 97%;
		width: 0;
		height: 0;
		border-top: 6px solid #2185eb;
		border-right: 6px solid transparent;
		
		-webkit-transition: border-top 0.5s;
		-moz-transition: border-top 0.5s;
		-o-transition: border-top 0.5s;
		transition: border-top 0.5s;
		}

	.LanguageToggle:hover { 
		color: #fff;
		background: #3497fd; 
		}
		
	.LanguageToggle:hover:after {border-top: 7px solid #3497fd; }
	
	
	
/* ------------------------------------------------------------------------ View Cart Button */	

.ViewCart {
	margin: 1.95em .25em 0 0;
	width:1.25em;
	height:1.25em;
	display: block; 
	float: right;
	position:relative;
	}
	
	.ViewCart:before  {
		position: absolute;
		left: 0;
		top:0;
		content: "\E80F";
		color: #fff;
		font: normal 1em/0 "fontello";		
		
		-webkit-transition: color 0.5s;
		-moz-transition: color 0.5s;
		-o-transition: color 0.5s;
		transition: color 0.5s;	
		}
		.ViewCart:hover:before{ color: #e6e6e6; }	
		
	
@media only screen and (min-width: 22em) {	

	.Logo { width: 100%; }	
	
	.LanguageToggle { margin: 2.125em 4em 0 0;}
	
	.ViewCart { margin: 2.125em .5em 0 .5em; }
		
}

@media only screen and (min-width: 30em) {	

	.LanguageToggle { margin-right: 5em ;}
	
}

@media only screen and (min-width: 40em) {	
	
	.LanguageToggle { margin-right: 5.5em;}
	
	.ViewCart { margin:  2.125em .5em 0 .5em; }
}

@media only screen and (min-width: 50em) {	

	.LanguageToggle { margin-right: 6em ;}
	
}
	
@media only screen and (min-width: 60em) {	
	
	header .Wrapper {width:90%;}
	
	.Logo { 
		float:left;
		margin:1em 0;
		}	
		
	.LanguageToggle { 
		margin: 1.875em 0 0 0;
		font-size: 0.813em;
		}
		
		.LanguageToggle:after {
			border-top: 7px solid #2185eb;
			border-right: 7px solid transparent;
			}
			
}	

@media only screen and (min-width: 65em) {	
	
	.ViewCart { margin-top: 2.25em;}
		
}


	

/* ------------------------------------------------------------------------ Nav */

.MainNav {clear: both;}	

.flexnav *, .flexnav *:before, .flexnav *:after { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

.flexnav {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	transition: none;
	/*-webkit-transform-style: preserve-3d;*/
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
	max-height: 0; 
	padding:0;
	line-height:1.2;
	}

	.flexnav.opacity { opacity: 0;  }
		
	.flexnav.flexnav-show {
		max-height: 2000px;
		opacity: 1;
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out; 
		}
	
	.flexnav li {
		font-size: 0.938em;
		position: relative;
		overflow: hidden; 
		background-image: none;
		padding:0;
		}
		.flexnav li:before {display:none; }
	
	.flexnav li a {
		position: relative;
		display: block;
		padding: .96em 5%;
		z-index: 2;
		overflow: hidden;
		color: #fff;
		background: #1765b4;
		border-bottom: 1px solid #14599f; 
		text-decoration:none;
		}
		.flexnav li a:hover { color: #e6e6e6; }
		
		.flexnav li.Current > a { color: #e6e6e6; }
	
	.flexnav li ul { 
		width: 100%;
		margin: 0; 
		padding:0; 
		}
	
	.flexnav li ul li {
		font-size: 100%;
		overflow: hidden; 
		
		}
	
	.flexnav li ul.flexnav-show li { overflow: visible; }
	
	.flexnav li ul li a {
		display: block;
		background: #14599f; 
		border-bottom: 1px solid #124f8e; 
		}
	
	.flexnav ul li ul li a { 
		background: #124f8e;
		border-bottom: 1px solid #104881; 
		}
	
	.flexnav ul li ul li ul li a { 
		background: #104881; 
		border-bottom: 1px solid #0d4074;
		}
	
	.flexnav .touch-button {
		position: absolute;
		z-index: 999;
		top: 0;
		right: 0;
		width: 50px;
		height: 47px;
		display: inline-block;
		background: #14599f;
		background: rgba(0, 0, 0, 0.075);
		text-align: center; 
		}
		.flexnav .touch-button:before { 
			position: absolute;
			top: 35%;
			right: 35%;
			content: "\E802";
			color: #fff;
			font: normal 1.5em/.9 "fontello";
			display: block;
			-webkit-transition: color 0.5s;
			-moz-transition: color 0.5s;
			-o-transition: color 0.5s;
			transition: color 0.5s;
			}	
		
		.flexnav .touch-button:hover { cursor: pointer; }
		
		.flexnav .touch-button .navicon {display: none; }
			
.menu-button {
	position: absolute;
	display: block;
	width: 25px;
	height: 25px;
	top:2.125em;
	right:  5%;
	background-size: 22px;
	cursor: pointer;
	float: right;
	}
	
	.menu-button:before { 
		position: absolute;
		top: 0;
		right: 0;
		content: "\E807";
		color: #fff;
		font: normal 1.9em/0 "fontello";
		display: block;
		-webkit-transition: color 0.5s;
		-moz-transition: color 0.5s;
		-o-transition: color 0.5s;
		transition: color 0.5s;
		}	
		.menu-button:hover:before { color: #f6f6f6; }
		
	.menu-button .touch-button {display: none;}
	
	.menu-button.active:before { 
		content: "\E808"; 
		top: 0;
		right: .1em;
		}
		
		

@media only screen and (min-width: 22em) {	

.menu-button { top:2.25em; }

}

@media only screen and (min-width: 60em) {	
		
	.MainNav {
		float: right;
		width: 70%;
		margin-top:.25em;
		text-align:right;
		clear:none;
		}
	
	.flexnav { 
		overflow: visible;
		margin:0;
		width: auto;
		}
	
	.flexnav.opacity { opacity: 1; }
		
	.flexnav li {
		position: static;
		list-style: none;
		display: inline-block; 	
		zoom: 1;
		*display:inline;
		overflow: visible;
		margin-right: 2%;		
		}
		
	.flexnav > li { margin-right: 3%; }
		
	.flexnav li a {
		position: static;
		border-bottom: none; 
		font-size: 0.813em;
		padding: 2.25em 0 2.375em 0;
		background-color: transparent;
		}
		
		.flexnav li.Donate > a { 
			color: #d2ab67;
			font-family: 'freesansbold', Arial, Helvetica, sans-serif;
			}
			
	
	.flexnav li > ul {
		position: absolute;
		display: none;
		top: auto;
		left: 0; 
		background-color: #14599f;
		text-align: center;
		}
	
	.flexnav li ul li > ul {
		margin-left: 100%;
		top: 0; 
		}
	
	.flexnav li ul li { position:relative; }
		
	.flexnav li ul li:after {
		content: "•";
		position: absolute;
		color: #2185eb;
		right: -.6em;
		top: 32%;
		width: 0;
		height: 0;
		}
		.flexnav li ul li.Last:after { display: none; }
			
	.flexnav li ul li a { 
		padding: 1.25em .5em 1em .5em;
		border-bottom: none; 
		font-size: 0.923em;
		background: transparent;
		}
	
	.flexnav li ul.open {
		display: block;
		opacity: 1;
		visibility: visible;
		z-index: 1; 
		}
	
	.flexnav li ul.open li {
		overflow: visible;
		max-height: 100px; 
		}
		
	.flexnav li ul.open ul.open {
		margin-left: 100%;
		top: 0; 
		}
	
	.flexnav .touch-button, .menu-button { display: none; } 

}


@media (max-width:70em) and (min-width:60em) {
		
	.French .flexnav > li > a { 
		font-size: 0.75em;
		padding: 2.25em 0 2.75em 0;
		}
			
}



/* =============================================================================================
	MAIN CONTENT AREA
============================================================================================= */

/* ------------------------------------------------------------------------ Layout */

main { padding: 0; }	
	main:focus { outline: none; }
	
section {
	 padding: 13% 0 8% 0;
	 position: relative;
	 /*text-align: center;*/
	 }	 
	 section:first-child {padding-bottom: 13%; }
	 	 section.First {padding-bottom: 13%; } /*IE8*/
		 	
aside { margin:1.25em 0; }	
		
@media only screen and (min-width: 30em) {			
	
	section { padding-top: 11%; } 
	
}
		
		
@media only screen and (min-width: 40em) {			
		
		section, section:first-child { 
			padding: 3em 0 2.5em 0;
			text-align: left; 
			} 	
			section.First {  /*IE8*/
				padding: 3em 0 2.5em 0;
				text-align: left; 
				} 			
}	

@media only screen and (min-width: 60em) {	

	section, section:first-child { padding: 4em 0 3.5em 0; } 
		section.First { padding: 4em 0 3.5em 0; } /*IE8*/ 
	
	article {
		float:right;
		width:66.6%;		
		}		
		article.Left { float:left;	}
		
	aside {
		float:left;
		width:33.3%;
		padding-right: 3.5%;
		padding-top:0;
		margin-top:0;
		border-top:none;
		}
		
		aside.Right {
			float:right;
			padding: 0 0 0 3.5% ;
			}
			
}




/* ------------------------------------------------------------------------ Banners */	
			
.Banner  {	
	padding-bottom:2%;
	background-color:#1765b4;
	position: relative;
	}
	
	.VideoBanner  {	padding-bottom:0; }
		.VideoBanner .FlexibleIframe {	margin:0; }

	.BannerImage  {		
		background-repeat: no-repeat; 		 	
		position: absolute;
		display: block;
		width: 100%;
		overflow:hidden;	
		}
		.ImageBanner .BannerImage  {		
			background-position: 25% 0; 
			background-size: 175%;	
			padding-bottom: 70%;
			}
				 
		.BannerText {
			padding:88% 0 5% 0;
			text-align: center;
			}	

			.Banner h1 { 
				padding-top: .125em; 
				color: #fff;
				}	
				
				.Banner h3 { color: #e6e6e6; }
				
				.Banner h3.Title {
					color: #fff;
					padding-top: 0;
					}
					
				.Banner .More {
					font-size:1.125em;
					color: #e6e6e6;
					padding:0;
					cursor: pointer;
					}		
					.Banner .More:hover { color: #f6f6f6; }
					
						.Banner .More:before { display: none; }
		
		
@media (max-width:40em) and (min-width:0) {
	
	.Banner .Button { 
		margin: 0.25em auto 1em auto;
		background: #e6e6e6;
		color: #1d386d;
		}
		.Banner .Button:hover, .Banner .Button:focus  { background: #f6f6f6; outline: none; }	
		
}	

@media only screen and (min-width: 40em) {		

.Banner  {	
	height: 25em;
	padding-bottom: 0;
	}
	
	.VideoBanner  {	height: auto; }
		
	.BannerImage, .ImageBanner .BannerImage  {	
		background-size: cover;	
		height: 25em;
		padding-bottom: 0;
		
		-webkit-animation: saturate 3s ease;				
		-moz-animation: saturate 3s ease;	
		-o-animation: saturate 3s ease;		
		animation: saturate 3s ease;	
		}	
		
		.ImageBanner .BannerImage:before { 
			content: '';
			position: absolute;
			top:0;
			left: 0;
			width: 100%; 
			height: 100%;
			/* IE9 SVG, needs conditional override of 'filter' to 'none' */
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzExMTExMSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iIzExMTExMSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMTExMTEiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
			background: -moz-linear-gradient(left,  rgba(17,17,17,0) 0%, rgba(17,17,17,0) 25%, rgba(17,17,17,0.8) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(17,17,17,0)), color-stop(25%,rgba(17,17,17,0)), color-stop(100%,rgba(17,17,17,0.8))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(left,  rgba(17,17,17,0) 0%,rgba(17,17,17,0) 25%,rgba(17,17,17,0.8) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(left,  rgba(17,17,17,0) 0%,rgba(17,17,17,0) 25%,rgba(17,17,17,0.8) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(left,  rgba(17,17,17,0) 0%,rgba(17,17,17,0) 25%,rgba(17,17,17,0.8) 100%); /* IE10+ */
			background: linear-gradient(to right,  rgba(17,17,17,0) 0%,rgba(17,17,17,0) 25%,rgba(17,17,17,0.8) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00111111', endColorstr='#cc111111',GradientType=1 ); /* IE6-8 */
			}
		
		.Banner .Wrapper {/* http://css-tricks.com/centering-in-the-unknown/ */
			padding-top: 0;
			height: 100%; 
			position: relative;
			} 
		
			.Banner .Wrapper:before {
				content: '';
				display: inline-block;
				height: 100%; 
				vertical-align: middle;
				margin-right: -0.25em; /* Adjusts for spacing */
				}
		
		.BannerText {/* pseudo element to help vertically center text */
			display: inline-block;
			vertical-align: middle;
			width: 99.25%;
			padding:0;
			}
			.ImageBanner .BannerText { 
				width:45.5%;
				margin-left: 54%;
				text-align:right; 
				}
			
			.French	.ImageBanner .BannerText { font-size: 0.875em; }
			
			.Banner h3 { color: #f6f6f6; }				
			.Banner h3.Title { padding-bottom:.75em; }
				
			.Banner .More {
				font-size:1.25em;
				position: relative;
				padding-right: 1.5em;
				
				-webkit-transition: padding-right 0.3s;
				-moz-transition: padding-right 0.3s;
				-o-transition: padding-right 0.3s;
				transition: padding-right 0.3s;
				}		
					
				.Banner .More:after  {
					position: absolute;
					top: 0.3em;
					width: 1.25em;
					height: 1.25em;
					right: 0;
					padding: .45em 0 0 .025em; 
					content: "\E80B";
					color: #e6e6e6;
					font: normal 1em/0 "fontello";
					text-align: center;
					-webkit-transition: color 0.5s;
					-moz-transition: color 0.5s;
					-o-transition: color 0.5s;
					transition: color 0.5s;
					}
					
					.Banner .More:hover {padding-right: 1.75em; }
					.Banner .More:hover:after {color: #f6f6f6; }
					
			.Banner .Button { 
				float:right;
				margin: .75em 0 0 0;
				}
				
}

@media only screen and (min-width: 60em) {	
	
		.ImageBanner.Banner {height: 31.25em; }
			.ImageBanner .BannerImage  { height: 31.25em; }
			
	.ImageBanner .BannerImage:before { 
			/* IE9 SVG, needs conditional override of 'filter' to 'none' */
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzExMTExMSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzExMTExMSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMTExMTEiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
			background: -moz-linear-gradient(left,  rgba(17,17,17,0) 0%, rgba(17,17,17,0) 50%, rgba(17,17,17,0.8) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(17,17,17,0)), color-stop(50%,rgba(17,17,17,0)), color-stop(100%,rgba(17,17,17,0.8))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(left,  rgba(17,17,17,0) 0%,rgba(17,17,17,0) 50%,rgba(17,17,17,0.8) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(left,  rgba(17,17,17,0) 0%,rgba(17,17,17,0) 50%,rgba(17,17,17,0.8) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(left,  rgba(17,17,17,0) 0%,rgba(17,17,17,0) 50%,rgba(17,17,17,0.8) 100%); /* IE10+ */
			background: linear-gradient(to right,  rgba(17,17,17,0) 0%,rgba(17,17,17,0) 50%,rgba(17,17,17,0.8) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00111111', endColorstr='#cc111111',GradientType=1 ); /* IE6-8 */
			}
			
	.French	.ImageBanner .BannerText { font-size: 1em; }
	
	.Banner .More { font-size:1.5em;/*24px*/ }
		.Banner .More:after  { top: 0.2em;}
		
	.French .Banner .More { font-size:1.25em;/*24px*/ }
		.French .Banner .More:after  { top: 0.3em; }
	
}
		


/* ------------------------------------------------------------------------ Image Callouts (eg: Homepage, Canadian Projects, etc.) */

.CalloutGroup {margin:1.5em 0 0 0;}

.Callout  {margin-bottom:1em; }
	
	.Callout a, .Callout .NoLink {
		background-color: #222;
		position: relative;
		height: 13.125em;
		margin:0 0 1em 0;
		padding: 0 ;	
		display: block;
		text-decoration:none;
		}
		
		.CalloutImage { 
			position: absolute; 
			top:0; 
			left: 0; 
			width: 100%; 
			height: 100%;
			background-position:center top;
			background-repeat: no-repeat;	
			background-size:cover;
			
			transition: opacity 0.5s;
			-webkit-transition: opacity 0.5s;
			-moz-transition: opacity 0.5s;
			-o-transition: opacity 0.5s;
			}

			a:hover .CalloutImage {opacity: .7;}
				
			.CalloutImage:before { 
				content: '';
				position: absolute;
				top:0;
				left: 0;
				width: 100%; 
				height: 100%;
				
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzExMTExMSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU0JSIgc3RvcC1jb2xvcj0iIzExMTExMSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMTExMTEiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
				background: -moz-linear-gradient(top,  rgba(17,17,17,0) 0%, rgba(17,17,17,0) 54%, rgba(17,17,17,0.8) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(17,17,17,0)), color-stop(54%,rgba(17,17,17,0)), color-stop(100%,rgba(17,17,17,0.8))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  rgba(17,17,17,0) 0%,rgba(17,17,17,0) 54%,rgba(17,17,17,0.8) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  rgba(17,17,17,0) 0%,rgba(17,17,17,0) 54%,rgba(17,17,17,0.8) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  rgba(17,17,17,0) 0%,rgba(17,17,17,0) 54%,rgba(17,17,17,0.8) 100%); /* IE10+ */
				background: linear-gradient(to bottom,  rgba(17,17,17,0) 0%,rgba(17,17,17,0) 54%,rgba(17,17,17,0.8) 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00111111', endColorstr='#cc111111',GradientType=0 ); /* IE6-8 */
				}
	
	.CalloutText {	
		border-top: 1px solid #fff;
		position: absolute;
		bottom: .375em;
		left: 10%;
		padding-top:.375em;
		width: 80%;
		color: #fff;
		text-align: center;
		font: 1.5em/1.1 'oswaldlight', Arial, Helvetica, sans-serif; 
		display:block;	
		}
						
		.Callout .Highlight {
			color: #e6e6e6;
			font-family:'oswaldbook', Arial, Helvetica, sans-serif;
			text-transform:uppercase;
			
			-webkit-transition: color 0.5s;
			-moz-transition: color 0.5s;
			-o-transition: color 0.5s;
			transition: color 0.5s;
			}
			.Callout a:hover .Highlight { color: #f6f6f6; }
			
			.Callout .Highlight.White { color: #fff; }
			
		.Callout p {
			text-align:center; 
			line-height: 1.5; 
			width: 85%;
			margin: 0 auto;
			}
						


@media (max-width:40em) and (min-width:25em) {
	.CalloutText br  { display: none; }	
}	

@media only screen and (min-width: 40em) {	
	.CalloutStacked .Col-1-2:nth-child(2n){ margin-right: 0; }
		.CalloutStacked .Col-1-2.Second{ margin-right: 0; } /*IE8*/
}

@media only screen and (min-width: 60em) {	
	.CalloutGroup {margin-top: 2.25em;}
}

		

/* ------------------------------------------------------------------------ Coloured Background Sections */

.ArrowDown {
	position: absolute;
	top: -1.75em;	 
	left: 50%;
	margin-left:-2em;
	display: block;
	border-radius: 50%;	
	width: 4em;
	height: 0;
	padding-bottom: 4em;
	text-align:center;
	text-decoration:none;
	}
	
	.ArrowDown:before {	
		content: '\e802';
		font: normal 3em/0 "fontello";
		position: absolute;
		top: .55em;	 
		left: 27%;
		}
		
		.ArrowDown.GreyBGArrow { 
			color: #193f66;
			background: #e6e6e6;
			}
			.ArrowDown.GreyBGArrow:hover {color: #1765b4; } 
	
.GreyBG  {
	background-color: #e6e6e6;
	background-position: center top;
	background-repeat: no-repeat;
	background-size:800px;
	}
	
	.GreyBG .IntroTextSmall {color: #222; }
	.GreyBG input, .GreyBG  select, .GreyBG  textarea, .GreyBG label.RadioLabel:before, .GreyBG label.CheckboxLabel:before, .CreditCard input, .CreditCard  select, .CreditCard  textarea, .CreditCard label.RadioLabel:before, .CreditCard label.CheckboxLabel:before { border-color: #fff; }
		
		
	
@media only screen and (min-width: 40em) {
	
	.ArrowDown {
		margin-left:-2.5em;	
		width: 5em;
		padding-bottom: 5em;
		top: -2em;
		}		
		.ArrowDown:before {	font-size: /*4em*/ 64px; }
		
	.GreyBG { background-size:1280px; }
	
	.Stories {
		background:#e6e6e6 url(https://espanol.sharewordglobal.com/images/grey-bg-stories.jpg) no-repeat 84% 100%; 
		background-size:320px;
		}
	
	section.Contact{
		background: url(https://espanol.sharewordglobal.com/images/white-bg-contact.jpg) no-repeat 100% 0; 
		background-size:495px;
		}
		
	section.Donate {
		padding-bottom:28em;
		background: url(https://espanol.sharewordglobal.com/images/white-bg-donate.jpg) no-repeat center 100%; 
		background-size:1280px;
		}
	
}




/* ------------------------------------------------------------------------ BBox Donation Script Override */

.BBoxDonation {
	max-width: 700px;
	margin: 0 auto;
	}
	
	.BBoxDonation img, .BBoxDonation img[style] { width: auto !important; }
	
	.BBoxDonation input { padding:.55em; }
	
	.BBFormContainer[data-bbox-part-id="33be3424-59d4-400d-8307-41304e9dc9a3"] .BBFormSubmitbutton,
	.BBFormContainer[data-bbox-part-id="d83bccaf-37e5-4a65-b864-a38329353f20"] .BBFormSubmitbutton {
		text-transform: uppercase;
		background-color: #1765b4 !important;
		border:none !important;
		box-shadow: none !important;
		border-radius: 0.25em !important;
		font: normal 1.25em/1.4 'oswaldlight', Arial, Helvetica, sans-serif; 
		margin: .5em 0;
		padding: 0.5em 1.5em !important;
		
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		}
	
		.BBFormContainer[data-bbox-part-id="33be3424-59d4-400d-8307-41304e9dc9a3"] .BBFormSubmitbutton:hover,
		.BBFormContainer[data-bbox-part-id="33be3424-59d4-400d-8307-41304e9dc9a3"] .BBFormSubmitbutton:focus {  
		color: #fff; background: #2185eb  !important; outline: none; }
			
		#bbox-msg-wrapper > img { display: none; }
	
	
	#cluetip-title { font-size: 26px !important; }
	 
	.cluetip-BBForm h2 { font-size: 22px !important; }
		
	#cluetip-close { font-size:18px !important; }
	
	#cluetip-inner img, #cluetip-inner img[style] {width: auto; }
	
	 
	
/* ------------------------------------------------------------------------ Cart */

.CartItem {
	border-bottom: 1px dashed #ddd;
	padding:1.5em 0;
	 }
	 .CartItem:first-child {border-top: 1px dashed #ddd;  }
	 	.CartItem.First {border-top: 1px dashed #ddd; } 
	 
	 .CartItem:last-child { border-bottom: 1px solid #ddd; }
	 	 .CartItem.Last { border-bottom: 1px solid #ddd; } 
	 	
	.CartItem .CardImage {	
		width:25%;	
		margin:0 5% 0 0;
		float:left;
		}
		.CartItem .CardImage.Border {	border: 1px solid #eee; }
		
		.CartItem .CardImage img { display: block; }
		
	.CartItem .CardInfo { 
		width:70%;
		float: left;
		padding-top:.5em;
		}
		
		.CartItem.NoImage .CardInfo {width:100%; }			
	
	.CartItem .Quantity { 
		width:100%;
		float: left;
		padding-top: 1.5em;
		font-size: .875em;
		}
		.CartItem .Quantity label {
			float:left;
			width: 4.75em;
			margin: .3em 0 0 0;
			padding:0 .5em 0 0; 			
			}
			
		.Thankyou .CartItem .Quantity { text-align: right; }
					
		.CartItem input { 
			float:left;
			width: 30%;
			margin: 0 .5em 0 0;
			padding: .375em .5em; 
			}
			
			.CartItem input.Update { 
				font-size: .75em;
				border: none;
				color: #1765b4;
				width: 25%;
				padding:0; 
				background: transparent;	
				border-radius: none;	
				cursor: pointer;
				margin: .75em 0 0 0;
				float: left;
				text-align:left;
				}
				.CartItem input.Update.Edit { 
					float:none;
					width: 100%;
					font-size: 1em;
					margin: 0;
					}
					
				.CartItem input.Update:hover { color: #2185eb; }
		
	.CartItem .Button.Close { 
		width:1.25em;
		height:1.25em;
		float: right;
		border-radius: 50%;
		padding:.5em;
		text-indent:-9999px;
		font-size: 1em;
		background:#1765b4 url(https://espanol.sharewordglobal.com/images/close-bg.png) no-repeat center center;
		background-size: 10px;
		margin: .5em 0 0 0; 
		}

	.CartItem hr {	
		color: #ddd;
		background: #ddd;
		}			
				
	.Total {padding: 1em 0 2em 0 ; }
	
	
	.Total .IntroTextAlt { 
		color: #1765b4;
		font-size:2em;
		padding-left: .125em;
		}
		
		
		

@media only screen and (min-width: 40em) {	

	.Cart {margin: 1em 0; }
	
		.CartItem .CardImage {	
			width:10%;
			margin-right: 3%;
			}
			
		.CartItem .CardInfo {	
			font-size: 1em; 
			padding-top:0;
			width:42%; 
			}
			
			.CartItem.NoImage .CardInfo {width:55%; }			
			
	.CartItem .Quantity { 
		width:45%; 
		padding-top: 0;		
		}
				
}

@media only screen and (min-width: 60em) {	
			
	.CartItem .CardInfo {width:55%; }
		
		.CartItem.NoImage .CardInfo {width:68%; }
			
	.CartItem .Quantity { width:32%; font-size: 1em;}
		.CartItem .Button.Close { margin: .375em 0 0 0; }
						
}
	
@media only screen and (min-width: 70em) {	

	.CartItem .CardInfo {width:60%; }
		
		.CartItem.NoImage .CardInfo {width:72%; }
			
	.CartItem .Quantity { width:27%;}
		
}
	


/* ------------------------------------------------------------------------ Credit Card */

.CreditCard {
	width: 100%;
	margin:1em auto;
	background: #e6e6e6;
	border-radius: 1em;
	padding: 1em 2em 2em 2em ;
	-webkit-box-shadow: 4px 4px 0px 0px #ae9262;
	-moz-box-shadow:    4px 4px 0px 0px #ae9262;
	box-shadow:         4px 4px 0px 0px #ae9262;
	}
	.CreditCard img {
		width: 4em;
		vertical-align: middle;
		}
		
	.CreditCard .Expiry, .CreditCard .CardTypes  {margin-top: 1em; }
			
@media only screen and (min-width: 40em) {

	.CreditCard .Expiry, .CreditCard .CardTypes  {
		float: none;	
		width: 100%;	
		}
		
		.CreditCard .CardTypes  {margin-top: 2em; }
		
}

@media only screen and (min-width: 60em) {
	.CreditCard { 
		width: 85%;
		padding: 3em 4em 2em 4em ;
		}
	
		.CreditCard .Expiry, .CreditCard .CardTypes  {
			float: left;	
			width: 48.25%;	
			}
			
			.CreditCard .CardTypes  {
				margin-top: 3em; 
				text-align:right; 
				}
				
				.CreditCard img { width: 2.75em; }
}

@media only screen and (min-width: 65em) {
	.CreditCard img { width: 3em; }
}

@media only screen and (min-width: 70em) {
	.CreditCard img { width: 3.5em; }
}

@media only screen and (min-width: 72em) {
	.CreditCard img { width: 4em; }
}




/* ------------------------------------------------------------------------ Standard AddThis */
	
.StandardAddThis.addthis_sharing_toolbox {
	text-align: center;
	display: inline-block;	
	vertical-align: -30%;
	margin-bottom: -.5em;
	}
	
@media only screen and (min-width: 40em) {
		
	.StandardAddThis.addthis_sharing_toolbox {margin-bottom: 0;}
		
}



/* ------------------------------------------------------------------------ FlexSlider */
/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
 
.Caption {
	font-size: 1.125em;
	line-height: 1.4;
	text-align:center;
	padding:1em 1.5em 1.5em 1.5em;
	color: #fff;
	}

/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

.flex-direction-nav li {position: static; }


/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider li:before {display: none; }

.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; padding: 0;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { width: auto !important; max-width: 100%; display: block; max-height: 37.5em; margin: 0 auto;}
.flex-pauseplay span {text-transform: capitalize;}

#slider, #slider-testimony, #slider-program { margin: 1.5em 0; }
	#slider-card { margin: 0 0 1.5em 0; }

#slider .slides > li, #slider-testimony .slides > li, #slider-program .slides > li, #slider-card .slides > li  { background: #1765b4; }

#slider .FlexibleIframe, #slider-testimony .FlexibleIframe, #slider-program .FlexibleIframe {
	margin:0;
    padding-bottom: 56.25%;
    padding-top: 0; 
	}
#carousel, #carousel-testimony, #carousel-program, #carousel-card  { margin:-1.5em 0  1.5em 0 }
#carousel li, #carousel-testimony li, #carousel-program li, #carousel-card li {margin-right: 2px;}
#carousel img, #carousel-testimony img, #carousel-program img, #carousel-card img {display: block; opacity: .5; cursor: pointer; max-height:150px;}
#carousel img:hover, #carousel-testimony img:hover, #carousel-program img:hover, #carousel-card img:hover {opacity: 1;}
#carousel .flex-active-slide img, #carousel-testimony .flex-active-slide img, #carousel-program .flex-active-slide img, #carousel-card .flex-active-slide img {opacity: 1; cursor: default;}


/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { display: block; width: 3em; height: 5em; margin: -2.5em 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: #e6e6e6;  -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; padding-left:2px;}
.flex-direction-nav .flex-next { right: -50px; text-align: right; padding-right:2px;}
.flexslider:hover .flex-prev { opacity: 0.9; left: 1em; }
.flexslider:hover .flex-next { opacity: 0.9; right: 1em; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "fontello"; font-size: 6em; line-height: 1; display: inline-block; content: '\E80C'; }
.flex-direction-nav a.flex-next:before  { content: '\e804'; }

/* Direction Nav Carousel */
#carousel .flex-direction-nav a, #carousel-testimony .flex-direction-nav a, #carousel-program  .flex-direction-nav a, #carousel-card  .flex-direction-nav a   { width: 2em; height: 3em; margin: -1.5em 0 0;  }
#carousel .flex-direction-nav a:before, #carousel-testimony .flex-direction-nav a:before, #carousel-program  .flex-direction-nav a:before, #carousel-card  .flex-direction-nav a:before  {  font-size: 48px;  }
#carousel .flex-viewport, #carousel-testimony .flex-viewport, #carousel-program .flex-viewport, #carousel-card .flex-viewport  { background: #e6e6e6; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}


@media screen and (max-width: 40em) {
  #slider, #slider-testimony, #slider-program, #slider-card  { margin: .5em 0 .5em 0; }
  #carousel, #carousel-testimony, #carousel-program, #carousel-card { margin:-1em 0 .5em 0 }
  
  .Caption {font-size: 1em;}
  
  .flex-direction-nav a  {width: 2em; height: 4em; margin: -2.5em 0 0; }
  .flex-direction-nav a:before  { font-size: 64px; }
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px; }
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}



/* ------------------------------------------------------------------------ Timeline */

/*.Timeline { overflow: hidden; position: relative; margin-bottom: 2em; }
.Timeline > h4 { max-width: 7em; margin: 0 auto 1em; padding: 0.25em 0.5em; clear: both; text-align: center; font-weight: 300; border-radius: 0.25em; }
.Timeline .Timeline-yearEvents { padding: 0; list-style: outside none; overflow: hidden; }
.Timeline .Timeline-yearEvents > li { padding: 2%; border-radius: 8px; margin: 0 0 1em 1em; position: relative; }
.Timeline .Timeline-yearEvents > li:last-child { margin-bottom: 1.75em; }
	.Timeline .Timeline-yearEvents > li.Last { margin-bottom: 1.75em; } 
	
.Timeline .Timeline-yearEvents > li:before { content: ""; position: absolute; left: -0.75em; top: 0.5em; z-index: 100; }

.Timeline--dark { background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #193f66), color-stop(0.9%, #193f66), color-stop(1%, transparent)); background-image: -webkit-linear-gradient(left, #193f66 0%, #193f66 0.9%, transparent 1%); background-image: -moz-linear-gradient(left, #193f66 0%, #193f66 0.9%, transparent 1%); background-image: linear-gradient(left, #193f66 0%, #193f66 0.9%, transparent 1%); }
.Timeline--dark .Timeline-yearEvents > li { color: #fff; background-color: #1765b4; }
.Timeline--dark .Timeline-yearEvents > li:before { padding: 0; border-left: 6px solid transparent; border-right: 6px solid #1765b4; border-top: 6px solid transparent; border-bottom: 6px solid transparent; }
.Timeline--dark > h4 { color: #fff; background-color: #193f66;  }

@media only screen and (min-width: 45em) { 

  .Timeline--dark { background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, transparent), color-stop(49.59%, transparent), color-stop(49.6%, #193f66), color-stop(49.9%, #193f66), color-stop(50%, transparent)); background-image: -webkit-linear-gradient(left, transparent 0%, transparent 49.59%, #193f66 49.6%, #193f66 49.9%, transparent 50%); background-image: -moz-linear-gradient(left, transparent 0%, transparent 49.59%, #193f66 49.6%, #193f66 49.9%, transparent 50%); background-image: linear-gradient(left, transparent 0%, transparent 49.59%, #193f66 49.6%, #193f66 49.9%, transparent 50%); }
  
  .Timeline--dark .Timeline-yearEvents > li.Left:before { content: ""; top: 0.75em; left: auto; right: -0.75em; padding: 0; border-left: 6px solid #1765b4; border-right: 6px solid transparent; border-top: 6px solid transparent; border-bottom: 6px solid transparent; }
  
  .Timeline .Timeline-yearEvents > li { width: 44%; margin: 0 0 1em 0; }
  .Timeline .Timeline-yearEvents > li.Right { float: right; margin-top: 0; }
	.Timeline .Timeline-yearEvents > li.Left + li.Right { margin-top: 10%; }
	.Timeline .Timeline-yearEvents > li.Right + li.Left { margin-top: 10%; }
	
  .Timeline .Timeline-yearEvents > li.Left { float: left; }
  
}*/



/* ------------------------------------------------------------------------ Stackable Responsive Tables */

table {
    border-collapse: collapse;
    border-spacing: 0;
	border:none; 
	width:100%;	
	margin:1em 0 2em 0;
	overflow:auto;
	}	
	table[style] {width:100% !important; }
		
	th, td {
		text-align: left;
		vertical-align: top;
		font-size: 0.875em;	
		padding:1em 0.714em;
		border:1px solid #ddd;
		background: #fff;	
		}	
			
		th {
			background: #193f66;
			color: #fff;
			font-family: 'freesansbold', Arial, Helvetica, sans-serif;
			}
			
	.GreyBG th {border:1px solid #e2bd7d; }
		
	.GreyBG td {
		border:1px solid #e2bd7d;
		background: #efd19d;	
		}	
		
.Pager td{
	border-top: 1px solid #ccc; 
	background: #e8e8e8;
	padding: .5em 0.714em;
	}
				

/* RESPONSIVE EXAMPLE */

.st-head-row { 
	background: #1765b4;
	color: #fff;
	}
	
	.st-head-row a { color: #fff;}
	
.st-head-row-main { background: #193f66; }


.stacktable.large-only { display: table; }
.small-only { display: none; }



@media only screen and (max-width: 60em) {
	
  th, td { padding:.75em 0.714em; }
		
  .large-only { display: none; }
  .stacktable.small-only {
	  display: table; 
	  *display: inline-block; 
	  }
	  
	.Pager td{ 
		background: #1765b4;
		color: #fff;
		font-weight: bold;
		}
	  
}


/* ------------------------------------------------------------------------ Forms */

hr.Form { margin:3em auto 2em auto; }
	hr.Form.Secondary { 
		color: #8bb2d9;
		background: #8bb2d9;
		}
		.GreyBG hr.Form.Secondary { 
			color: #74888e;
			background: #74888e;
			}	
	
	
.ErrorBox { 
	margin-top: 3em;
	background: #d1002c;
	padding:1em;
	color: #fff;
	border-radius: 0.375em;	
	}

.Error, .Error[style], .Required {
	 color: #eb0233;
	 font-size: 0.875em;	
	 }
	  
	 .ErrorMaxCards { 
		font-size: 0.875em;	
		line-height: 1.3; 
		display: block;
		background: #d1002c;
		padding:.5em;
		color: #fff;
		border-radius: 0.375em;	
	 	}
	 
	.Warning { color: #c79a4c; }
	  	
	input.InputError, select.InputError, textarea.InputError, .DonateBox input.Donate.InputError {
		border: 2px solid #eb0233;
		color: #eb0233;
		}
		label.RadioLabel.InputError:before, label.CheckboxLabel.InputError:before {
			border:2px solid #eb0233; 
			color: #eb0233; 
			line-height: .4em;
			}
		
input.UnderInput { margin: 1em 0 .5em 0; }
.Button.UnderInput { margin: .75em 0 .5em 0; }
label.UnderInput { margin: .5em 0 .5em 0; }

label {
	display:block; 
	margin: 1.125em 0 0.25em 0;
	}	
	.IntroText + label {margin-top:0; }
	label.IntroTextSmall { padding-bottom: .5em; }

input, select, textarea {
	border: 1px solid #ddd;
	font-size:1em;
	color: #222;
	width: 100%;
	padding:.875em; 
	background: #fff;	
	border-radius: 0.375em;	
	}
	input[type="text"], input[type="submit"], textarea { -webkit-appearance: none; }
	
	input.Small, select.Small {width: 6em; }	
	
	select.ViewAll { margin-bottom:1.5em; }
		
	select {line-height: 25px; }

	input[type="checkbox"], input[type="radio"], input[type="image"] {
		border:none;
		height: auto;
		width:auto;
		padding: 0;
		background:transparent;
		}
		
	input:focus, select:focus, textarea:focus  { outline: 0; }
		
	textarea { 
		height: 25em; 
		width:100%;
		font-family: inherit;
   		font-size: inherit;
		}
				
	input.Button { 
		font-family: 'oswaldlight', Arial, Helvetica, sans-serif; 
		margin-top:1.5em;
		white-space: normal;
		}
		input.Button.MT1 { margin-top:1em; }
			
		input.Button:focus  { background: #193f66; }
		
@media only screen and (min-width: 40em) {
	
	.IntroText + label, label:first-child {margin-top:0; }
		label.First {margin-top:0; } /*IE8*/
	
	input.Medium, select.Medium {width: 70%; }
	
	select.ViewAll {
		width: 40%;
		float:right;
		padding:.675em;
		margin-bottom:0; 
		}
		
}
		


/* ------------------------------------------------------------------------ Fancy Radio and Checkboxes */

input[type=radio], input[type=checkbox] {display: none; }

label.RadioLabel, label.CheckboxLabel {
	cursor: pointer;
	position: relative;
	display:inline-block; 
	margin: .25em 0 0 0;
	padding:1.75em .5em .5em .5em;
	font-size: 1em;
	background: #eee;
	width: 100%;
	text-align: center;
	}
	
	.GreyBG label.RadioLabel, .GreyBG label.CheckboxLabel, .CreditCard label.RadioLabel, .CreditCard label.CheckboxLabel {background: #eee;}
	
	.Dividers label.CheckboxLabel {width: 10em; }
	
	label.RadioLabel:before, label.CheckboxLabel:before {
		content: "";
		display: inline-block;
		color: #1765b4;		
		text-align: center;
		
		position: absolute;
		top: .25em;
		left:50%;	
		margin-left:-10px;
		
		background-color: #fff;
		border:1px solid #ddd;
		}
		
		label.RadioLabel:before {	
			font-size:2.25em;					
			line-height: .49em;		
			width: .523em;
			height: .5em;		
			border-radius:50%;
			}		
			
			input[type=radio]:checked + label.RadioLabel:before { 
				color: #1765b4;	
				content: "•"; 
				}
				
		label.CheckboxLabel:before {
			font: normal 1em "fontello"; 	
			width: 1em;
			height: 1em;
			padding-top:.45em;		
			border-radius:0.25em;
			top: .5em;
			}	
			.IntroTextSmall label.CheckboxLabel:before { top: .125em; }
			
			input[type=checkbox]:checked + label.CheckboxLabel:before { 
				color: #1765b4;	
				content: '\E80E';
				font: normal 1em/0 "fontello"; 
				}
					
				
@media only screen and (min-width: 40em) {

label.RadioLabel, label.CheckboxLabel {
	margin: 0 .5em 0 0;
	padding:0 0 0 1.75em ;
	width: auto;
	background: transparent;
	text-align: left;
	}
	label.CheckboxLabel.CheckboxGroup {margin: 0 2em ; }
		
	.GreyBG label.RadioLabel, .GreyBG label.CheckboxLabel, .CreditCard label.RadioLabel, .CreditCard label.CheckboxLabel {background: transparent}
	
	label.RadioLabel.ExtraMLR, label.CheckboxLabel.ExtraMLR {margin-left: 1em; margin-right: 1em; }
	
	label.RadioLabel:before, label.CheckboxLabel:before {
		content: "";
		display: inline-block;
		color: #1765b4;		
		text-align: center;
		
		position: absolute;
		left: 0;
		top:0;
		margin-left: 0;
			
		background-color: #fff;
		border:1px solid #ddd;
		}
		
		label.RadioLabel:before {	top: 5px;}		
				
		label.CheckboxLabel:before {top: 5.5px;}	
		
	.CheckboxLabelIndent, .RadioLabelIndent {margin-left: 1.5em; }	
			
}
		
		

/* ------------------------------------------------------------------------ Donate Box */

.DonateBox {
	padding: 2.5em 8% 2.5em 8%; 
	background: #1765b4;
	border-radius: .375em;
	width: 100%;
	margin: .5em auto 2em auto;
	text-align: center;
	}
	.DonateBox h3, .DonateBox .IntroText { color: #f6f6f6; }
	.DonateBox p, .DonateBox label { color: #fff; }
	.DonateBox h3 {padding-top: 0; }
	

	.DonateBox a { color: #fff; }
		.DonateBox a:hover { color: #f6f6f6; }
		
	.DonateBox .More:before  {color: #fff; }
		.DonateBox .More:hover:before { color: #f6f6f6; }
		
	.DonateBox hr {
		color: #508bc6;
		background: #508bc6;
		}
		
	.DonateBox label.RadioLabel, .DonateBox label.CheckboxLabel	{
		margin:0  0 .5em 0; 
		background: #508bc6;
		}
	
		.DonateBox input[type=radio]:checked + label.RadioLabel:before { color: #193f66;}
	
	.DonateBox input.Donate {
		display: block;
		margin: 10px 0 .5em 0 ;
		border: none;
		font: 1.75em 'oswaldbook', Arial, Helvetica, sans-serif;	
		color: #1d386d;
		width: 100%;
		padding:.375em .5em .375em 1.75em; 
		background: #fff url(https://espanol.sharewordglobal.com/images/input-donate-bg.png) no-repeat .75em 48%;	
		background-size:0.583em;
		border-radius: 0.156em ;
		}
			
	.DonateBox input.Button { 
		font-size: 1.5em;	
		margin: 10px 0 .675em 0 ;
		background: #e6e6e6;
		color: #1d386d;
		}
		.DonateBox input.Button:hover, .DonateBox input.Button:focus  { background: #f6f6f6; outline: none; }	
	
	.DonateBox .Error, .DonateBox .Error[style], .DonateBox .Required {
		font-size: 1em;
		padding-bottom:1em;
		}
				
		
		
@media only screen and (min-width: 40em) {
	.DonateBox {
		padding: 2.5em 4.5% 2.5em 4.5%; 
		margin: 1.5em auto 1.75em auto;
		}
		
	.DonateBox label.RadioLabel, .DonateBox label.CheckboxLabel	{
		margin:0 1em;
		background: transparent;
		}
		
	.DonateBox input.Donate {
		font-size: 2.25em;	
		color: #193f66;
		width: 65%;
		border-radius: 0.156em 0 0 0.156em;
		float:left;		
		height: 82px;
		}
		.DonateBox input.Donate.FullField {
			float:none;
			border-radius: 0.156em ;
			margin: 10px auto .5em  auto;
			}
		
	.DonateBox input.Button { 
		font-size: 2em;	
		display: block;
		width:35%; 	
		float:left;
		padding: 0.6em .5em; 
		border-radius:  0 0.156em 0.156em 0 ;
		height: 82px;
		}
		
				
	.DonateBox input.Button { 
		font-size: 2em;	
		display: block;
		width:35%; 	
		float:left;
		padding: 0.6em .5em; 
		border-radius:  0 0.156em 0.156em 0 ;
		height: 82px;
		}

}

@media only screen and (min-width: 60em) {
	.DonateBox {width: 80%; }
}


	

/* =============================================================================================
	FOOTER
============================================================================================= */

footer { 
	padding:7% 0 9% 0;
	background: #1d386d;
	text-align: center;
	}		
	
	footer .IntroTextSmall {  font-size: 1em; }
		
	footer p { 
		font-size:0.875em;
		color:#fff;
		}	
	
	footer a {
		color: #fff;
		text-decoration: none;
		}
		footer a:hover {color: #e6e6e6; }
		
	footer hr { margin-top: .5em; }
	
	footer p.Copyright {
		font-size: 0.813em;
		padding-top: 0;
		text-align:center;
		}
		
	footer p.SWG { 
		width: 150px;
		/*height: 30px;*/
		margin: 0 auto;
	}			
	
	footer p.SWG img { width: 100%; }
	

@media only screen and (min-width: 40em) {

	footer { 
		padding: 1.5em 0 2.5em 0 ;
		text-align: left;
		}
				
		footer hr { margin-top:1em; }
		
		footer .IntroTextSmall {  font-size: 1.125em; }
		
		footer p.Copyright {
			 float:left;
			 text-align: left;
			 }		
		
		footer p.SWG { 
			float:right;
			margin: 0;
			}
		
}

@media only screen and (min-width: 60em) {
	
	footer { padding: 2.25em 0 3.25em 0; }
			
}