@import url("/_css/common_resetCss.css");
@import url("/_fonts/futura/stylesheet.css");

@charset "UTF-8";

::-webkit-scrollbar {
    width: 10px;
	background-color:rgba(0,0,0,.2);
}
::-webkit-scrollbar-thumb {
	background-color:rgba(0,0,0,.2);
}

::selection {
	background-color:rgba(135,117,142,.4);
}

body {
	position:relative;
	width:auto; height:auto;
	background:#FFF;
	text-align: center;
	
	font-family: 'futura-med', "Futura", Futura, sans-serif;
	font-size:16px;
	line-height:24px;
	letter-spacing:.03em;
	color:#4D4D4D;
}

a {
	cursor:pointer; 
	outline-width: 0;
	
	text-decoration:none;

	-webkit-transition: all .25s ;
	-moz-transition: all .25s ;
	-ms-transition: all .25s ;
	-o-transition: all .25s ;
	transition: all .25s ;
}

a.button, input.submit {
	display:inline-block;
	margin-bottom:20px; padding:10px; border:2px solid #FFF; outline: 10px solid #F7931E;
	background:#F7931E;
	
	font-family:'futura-lt';
	font-size:21px; 
	color:#FFF;
	text-align:center;
	text-transform:capitalize;
	
	/*-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;*/
	
	cursor:pointer;
}
	
	a.button:hover, a.button:focus, input.submit:hover, input.submit:focus {
		outline: 10px solid #F9B361;
		background:#F9B361; 
		color:#FFF;
	}
	
	a.donate {
		background:#D3C36B;
	}
		a.donate:hover, a.donate:focus {
			background:#6952OC;
		}

.pageWrapper {
	position:relative;
	width:1000px;	
	margin:0px auto;
}


/*************************************************************/
/***************************HEADER****************************/
/*************************************************************/


header {
	display:block;
	position:relative;
	width:auto; height:133px;
	margin:0px; padding:0px; 
	/*background:url('/_images/header_gradient.png') top repeat-x;*/
	vertical-align:middle;
	
	text-align:center;
}
	header .pageWrapper {
		height:100%;
		margin:0px auto;
	}
	
	header a.logo {
		display:block;
		position:absolute; top:20px; left:0px;
		width:0px; height:0px;
		padding:102px 0px 0px 484px;
		background:url('/_images/logo.png') center no-repeat;	
		overflow:hidden;
	}
	
	header ul, header li {
		display:inline-block;
	}
	
	header nav {
		position:absolute; top:90px; right:0px;
		
		font-size:24px;
		color:#4D4D4D;
		line-height:normal;
		-webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */

	}
		header nav ul li {
			position:relative;
			background:#FFF;
		}
			header nav ul ul {
				position:absolute; top:30px; left:-5px;
				display:none;
				width:200px;
				background:url('/_images/feature_bg.png') top center repeat-x;
				z-index:999999;
				
				font-size:16px;
				text-align:left;
			}
				header nav ul ul li {background:none; }
				header nav ul ul a, header nav ul ul a:link, header nav ul li ul a, header nav ul li ul a:link  {
					display:block;
					color:#FFF;
				}
			header nav ul li:hover ul, header nav ul li:hover ul a, header nav ul li:hover ul a:link {
				display:block;
			}
			header nav ul ul li {
				display:block;
				padding:10px; border-bottom:1px solid #4D4D4D;
				
				-webkit-transition: all .25s ;
				-moz-transition: all .25s ;
				-ms-transition: all .25s ;
				-o-transition: all .25s ;
				transition: all .25s ;
			}
				header nav ul li:hover ul li:hover {
					background:#F7931E;
				}
					header nav ul li:hover ul li:hover a, header nav ul li:hover ul li a:hover {
						color:#FFF;
					}
				
				header nav ul li ul li ul, header nav ul li:hover ul li ul {
					position:absolute; top:0px; left:200px;
					display:none;
				}
				header nav ul li ul li:hover ul, header nav ul li:hover ul li:hover ul {
					display:block;
				}
				header nav ul li ul li:hover ul a, header nav ul li:hover ul li:hover ul a {
					color:#4E3C56;
				}
				header nav ul li ul li:hover ul a:hover, header nav ul li:hover ul li:hover ul a:hover {
					color:#FFF;
				}
		
		header nav a {
			margin-right:24px; padding-bottom:10px;
			color:#4D4D4D;
			
			text-decoration:none;
			text-transform:uppercase;
		}
			header nav a:hover, header nav a:focus {
				color:#F7931E;
			}
			header nav li:last-child a{
				margin-right:0px;
			}
			
			header nav ul ul a, header nav ul ul a:link {
				/*font-size:16px !important;*/
			}

	


/*************************************************************/
/***************************CONTENT***************************/
/*************************************************************/

section {
	display:block;
	width:auto; height:auto;
	margin:0px; padding:50px 0px;
	
	text-align:left;
}
	section h1 {
		margin-bottom:30px;
		
		font-family:'futura-lt';
		font-size:36px;
		text-transform:uppercase;
		color:#4D4D4D;
	}
		section h1 a {color:#4D4D4D; }
		section h1 a:hover {color:#F7931E; }

	section h2 {
		font-family: 'futura-bold';
		font-size:21px;
		font-weight:700;
		color:#F7931E;
		line-height:normal;
	}

section#callout {
	display:block;
	padding:0px;
}
	#callout a {
		display:block;
		width:auto; height:auto;
		padding:40px;
		background:#F7931E;
		color:#FFF;
		
		font-family:'futura-lt';
		font-size:24px;
		text-align:center;
	}
		#callout a:hover {background:#F9B361; }
		
	#callout em {
		font-family: 'futura-med';
	}



#content {
    display:block;
	position:relative;
	width:auto; height:auto;
    margin:0px; padding:35px 0px;
	/*background:#E2E4E8;*/
	background:#ECEDF0;
    
	text-align:left;
	letter-spacing:normal;
}
	#content .pageWrapper {
		text-align:left;
	}
	
	#content h1 {
		margin-bottom:16px;
		
		font-size:24px;
		color:#9A8AA0;
	}
	
	#content h2 {
		margin-bottom:10px; 
		
		font-size:18px;
		color:#4E3C56;
	}
	
	#content h3 {
		font-size:16px;
		color:#9A8AA0;
	}
	
	#content p, #content ul, #content ol, #content form {
		margin-bottom:20px;
		
		font-size:16px;
		color:#6D6E71;
	}
	
		#content p.notice {
			display:block;
			padding:20px;
			background:#998A9F;
			
			color:#FFF;
			line-height:24px;
				
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;
			border-radius: 8px;
		}
			#content p.notice a, #content p.notice a:link {
				color:#ECEDF0;
			}
			
		#content p.small {
			font-size:14px;
		}
	
		#content ul {
			padding-left:35px;
			list-style:disc;
		}
		
		#content ol {
			/*list-style:decimal;*/
		}
			#content ol li {
				display:block;
				margin-bottom:20px; padding:15px;
				background:#E2E4E8;
				/*list-style:upper-alpha;*/
				
				-webkit-border-radius: 8px;
				-moz-border-radius: 8px;
				border-radius: 8px;
			}
	
	#content em {
		font-weight:bold;
		font-style:italic;
		font-size:18px;
		color: #9A8AA0;
	}
	
	#content i {
		font-style:italic;
	}
	
	#content a, #content a:link {
		color:#4E3C56; 
		text-decoration:underline;
	}
		#content a:hover, #content a:focus {
			color:#998A9F; 
			text-decoration:underline;
		}
		#content a.button, #content a.button:link, #content a.button:hover, #content a.button:focus {
			color:#FFF;
			text-decoration:none;
		}
		
		#content .leftHalf {
			display:block;
			float:left;
			width:73%;
		}
		#content .rightHalf {
			display:block;
			float:right;
			width:22%;
		}
			#content .rightHalf a.button {
				display:block;
				padding:10px 15px; border:3px solid #FFF;
				
				font-size:18px;
				text-align:center;
				
				text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);
				
				-webkit-border-radius: 15px;
				-moz-border-radius: 15px;
				border-radius: 15px;
				
				-webkit-box-shadow: 0px 2px 5px -1px rgba(0,0,0,0.8), inset 0px 1px 5px -1px rgba(0,0,0,0.4);
				-moz-box-shadow: 0px 2px 5px -1px rgba(0,0,0,0.8, inset 0px 1px 5px -1px rgba(0,0,0,0.4));
				box-shadow: 0px 2px 5px -1px rgba(0,0,0,0.8), inset 0px 1px 5px -1px rgba(0,0,0,0.4);
			}
				
			#content .rightHalf a.small {
				font-size:14px;
			}
			
		#content p.contact {
			padding-left:20px; 
			font-size:14px;
			line-height:normal;
		}
			
		#content table {
			width:auto;;
		}
			#content table tr:nth-child(even) {
				background:rgba(0,0,0,.1);
				
				-webkit-border-radius: 8px;
				-moz-border-radius: 8px;
				border-radius: 8px;
			}
			#content table th {
				font-size:18px;
			}
			#content table td, #content table th {
				padding:5px 10px;
			}
		
		
		
#content .story_preview {
	 margin-top:10px; padding:30px 0px 0px 0px; border-top:1px solid #9A8AA0;
	/*background:#CFC3D4;*/
	
}
	
	#content .story_preview img {
		float:right;
		/*width:240px;; height:auto;*/
		max-height:180px; max-width:240px;
		margin:0px 0px 20px 20px;
	}
	
	/*#content .story_preview p {
		font-size:12px;
		line-height:normal;
	}*/

		
		

#partners {
	margin:0px; padding:35px 0px;
	background:#FFF;
}
	#partners a, #partners a:link {
		display:block;
		float:left;
		margin:0px 15px;
	}
		#partners a:first-child, #partners a:link:first-child {
			margin-left:0px;
		}
		#partners a:last-child, #partners a:link:last-child {
			margin-right:0px;
			border:1px solid #000;
		}
	#partners a img, #partners a:link img {
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		filter: grayscale(100%);
		filter: url('/_scripts/grayscale.svg#greyscale');

		opacity:.5;
	
		-webkit-transition: all .25s ;
		-moz-transition: all .25s ;
		-ms-transition: all .25s ;
		-o-transition: all .25s ;
		transition: all .25s ;
	}
		#partners a:hover img, #partners a:focus img {
			-webkit-filter: grayscale(0%);
			-moz-filter: grayscale(0%);
			filter: grayscale(0%);
			opacity:1;
		}
		
		
		
#content .rightDonate {
	display:block;
	padding-top:20px;
}
	#content .rightDonate img {
		float:left;
		width:48px; height:auto;
		margin:0px 10px 10px 0px;
	}
	#content .rightDonate p {
		font-size:14px;
		line-height:normal;
	}
	
	
	


/*************************************************************/
/***************************FOOTER****************************/
/*************************************************************/
footer {
	margin:0px; padding:35px 0px;
	background:url('/_images/feature_bg.png') top repeat-x #4D4D4D;
	
	font-size:18px;
	text-align:left;
}
	footer nav {
		margin-bottom:40px;
	}
	
	footer ul li {
		display:block;
		float:left;
		margin-right:30px;
		
		text-align:left;
	}
		footer ul li:last-child {
			margin-right:0px;
		}
		
	footer ul a, footer ul a:link {
		font-size:18px;
		color:#FFF;
	}
		footer ul a:hover, footer ul a:focus {
			text-decoration:underline;
		}
	
		footer ul ul li {
			display:block;
			float:none;
			margin-right:0px;
			
			line-height:21px;
		}
		footer ul ul a, footer ul ul a:link {
			font-size:14px;
			color:#CDCDCD;
		}
		
			footer ul ul ul li {
				padding-left:15px;
			}
			footer ul ul ul a, footer ul ul ul a:link {
				font-size:12px;
				color:#CACDD1;
				text-transform:uppercase;
			}
			
#copyright {
	font-size:12px;
	color:#CDCDCD;
	text-align:left;
}
	#copyright a {color:#CfC3D4; }
	#copyright a:hover {text-decoration:underline; }


#social {
	float:right;
}
	
	#social a, #social a:link {
		display:inline-block;
		width:0px; height:0px;
		margin:0px 3px; padding:45px 0px 0px 45px;
		overflow:hidden;
		opacity:.6;
	}
		#social a:hover, #social a:focus {
			opacity:1;
		}
		#social a.facebook {
			background:url('/_images/social_fb.png') center no-repeat;
			background-size:contain;
		}
		#social a.twitter {
			background:url('/_images/social_tw.png') center no-repeat;
			background-size:contain;
		}



.small, .description {font-size:13px; }
.large {font-size:18px; }


.fourth {display:block; float:left; width:23%; margin-right:5px; }
.left {float:left; }
.right {float:right; }
.clear {clear:both; }





.sm{
	font-size:11px !important;
	line-height:14px !important;
	margin-bottom:15px;
}


/*******SCREEN SIZE*******/
@media screen and (max-width: 999px){
	.pageWrapper {
		width:auto;
		padding-left:20px; padding-right:20px;
	}
	

	header a.logo {
		position:static;
		/*margin-top:30px;
		width:auto; padding:20px;*/
	}
		
	header nav {
		position:absolute; top:0px; right:auto; left:0px;
		width:100%;
		
		z-index:999999999;
	}
		header nav ul li a {
			display:block;
		}
		header nav ul, header nav ul li, header ul li ul, header ul li ul li, header ul ul {
			position:static;
			display:block;
			width:auto;
			margin:0px; padding:0px;
			
			text-align:left;
		}
		header nav ul {display:none !important; }
		header nav.open ul {display:block !important; }
		
			header nav ul li ul li ul, header nav ul li:hover ul li ul {
				position:static;
				display:block;
			}
		
		header nav a, header ul li a, header ul li ul li a {
			margin:0px; padding:10px 20px;
		}

		.menu {
			display:block;
			padding:20px;
			background:url('/_images/nav_mobile.png') right no-repeat; background-size:contain;
		}
			header nav.open .menu {background-color:rgba(255,255,255,.6); }	
			
	#callout a {
		width:auto; height:auto;
		padding-left:10px; padding-right:10px;
	}
	
	
}
	
@media screen and (max-width: 640px){
	header nav {
		position:fixed;
	}
	
	a.button, input.submit {
		display:block;
		margin-bottom:20px; padding:10px; border:2px solid #FFF; outline: 10px solid #F7931E;
		background:#F7931E;
		
	}
	
	header a.logo {
		position:relative; top:auto; left:auto;
		width:0px; height:0px;
		padding:120px 0px 0px 100%; 
		background:url('/_images/logo.png') bottom no-repeat;
		background-size:contain;
	}

	/*nav {
		display:block;
		bottom:auto; right:auto; top:0; left:0;
		width:100%; height:auto;
		margin:0px; padding:0px;
		background:rgba(0,0,0,.6);
		text-align:left;
	}
		nav ul {
			display:none;
		
			-webkit-transition: all .25s ;
			-moz-transition: all .25s ;
			-ms-transition: all .25s ;
			-o-transition: all .25s ;
			transition: all .25s ;
		}
			nav.open ul {
				display:block; 
			
				-webkit-transition: all .25s ;
				-moz-transition: all .25s ;
				-ms-transition: all .25s ;
				-o-transition: all .25s ;
				transition: all .25s ;
			}
			
		nav ul li {
			display:block;
			font-size:48px;
		}
			nav a {
				display:block;
				padding:20px;
			}
			nav a:hover {opacity:.6; text-decoration:underline; }
			
			nav ul li:first-child a {
				padding-left:20px;
			}
			nav ul li:last-child a {
				padding-right:20px;
			}*/
			
			

}