@charset "UTF-8";
/* CSS Document */

p {
	margin:0px;
	padding:0px;
}

a {
  color: inherit; 
  text-decoration: inherit; 
}

#footer a {
	color:#e3e3e3!important;
	text-decoration:none!important;
}

@media (max-width: 1400px) {
   #top ul {
	 float:right!important;
	 margin-right:5%!important;
   }
   #helpout {
	   margin-left:0%!important;
	   padding-left:0%!important;
   }
   #projectleft {
	   margin-left:10%!important;
   }
   #projectright {
	   margin-right:10%!important;
   }
}

@media (min-width: 1590px) {
   #projectleft {
	   margin-left:15%!important;
   }
   #projectright {
	   margin-right:15%!important;
   }
}

@media (max-width: 1250px) {
	#helpout {
		text-align:center!important;
		float:none!important;
		padding-bottom:45px!important;
		margin-top:0px!important;
		padding-top:0px!important;
	} 
	#yellow ul {
		float:none!important;
		margin:0px auto!important;
		display:table!important;
		margin-bottom:0px!important;
		padding-bottom:0px!important;
	}
	#yellow {
		padding:20px 0px 20px 0px!important;
	}
}

@media (max-width: 1364px) {
	#footer table {
		margin-left:50px!important;
	}
}

@media (max-width: 1256px) {
	#projectleft {
		display:block!important;
		margin:0px auto!important;
		float:none!important;
		margin-bottom:60px!important;
	}
	#projectright {
		display:block!important;
		margin:0px auto!important;
		float:none!important;
	}
	iframe {
		padding-top:90px!important;
		width:90%!important;
	}
	#wherearewe {
		margin-top:300px!important;
	}
}

@media (max-width: 1150px) {
	#bottom h1 {
		margin-left:5%!important;
	}
	#bottom h6 {
		margin-left:5%!important;
	}
	#bottom img {
		margin-left:5%!important;
	}
	#subscribebox {
		margin-right:5%!important;
	}
	#subscribebelow {
		margin-right:5%!important;
	}
	.blogdate {
		display:none!important;
	}
}

@media (max-width: 1059px) {
   #logoname {
	   text-align:center!important;
	   float:none!important;
	   margin-top:0px!important;
	   padding-top:0px!important;
   }
   #logo {
	   width:64px!important;
	   height:64px!important;
	   display:block!important;
	   margin-left:auto!important;
	   margin-right:auto!important;
	   float:none!important;
	   padding-top:0px!important;
	   padding-bottom:0px!important;
	   margin-bottom:0px!important;
   }
   #top {
	   padding-top:20px!important;
   }
   #singlenav {
	   padding-top:20px!important;
   }
   #top ul {
	   display:table!important;
	   margin:0px auto!important;
	   float:none!important;
   }
   #message {
	   padding-top:50px!important;
   }
   #filler {
	   height:300px!important;
   }
}

body {
	margin:0px;
	padding:0px;
	width:100%;
}

@font-face {
	font-family:opensans-bold;
	src:url(../fonts/OpenSans-Bold.ttf);
	font-weight:bold;
}

@font-face {
	font-family:opensans-semibold;
	src:url(../fonts/OpenSans-Semibold.ttf);
	font-weight:bold;
}

@font-face {
	font-family:opensans-regular;
	src:url(../fonts/OpenSans-Regular.ttf);
	font-weight:bold;
}

@font-face {
	font-family:opensans-light;
	src:url(../fonts/OpenSans-Light.ttf);
}

@font-face {
	font-family:marker;
	src:url(../fonts/Kalam-Bold.ttf);
	font-weight:bold;
}

@font-face {
	font-family:cursive;
	src:url(../fonts/Courgette-Regular.ttf);
}

#top {
	width: 100%;
	height: auto;
	background-image:url(../images/background.png);
	background-size:cover;
	padding-bottom:100px;
}

#singlenav {
	width: 100%;
	height: auto;
	background-image:url(../images/background.png);
	background-size:cover;
	position:fixed;
	box-shadow:0px 0px 8px 0px black;
}

#logo {
	width:48px;
	height:48px;
	margin:20px 10px 16px 10%;
	float:left;
	padding:0px;
}

#logoname {
	font-family:marker;
	color:white;
	font-size:26px;
	margin:28px 0px 0px 0px;
	padding:0px;
	float:left;
}

#logoname:hover {
	color:#e3e3e3;
	cursor:pointer;
}

div ul {
	float:right;
	margin-right:10%;
}

div ul li {
	float:left;
	list-style-type:none;
	margin:24px 14px 16px 10px;
	font-family:opensans-semibold;
	font-size:14px;
	cursor:pointer;
	color:white;
}

#yellow ul li {
	margin-top:-7px !important;
	padding:0px;
	font-size:18px;
	cursor:default!important;
}

#yellow ul li:first-child {
	cursor:pointer!important;
}

#yellow ul li:hover {
	border-bottom:1px solid white;
	color:white;
	cursor:pointer;
}

div ul li:hover {
	border-bottom: 1px #e3e3e3 solid;
	color:#e3e3e3;
	cursor:pointer;
}

#joinus {
	background-color:#ffe45c;
	padding:8px 13px 8px 13px;
	font-family:opensans-bold!important;
	border-radius:3px;
	margin-top:17px !important;
	color:#333333 !important;
}

#joinus:hover {
	border:0px !important;
	background-color:#FEE15C;
}

#message {
	font-size:48px;
	color:white;
	text-align:center;
	padding-top:150px;
	font-family:opensans-bold;
}

#messagejoinus {
	display:block;
	width:150px;
	height:35px;
	margin:0px auto;
	margin-top:50px;
	border:2px solid white;
	border-radius:2px;
	color:white;
	font-family:opensans-semibold;
	text-align:center;
	padding-top:13px;
	cursor:pointer;
	transition:ease all .2s;
}

#messagejoinus:hover {
	background-color:white;
	color:#123D52;
}

#yellow {
	height:auto;
	background-color:#ffe45c;
	padding:37px;
	padding-bottom:75px;
}

#helpout {
	color:white;
	font-family:opensans-semibold;
	font-size:24px;
	margin:0px;
	margin-left:125px;
	padding:0px;
	float:left;
}

#currentprojects {
	height:450px;
}

.title {
	font-size:22px;
	color:#333333;
	font-family:opensans-semibold;
	margin:50px 0px 25px 200px;
	float:left;
}

.contacttitle {
	font-size:30px;
	color:#333333;
	font-family:opensans-semibold;
	margin:50px 0px 25px 10%;
	float:left;
}

.project {
	height:275px;
	width:475px;
	background-color:#333333;
}

.projectleft {
	width:237px;
	height:275px;
	background-color:#1d3039;
	float:left;
}

.projectright {
	width:238px;
	height:275px;
	float:right;
}

.projectright:hover {
	opacity:.7;
	cursor:pointer;
	transition:ease all .2s;
}

.titleright {
	color:#666666;
	font-family:opensans-regular;
	float:right;
	margin:50px 200px 0px 0px;
	font-size:16px;
	cursor:pointer;
}

.titleright:hover {
	color:#999999;
	transition: ease all .2s;
}

.projectleft h1 {
	color:white;
	font-family:opensans-semibold;
	font-size:20px;
	margin-top:2em;
	margin-left:40px;
}

.projectleft h1:hover {
	cursor:pointer;
	color:#e3e3e3;
	transition:ease all .2s;
}

.projectleft p {
	color:#e3e3e3;
	font-family:opensans-regular;
	font-size:13px;
	width:60%;
	margin-left:40px;
}

.projectleft div {
	width:60%;
	height:30px;
	border:2px white solid;
	margin-left:40px;
	border-radius:2px;
	margin-top:1.5em;
	color:white;
	font-family:opensans-semibold;
	padding-top:.6em;
	text-align:center;
	cursor:pointer;
}

.projectleft div:hover {
	background-color:#364E58;
}	

#events {
	height:auto;
	padding-bottom:75px;
	padding-top:30px;
	background-color:#ffe45c;
}

#eventtitle {
	text-align:left;
	padding:10px 0px 0px 0px;
	position:relative;
	font-family:opensans-bold;
	color:#333333;
	margin:0px;
}

#eventdate {
	text-align:left;
	padding:40px 0px 0px 0px;
	position:relative;
	font-family:opensans-regular;
	font-size:18px;
	color:white;
	margin:0px;
}	

#eventtext {
	text-align:left;
	padding:20px 0px 0px 0px;
	position:relative;
	font-family:opensans-regular;
	font-size:16px;
	color:#444444;
	margin:0px;
	width:90%;
}

#bottom {
	height:300px;
	background-color:white;
	width:100%;
	padding-top:20px;
}

#footer {
	height:300px;
	width:100%;
	background-color:#1d3039;
	background-image:url(../images/footer.png);
	background-size:cover;
	background-position:center;
}

#mainlogin {
	width:245px;
	height:500px;
	border-radius:5px;
	display:block;
	margin:0px auto;
	background-color:white;
	box-shadow: 0px 0px 4px 0px black;
	visibility:hidden;
	z-index:9999;
	position:fixed;
	top:150px;
	left:42%;
}

#maindonate {
	width:245px;
	height:260px;
	border-radius:5px;
	display:block;
	margin:0px auto;
	background-color:white;
	box-shadow: 0px 0px 4px 0px black;
	visibility:hidden;
	z-index:9999;
	position:fixed;
	top:150px;
	left:42%;
}

.label {
	color:#333333;
	font-family:opensans-semibold;
	font-size:11px;
	padding:25px 0px 0px 30px;
}

.text {
	margin:0px 0px 5px 30px;
	border:0px;
	border-bottom:1px #999999 solid !important;
	width:175px;
	padding:5px;
	font-family:opensans-semibold;
	font-size:18px;
	display:block;
	color:#333333;
}

.text:focus {
	outline:none;
	border-bottom:1px #a2dfe0 solid !important;
	transition:ease all .3s;
}

.submit {
	border:2px black solid;
	border-radius:4px;
	background-color:White;
	width:185px;
	height:40px;
	margin:30px 0px 7px 30px;
	font-family:opensans-semibold;
	font-size:12px;
	color:black;
	text-align:center;
	border-radius:5px;
	transition:ease background-color .3s;
}

#helptwo:hover {
	opacity:.7!important;
}

.submit2 {
	border:2px black solid;
	border-radius:4px;
	background-color:White;
	width:185px;
	height:40px;
	margin:30px 0px 7px 30px;
	font-family:opensans-semibold;
	font-size:12px;
	color:black;
	text-align:center;
	border-radius:5px;
	transition:ease background-color .3s;
}

.blue {
	background-color:#222222 !important;
	border:2px #222222 solid !important;
	color:white !important;
	cursor:pointer;
}

.active {
	border-bottom: 1px white solid;
}

#darken, #darkentwo, #darkenthree {
	position:absolute;
	width:100%;
	top:0px;
	height:2550px;
	background-color:#111111;
	opacity:.7;
	z-index:999;
	display:none;
	cursor:pointer;
}

#eventbox {
	background-color:white;
	width:500px;
	height:375px;
	margin:15px 40px 0px 8%;
	padding:0px;
	float:left;
}

#eventbox h1 {
	color:#333333;
	font-size:24px;
	font-family:opensans-bold;
	padding:0px 0px 0px 20px;
}

.event {
	width:96%;
	display:block;
	margin:0px auto;
	height:96px;
	margin-top:7px;
	font-family:opensans-semibold !important;
	font-size:20px;
	cursor:pointer!important;
	z-index:998;
	position:relative;
}

.event:hover {
	background-color:#e3e3e3!important;
	cursor:pointer;
	/*transition:ease all .1s;*/
}

.event p {
	padding:14px 0px 0px 20px!important;
	margin:0px!important;
}

.eventactive {
	background-color:#2f4751;
	color:white;
	transition:ease all .1s;
}

.eventactive span {
	color:#e3e3e3;
}

.eventactive:hover {
	background-color:#3b5763!important;
}

#bottom h6 {
	font-family:opensans-light;
	margin:40px 0px 0px 13%;
	color:#666666;
}

#bottom h1 {
	font-family:opensans-semibold;
	font-size:26px;
	margin:0px 0px 0px 13%;
}

#bottom img {
	width:150px;
	height:150px;
	margin:30px 0px 0px 13%;
	float:left;
}

#bottom p {
	width:200px;
	text-align:left;
	display:inline-block;
	margin:30px 0px 0px 25px;
	font-family:opensans-regular;
	font-size:14px;
}

#eventdetails {
	border: 2px solid #2f4751;
	height:35px;
	width:200px;
	text-align:center;
	color: #2f4751;
	padding-top:10px;
	margin-top:20px;
	font-family:opensans-regular;
	display:inline-block;
	border-radius:2px;
	cursor:pointer;
}

#eventdetails:hover {
	background-color:#2f4751;
	color:white;
	transition:ease all .2s;
}

#blogbutton {
	background-color:#2f4751;
	color:white;
	width:100px;
	height:30px;
	font-family:opensans-semibold;
	display:inline-block;
}

#subscribebox {
	float:right;
	margin:-20px 13% 0px 0px;
	padding:0px;
	height:115px;
	width:440px;
	background-image:url(../images/worldbgbest.png);
	background-size:contain;
}

#subscribebelow {
	float:right;
	height:40px;
	border-radius:2px;
	width:440px;
	background-color:#ffe45c;
	display:inline-block;
	margin:-50px 13% 0px 0px;
	text-align:center;
	color:#2f4751;
	font-family:opensans-bold;
	padding-top:10px;
	font-size:20px;
	cursor:pointer;
}

#subscribebelow:hover {
	background-color:#FFF086;
	transition:ease all .1s;
}

#subscribebox h1 {
	font-family:opensans-bold;
	color:#2f4751;
	padding:0px;
	margin:10px 0px 0px 20px;
}

#subscribebox form input {
	border:0px;
	height:35px;
	width:270px;
	margin:10px 0px 0px 20px;
	padding-left:10px;
	color:#2f4751;
	font-size:20px;
	font-family:opensans-regular;
	float:left;
	border-radius:2px;
}

#subscribebutton { 
	height:30px;
	width:100px;
	color:white;
	font-family:opensans-semibold;
	text-align:center;
	font-size:14px;
	padding-top:7px;
	background-color:#2f4751;
	display:inline-block;
	margin:10px 0px 0px 20px;
	border-radius:2px;
	cursor:pointer;
}

#subscribebutton:hover {
	background-color:#455965;
	transition:ease all .1s;
}

#footer table {
	margin:50px 0px 0px 150px;
	padding-top:50px;
	border-spacing: 5px;
}

#footer table td {
	font-family:opensans-semibold;
	color:#e3e3e3;
	cursor:pointer;
	padding:0px 50px 0px 70px;
}

#footer table td:hover {
	color:white;
}

#footer table td img {
	width:48px;
	height:48px;
	padding:0px 5px 0px 5px;
}

#personinfo a img {
	width:48px;
	height:48px;
	padding:30px 5px 0px 5px;
}

#headshots {
	text-align:center;
}

.pagetitle {
	padding-top:150px;
	margin:0px 0px 50px 0px;
	text-align:center;
	font-family:opensans-semibold;
	color:#333333;
	font-size:30px;
}

.headshot {
	display:inline-block;
	width:200px;
	height:225px;
	margin:0px 20px 0px 20px;
	cursor:pointer;
}

.activeheadshot {
	border:4px solid #ffe45c !important;
	height:217px!important;
	width:192px!important;
	transition:ease all .1s !important;
}

#personinfo {
	height:auto;
	display:block;
	margin:0px auto;
	background-color:#2f4751;
	width:80%;
	margin-top:50px;
	padding:30px;
}

#personname {
	color:white;
	font-family:opensans-semibold;
	margin:0px;
	padding:0px;
}

#personlocation {
	color:white;
	font-family:opensans-light;
	font-size:18px;
	margin:0px;
	padding:0px;
}

#personbio {
	color:white;
	font-family:opensans-light;
	margin:0px;
	padding:20px 0px 0px 0px;
}

#mission {
	width:70%;
	height:100px;
	/*background-image:url(../images/holi.png);*/
	display:block;
	background-size:contain;
	margin:0px auto;
	padding:60px 60px 60px 60px;
	color:#666666;
	font-family:opensans-regular;
	font-size:24px;
	border-radius:4px;
}

#missionbelow {
	width:80%;
	padding-top:50px;
	display:block;
	margin:0px auto;
	color:#333333;
	font-family:opensans-regular;
	font-size:20px;
}

.organization {
	width:70%;
	height:auto;
	display:block;
	margin:0px auto;
	margin-bottom:30px;
	background-color:#2f4751;
	color:white;
}

#contactname {
	width:79%;
	padding-left:10px;
	height:40px;
	border:2px solid #2f4751;
	font-size:24px;
	text-transform:capitalize;
	font-family:opensans-light;
	display:block;
	margin:0px auto;
	margin-bottom:20px;
	margin-top:60px;
	border-radius:3px;
}

#contactemail {
	width:79%;
	padding-left:10px;
	height:40px;
	font-size:24px;
	font-family:opensans-light;
	border:2px solid #2f4751;
	display:block;
	margin:0px auto;
	margin-bottom:20px;
	border-radius:3px;
}

#contacttext {
	width:79%;
	padding-left:10px;
	height:100px;
	font-size:24px;
	font-family:opensans-light;
	border:2px solid #2f4751;
	display:block;
	margin:0px auto;
	margin-bottom:20px;
	border-radius:3px;
}

#contactsubmit {
	width:20%;
	height:45px;
	margin-left:10%;
	display:block;
	background-color:#ffe45c;
	border:0px;
	color:#2f4751;
	font-family:opensans-semibold;
	font-size:18px;
	border-radius:3px;
	cursor:pointer;
	margin-bottom:75px;
}

#contactsubmit:hover {
	background-color:white;
	border:2px solid #ffe45c;
	color:#ffe45c;
	transition:ease all .1s;
}

.membertitle {
	font-family:opensans-semibold;
	color:white;
	padding:18px 0px 0px 25px;
	font-size:20px;
}

.memberdescription {
	padding:0px 25px 25px 25px;
	color:white;
	font-family:opensans-light;
}

.memberphoto {
	height:150px;
	width:150px;
	padding:20px;
	float:left;
}

.organization a img {
	width:48px;
	height:48px;
	padding-bottom:20px;
	padding-right:20px;
}

.blogdate {
	background-color:#2f4751;
	height:55px;
	width:70px;
	border-radius:100px;
	margin-left:55%;
	color:white;
	font-family:opensans-bold;
	text-align:center;
	padding-top:15px;
	float:left;
	margin-right:30px;
}

.blogposttitle {
	color:#333333;
	font-family:opensans-regular;
	margin-top:0px;
	padding:0px;
}

.blogpostauthor {
	color:#333333;
	font-family:opensans-light;
	font-size:14px;
	margin:0px;
	margin-top:-20px;
	padding:0px;
}

.blogpostpreview {
	font-family:opensans-regular;
	color:#444444;
	width:80%;
	padding-top:30px;
	padding-bottom:20px;
}