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

@media only screen and (max-width:720px )/* */

{

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {

  width: auto;
  font-family: "hypatia-sans-pro",sans-serif;
  line-height: 1;
}

/*Main Menu Bar Color*/
#cssmenu > ul {
  background: #009a7f;
}
#cssmenu > ul > li {
  float: left;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  perspective: 1000px;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-right > ul > li {
  float: right;
}

/*Buttons Color and Text Color*/
#cssmenu > ul > li > a {
  padding: 2vw 6vw;
  font-size: 3.5vw;
  color: #ffffff;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  background: #009a7f;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

/*Dark Button Background*/
#cssmenu > ul > li.active > a {
  color: #fff;
}

/*Dark Button Background text color*/
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover {
  color: #fff;
  -webkit-transform: rotateX(90deg) translateY(-23px);
  -moz-transform: rotateX(90deg) translateY(-23px);
  transform: rotateX(90deg) translateY(-23px);
  -ms-transform: none;
}

/*Spinning Button and Blue text*/
#cssmenu > ul > li > a::before {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: -1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 16px 20px;
  color: #fff;
  background: #125A41;
  content: attr(data-title);
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -ms-transform: translateY(- -18px);
}
#cssmenu > ul > li:hover > a::before,
#cssmenu > ul > li > a:hover::before {
  background: #5EC19E;
  color:#fff;
  padding:1vw;
}
#cssmenu.small-screen {
  width: 100%;
}
#cssmenu.small-screen > ul,
#cssmenu.small-screen.align-center > ul {
  width: 100%;
  text-align: left;
}
#cssmenu.small-screen > ul > li,
#cssmenu.small-screen.align-center {
  float: none;
  display: block;
  border-top: 1px solid rgba(100, 100, 100, 0.1);
}
#cssmenu.small-screen > ul > li:hover > a,
#cssmenu.small-screen > ul > li > a:hover {
  color: #fff;
  -webkit-transform: none;
  -moz-transform: none;
  transform: none;
  -ms-transform: none;
}
#cssmenu.small-screen > ul > li > a::before {
  display: none;
}
#cssmenu.small-screen #menu-button {
  display: block;
  padding: 16px 20px;
  cursor: pointer;
  font-size: 3vw;
  text-decoration: none;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: #009a7f;
}
#cssmenu.small-screen #menu-button:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 17px;
  display: block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  width: 22px;
  height: 3px;
}
#cssmenu.small-screen #menu-button.menu-opened:after {
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
#cssmenu.small-screen #menu-button:before {
  content: "";
  position: absolute;
  right: 20px;
  top: 27px;
  display: block;
  width: 22px;
  height: 2px;
  background: #ffffff;
}
#cssmenu.small-screen #menu-button.menu-opened:before {
  background: #fff;
}

#cssmenu2,
#cssmenu2 ul,
#cssmenu2 ul li,
#cssmenu2 ul li a,
#cssmenu2 #menu-button {

  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu2:after,
#cssmenu2 > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu2 #menu-button {
  display: none;
}
#cssmenu2 {
	display:none;
 width: auto;
  font-family: "hypatia-sans-pro",sans-serif;
  line-height: 1;
}

/*Main Menu Bar Color*/
#cssmenu2 > ul {
  background: #009a7f;
}
#cssmenu2 > ul > li {
  float: left;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  perspective: 1000px;
}
#cssmenu2.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu2.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu2.align-right > ul > li {
  float: right;
}

/*Buttons Color and Text Color*/
#cssmenu2 > ul > li > a {
  padding: 1vw 1.1vw;
  font-size: 1.5vw;
  color: #ffffff;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  background: #009a7f;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

/*Dark Button Background*/
#cssmenu2 > ul > li.active > a {
  color: #fff;
}

/*Dark Button Background text color*/
#cssmenu2 > ul > li:hover > a,
#cssmenu2 > ul > li > a:hover {
  color: #fff;
  -webkit-transform: rotateX(90deg) translateY(-23px);
  -moz-transform: rotateX(90deg) translateY(-23px);
  transform: rotateX(90deg) translateY(-23px);
  -ms-transform: none;
}

/*Spinning Button and Blue text*/
#cssmenu2 > ul > li > a::before {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: -1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 16px 20px;
  color: #fff;
  background: #125A41;
  content: attr(data-title);
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -ms-transform: translateY(- -18px);
}
#cssmenu2 > ul > li:hover > a::before,
#cssmenu2 > ul > li > a:hover::before {
  background: #5EC19E;
  color:#fff;
  padding:1vw;
}
#cssmenu2.small-screen {
  width: 100%;
}
#cssmenu2.small-screen > ul,
#cssmenu2.small-screen.align-center > ul {
  width: 100%;
  text-align: left;
}
#cssmenu2.small-screen > ul > li,
#cssmenu2.small-screen.align-center {
  float: none;
  display: block;
  border-top: 1px solid rgba(100, 100, 100, 0.1);
}
#cssmenu2.small-screen > ul > li:hover > a,
#cssmenu2.small-screen > ul > li > a:hover {
  color: #fff;
  -webkit-transform: none;
  -moz-transform: none;
  transform: none;
  -ms-transform: none;
}
#cssmenu2.small-screen > ul > li > a::before {
  display: none;
}
#cssmenu2.small-screen #menu-button {
  display: block;
  padding: 16px 20px;
  cursor: pointer;
  font-size: 1.8vw;
  text-decoration: none;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: #009a7f;
}
#cssmenu2.small-screen #menu-button:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 17px;
  display: block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  width: 22px;
  height: 3px;
}
#cssmenu2.small-screen #menu-button.menu-opened:after {
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
#cssmenu2.small-screen #menu-button:before {
  content: "";
  position: absolute;
  right: 20px;
  top: 27px;
  display: block;
  width: 22px;
  height: 2px;
  background: #ffffff;
}
#cssmenu2.small-screen #menu-button.menu-opened:before {
  background: #fff;
}


body {
	margin:0 auto;
}

.rslides {
  float:left;
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  margin-right:0%;
  margin-left:0%;

  }

.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	width: 100%;
	margin-top: 0%;
	left: 0px;
	top: 0px;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

  .logobox {
	width:100%;
	margin-bottom:5%;
  }

  .logobox h1 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2.8vw;
	margin-top:5%;
	margin-left:15%;
	color:#009a7f;
  }

  #logo {
	width:12%;
	float:left;
	margin-top:-4%;
	margin-left:2%;
	display:inline-block;
  }

  #logo img {
	width:100%;
  }

  .bottombuttons {
		width:100%;
		background-color:#009a7f;
		clear:both;
  }

  .bottombuttons p {
		color:#009a7f;
		padding:5%;
  }

   .bottombuttons ul li a {
		float:left;
		color:white;
		margin-right:3%;
		text-decoration:none;
  }

  ul.bottom {
	  display:none;
		margin-right:3%;
		color:white;
		list-style:none;
		overflow: hidden;
		clear:both;
  }

  ul.bottom ul li  {
	  float:left;
   	  display:inline-block;
	  text-decoration:none;
  }

  ul.bottom h3 {
		font-family: "hypatia-sans-pro",sans-serif;
		font-size: 1.7vw;
		text-transform: uppercase;
		padding: 0.3vh 0.7vw;
		letter-spacing: 1px;
  }

  .socialmedia {
		width:30%;
		margin-left:35%;
		margin-right:35%;
		margin-top:6%;
  }

  .socialmedia img {
		width:30%;
		display:inline-block;

  }


.historycontainer {
	width:80%;
	margin-left:10%;
	margin-right:10%;
	text-align:justify;
	font-family: "hypatia-sans-pro",sans-serif;
	clear:both;
}

.historycontainer h1 {
	text-align:left;
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:3vw;
}

.firstwhite {
	width:100%;
	background-color:white;
	display:block;
	clear:both;
}

.firstwhite h1 {
	font-size:3vw;
	font-family: "annabelle-jf",sans-serif;
	text-align:center;
}

.firstwhite h3 {
	color:#009A7F;
	font-size:1.5vw;
	font-family: "hypatia-sans-pro",sans-serif;
	transition: all 0.3s eases 0s;
	}
.firstwhite a {
	text-decoration:none;
	color:#009A7F;
}

.givetoeaf {
	width:90%;
	margin-right:5%;
	margin-left:5%;
}

.givetoeaf a h1 {
	width: 10vw;
    font-size: 0.9em;
    background-color:#009A7F;
    color: white;
    padding-top: 2vh;
    padding-bottom: 2vh;
    padding-left: 1%;
    padding-right: 1%;
    float: left;
    margin-right: 5%;
    text-align: center;
    border-radius: 20px;
}

.givetoeaf h2 {
	font-size:4.5vw;
	font-family: "hypatia-sans-pro",sans-serif;
}

.givetoeaf a h3 {
	width: 33vw;
    font-size: 0.9em;
    background-color:#009A7F;
    color: white;
    padding-top: 1vh;
    padding-bottom: 1vh;
    padding-left: 1%;
    padding-right: 1%;
    float: left;
    margin-right: 5%;
    text-align: center;
    border-radius: 20px;
}

.givetoeaf p {
	font-size:3.5vw;
	font-family: "hypatia-sans-pro",sans-serif;
}

.director {
	width:75%;
	float:right;
	margin-right:12.5%;
	margin-left:12.5%;
	background-color:#B3E0DA;
	padding:2%;
	border-radius:20px;
	margin-bottom:7%;
}

.director img {
	float:left;
	padding:4%;
}

.director h3 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:5vw;

}

.director p {
	font-size:3.5vw;
	float:left;
	font-family: "hypatia-sans-pro",sans-serif;
}

#gray {
	width:90%;
	background-color:#E6E7E8;
	display:inline-block;
	padding-top:1%;
	padding-right:5%;
	padding-left:5%;
}

#gray h1 {
	font-size:3vw;
	font-family: "hypatia-sans-pro",sans-serif;
	font-weight:bold;
	text-align:center;
}

#gray img {
	width:100%;
	border:white 5px solid;
	-webkit-box-shadow: 0px 0px 16px 3px rgba(0,0,0,0.42);
	-moz-box-shadow: 0px 0px 16px 3px rgba(0,0,0,0.42);
	box-shadow: 0px 0px 16px 3px rgba(0,0,0,0.42);
}


.sectiontwo {
	width:70%;
	margin-right:15%;
	margin-left:15%;
	display:inline-block;
}

.sectiontwo h1 {
	font-size:3vw;
	font-family: "hypatia-sans-pro",sans-serif;
	font-weight:bold;
	text-align:center;
}


.sectiontwo h2 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:5vw;
}

.sectiontwo p {
	font-size:3.5vw;
	width:100%;
	float:left;
	text-wrap:normal;
	font-family: "hypatia-sans-pro",sans-serif;
}

.sectiontwo a {
	text-decoration:none;
}

.sectiontwo img {
	width:100%;
}

.sectiontwo h3 {
	color:#009A7F;
	font-size:2.9vw;
	font-family: "hypatia-sans-pro",sans-serif;
	padding-right:2%;
	padding-bottom:8%;
	padding-top:1%;
	float:left;
	clear:both;
	transition: all 0.3s eases 0s;
	}


#upcomingevents {
	width:100%;

}

#upcomingevents img {
	width:95%;
}

#upcomingevents h2 {
	color:#009A7F;
	font-size:5vw;
	font-family: "hypatia-sans-pro",sans-serif;
	padding-right:2%;
	padding-bottom:1%;
	padding-top:1%;
	float:left;
	clear:both;
	transition: all 0.3s eases 0s;
	}

#upcomingevents h3 {
	color:#009A7F;
	font-size:2.9vw;
	font-family: "hypatia-sans-pro",sans-serif;
	padding-right:2%;
	padding-bottom:1%;
	padding-top:1%;
	float:left;
	clear:both;
	transition: all 0.3s eases 0s;
	}



#upcomingevents p {
	font-size:3.5vw;
	width:100%;
	float:left;
	text-align:justify;
	text-wrap:normal;
	font-family: "hypatia-sans-pro",sans-serif;
}

.whatsnewbox {
	width:90%;
	padding:5%;
	display:inline-block;
	background-color:#B3E0DA;
}

.whatsnew {
	width:100%;
}

.whatsnew h1 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:3vw;
	font-weight:bold;
 }


 .whatsnew h3 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:3.5vw;
	font-weight:bold;
 }

 .whatsnew p {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:3.8vw;
	margin-top:-1%;
 }

 .whatsnew a {
	text-decoration:none;
	color:#009A7F;
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:3.8vw;
	font-weight:bold;
 }

 .video {
	width:100%;
}

.video img {
	width:100%;
}

.video h1 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:3vw;
	font-weight:bold;
 }

 .video p {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:3.8vw;
 }

 .iconbox {
	width:90%;
	background-color:#fff;
	padding-top:1%;
	padding-left:5%;
	padding-right:5%;
 }

 .iconbox h1 {
	font-size:3vw;
	font-family: "hypatia-sans-pro",sans-serif;
	font-weight:bold;
	text-align:center;
 }

 .icons {
	width:75%;
	margin-right:7.5%;
	margin-left:7.5%;

 }

 .icons h2 {

	font-family: "hypatia-sans-pro",sans-serif;
	font-size:3.5vw;
	font-weight:bold;
 }

 .icons h3 {

	font-family: "hypatia-sans-pro",sans-serif;
	font-size:3vw;
	font-weight:bold;
 }

 .icons p {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:3.5vw;
	width:100%;
 }

 .icons a {
	text-decoration:none;
	color:#009A7F;
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:3.5vw;
	font-weight:bold;
 }

 .icons img {
	width:45%;
	margin-left:25%;
	margin-right:25%;
 }


.calendarbox {
	width:90%;
	background-color:#E6E7E8;
	display:inline-block;
	padding:5%;

}

.calendar {
	width:100%;
}

.downloads {
	width:75%;
	margin-right:5.5%;
	margin-left:5.5%;
	margin-top:5%;
	float:left;
	background-color:#B3E0DA;
	padding-top:1%;
	padding-bottom:2%;
	padding-left:5%;
	padding-right:3%;
	border-radius:20px;
	}

.downloads h1 {
	font-size:3vw;
	font-family: "hypatia-sans-pro",sans-serif;
	font-weight:bold;
}


.downloads a {
	text-decoration:none;
	color:#009A7F;
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:3.5vw;
	font-weight:bold;
}

.downloads a:hover {
	color:#0A5A59;
}

/*ABOUT PAGE*/

.container {
	width:80%;
	margin-left:10%;
	margin-right:10%;
	padding-top:5%;
	clear:both;
}

.container a {
	color:#009A7F;
}

.container h1 {
	font-family: "hypatia-sans-pro",sans-serif;
	color:#009A7F;
	font-size:3vw;
}

.container h2 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:3.5vw;
	color:#009A7F;
}

.container h3 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:3vw;
}

.container p {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:3vw;
}

.container img {
	width:100%;
}

.whereitgoes {
	width:90%;
	margin-left:5%;
	margin-right:5%;
	}

.whereitgoes h1 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:3vw;
}

.whereitgoes h2 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2vw;
}

.whereitgoes p {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:3vw;
	line-height:1.5;
}

.whereitgoes ul li {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:3vw;
	line-height:1.5;
}

.fiscal {
	width:60%;
	margin-left:15%;
	margin-rigth:15%;
	background-color:#009A7F;
	border-radius:20px;
	padding:4%;
	float:left;

}

.fiscal h1 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:3vw;
	color:white;
}

.fiscal ul li {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:3vw;
	color:white;
}

.partners {
	width:80%;
	margin-left:10%;
	margin-right:10%;
	margin-bottom:5%;
	float:left;
	clear:both;
}

.partners h1 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:5vw;

}

.partners h2 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:3.2vw;
}

.partners h3 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:1.3vw;
}

.partners p {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:3vw;
	display:inline;
}

.partners a {
	color:#009A7F;
}

.partners img {
	width:40%;
}

.partners ul li {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2.5vw;
	line-height:1.5;
}

.cfc {
	width:50%;
	float:right;
}

.cfc img {
	width:100%;
}

.jumpmenu {
	width:35%;
	margin-bottom:5%;
	float:right;
	margin-right:5%;
	background-color:#B3E0DA;
	padding:4%;
	border-radius:20px;
	clear:both;

}

.jumpmenu a  {
	color:#009A7F;
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:3vw;
}

.jumpmenu h1 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2.5vw;
}

.jumpmenu h2 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2.5vw;
	font-weight:bold;
}

#jumpmenu2 {
	width:30%;
	margin-bottom:5%;
	float:right;
	margin-right:5%;
	margin-left:5%;
	margin-top:8%;
	background-color:#B3E0DA;
	padding-left:3%;
	padding-right:3%;
	padding-top:2%;
	padding-bottom:2%;
	border-radius:20px;

}

#jumpmenu2 a  {
	width:70%;
	color:#009A7F;
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2.5vw;
}

#jumpmenu2 p  {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2.5vw;
}

#jumpmenu2 h1 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:3vw;
}


#jumpmenu2 h2 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2.8vw;
	color:black;
}

#jumpmenu2 h3 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2.5vw;
	color:black;
	font-weight:bold;
}

#jumpmenu2 ul li {
	font-size:2.3vw;
	font-family: "hypatia-sans-pro",sans-serif;
	color:black;
}


.topbutton {
	float:left;
	margin-bottom:3%;
}

.topbutton a {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2vw;
}

/*SUPPORT EAF PAGE*/
.graphics {
	width:100%;

}

.graphics img {
	width:90%;
	margin-top:6%;
	margin-left:5%;
	margin-right:5%;
}

.recipients {
	width:80%;
	margin-left:10%;
	margin-right:10%;
	clear:both;

}

.recipients h1 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2vw;
	font-weight:bold;
}

.recipients p {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:1.1vw;
}

.student {
	width:27%;
	margin-right:2%;
	margin-top:3%;
	margin-left:3.5%;
	display:inline-block;
}

.student img {
	width:100%;
	float:left;
}

.quote {
	width:100%;
	float:left;
}

.quote p {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:1.1vw;
}

.italic {
	width:100%;
	float:left;
}

.italic p {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:1.1vw;
	font-style:italic;
	font-weight:bold;
}

.staff {
	width:50%;
	margin-bottom:5%;
}

.staff img {
	width:100%;
}


.staff h1 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:4vw;
}


.staff h2 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:3.5vw;


}

.staff h2 .title {
	font-size:2.75vw;
}

.staff a {
	font-family: "hypatia-sans-pro",sans-serif;
	text-decoration:none;
	font-size:3.5vw;
	color:#32AEA8;
}

.staff a:hover {
	color:#0E564B;
}


.name {
	width:45%;
	margin-right:4%;
	display:inline-block;
}

.name p a {
	font-family: "hypatia-sans-pro",sans-serif;
	color:#009a7f;
	font-size:2.5vw;
	font-style:italic;

}
.name h2 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:1vw;
	font-weight:bold;
	color:#009a7f;
	}

.name img {
	width:70%;
}

.names {
	width:80%;
	margin-right:4%;
	margin-bottom:1%;
}

.names p a{
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:1.1vw;
	text-align:left;
	font-style:italic;
	display:inline;
}
.names h2 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:1.3vw;
	font-weight:bold;
	display:inline;
	color:#009a7f;
	}

.names img {
	width:20%;
	clear:both;
}

.fellow {
	width:80%;
	margin-left:10%;
	margin-right:10%;
	padding-top:3%;
	clear:both;
}

.fellow p {
	width:100%;
	font-size:2.5vw;
	font-family: "hypatia-sans-pro",sans-serif;
	display:inline;
}

.fellow h1 {
	font-size: 5vw;
    font-family: "hypatia-sans-pro",sans-serif;
	color:#009a7f;
}

.fellow h2 {
	font-size:3vw;
	font-family: "hypatia-sans-pro",sans-serif;
	color:#009a7f;
	}

.office h2{
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:1.4vw;
}

.board {
	width:80%;
	margin-left:10%;
}

.board p {
	width:100%;
    font-size: 2vw;
    font-family: "hypatia-sans-pro",sans-serif;
    color: black;
}

.board h2 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2.5vw;
}

.board h2 .title {
	font-size:2vw;
}

.board h1 {
	    font-family: "hypatia-sans-pro",sans-serif;
    font-size: 5vw;
	color:#009a7f;
}

.people {
	width:100%;
}

.people img {
	width:90%;
}

.people h1 {
 text-align:left;
 font-size:4vw;
}

.regionalcoord {
	width:80%;
	margin-left:10%;
	margin-right:10%;
	clear:both;
}
.regionalcoord h1 {
	font-family: "hypatia-sans-pro",sans-serif;
    font-size: 5vw;
	color:#009a7f;
}

.regstaff {
	width:45%;
	margin-bottom:5%;
	display:inline-block;
}

.regstaff img {
	width:75%;
	clear:both;
}

.regstaff h2 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2.5vw;
	color:#009a7f;
	}

.regstaff h2 .title {
	font-size:2vw;
}

.regstaff a {
	font-family: "hypatia-sans-pro",sans-serif;
    color: #32aea8;
    font-size: 2.5vw;
    font-style: italic;
}

.regstaff a:hover {
	color:#0E564B;
}



.scholarshipbox {
	width:60%;
	margin-right:10%;
	margin-left:10%;
	padding-top:3%;

}

.scholarshipbox img {
	float:right;
	margin-left:10%;
	margin-bottom:5%;
	border:white 5px solid;
	-webkit-box-shadow: 0px 0px 16px 3px rgba(0,0,0,0.42);
	-moz-box-shadow: 0px 0px 16px 3px rgba(0,0,0,0.42);
	box-shadow: 0px 0px 16px 3px rgba(0,0,0,0.42);
}

.scholarshipbox a {
	font-size:2.3vw;
	font-family: "hypatia-sans-pro",sans-serif;
	color:#009a7f;
	line-height:1.8;

}

.scholarshipbox h1 {
	font-size:5vw;
	font-family: "hypatia-sans-pro",sans-serif;
	color:#009a7f;
}

.scholarshipbox h2 {
	font-size:5vw;
	font-family: "hypatia-sans-pro",sans-serif;
	color:#009a7f;
}

.scholarshipbox h3 {
	font-size:3.5vw;
	font-family: "hypatia-sans-pro",sans-serif;
	color:#009a7f;
}

.scholarshipbox h4 {
	font-size:1.5vw;
	font-family: "hypatia-sans-pro",sans-serif;
	color:#009a7f;
}

.scholarshipbox p {
	width:100%;
	font-size:2.5vw;
	font-family: "hypatia-sans-pro",sans-serif;
	color:black;
}

.scholarshipbox ul li {
	font-size:2.5vw;
	font-family: "hypatia-sans-pro",sans-serif;
	color:black;
}

.recipientbox {
 width:80%;
 margin-left:10%;
 margin-right:10%;
}

.recipientbox p {
	width:100%;
	font-size:2vw;
	font-family: "hypatia-sans-pro",sans-serif;
	clear:both;
}

.recipientbox h1 {
	font-size:4vw;
	color:#009a7f;
	font-family: "hypatia-sans-pro",sans-serif;
}

.student_boxes {
	width:43%;
	margin-right:5%;
	margin-bottom:4%;
	float:left;
	display:inline-block;

}

.student_boxes img {
	width:80%;
	float:left;
	border:white 5px solid;
	-webkit-box-shadow: 0px 0px 16px 3px rgba(0,0,0,0.42);
-moz-box-shadow: 0px 0px 16px 3px rgba(0,0,0,0.42);
box-shadow: 0px 0px 16px 3px rgba(0,0,0,0.42);
	clear:both;
}

.student_text {
	width:100%;
}

.student_text p {
	width:100%;
	float:left;
	font-size:2vw;
	font-family: "hypatia-sans-pro",sans-serif;
}

.student_text h3 {
	font-size:2vw;
	font-style:italic;
	float:left;
	clear:both;
	color:#009a7f;
	font-family: "hypatia-sans-pro",sans-serif;
}

.student_photos {
	width:70%;
}

#marriott {
	width:80%;
	margin-left:10%;
	margin-right:10%;

}

#marriott img {
	width: 70%;
	margin-bottom:7%;
	float:left;

}

#marriott_logo {
	width:50%;
}

#marriott p {
	width:100%;
	font-size:2vw;
	font-family: "hypatia-sans-pro",sans-serif;
	clear:both;
}

#marriott h1 {
	font-size:5vw;
	color:#009a7f;
	font-family: "hypatia-sans-pro",sans-serif;
}

#marriott h2 {
	font-size:3.5vw;
	font-family: "hypatia-sans-pro",sans-serif;
}

#marriott ul li {
	font-size:3vw;
	font-family: "hypatia-sans-pro",sans-serif;
}

.forms {
	width: 70%;
    margin-right: 3.5%;
    margin-left: 3.5%;
    margin-top: 5%;
	margin-bottom:10%;
    float: left;
    background-color: #B3E0DA;
    padding-top: 1%;
    padding-bottom: 2%;
    padding-left: 5%;
    padding-right: 3%;
    border-radius: 20px;
}

.forms h1 {
	font-size:5vw;
	color:#009a7f;
	font-family: "hypatia-sans-pro",sans-serif;
}

.forms h2 a {
	font-size:3vw;
	color:#009a7f;
	font-family: "hypatia-sans-pro",sans-serif;
}

.faq {
	width:80%;
	margin-left:10%;
	float:left;
}

.faq h1 {
	font-size:5vw;
	color:#009a7f;
	font-family: "hypatia-sans-pro",sans-serif;
}

.faq h3 {
	font-size:3.0vw;
	font-family: "hypatia-sans-pro",sans-serif;
}

.faq p {
	font-size:2vw;
	font-family: "hypatia-sans-pro",sans-serif;
}

.contactform {
	width:80%;
	margin-left:10%;
	margin-top:5%;
	clear:both;
}

.contactform h1 {
	font-size:5vw;
	font-family: "hypatia-sans-pro",sans-serif;
}

.contactform p {
	font-size:2vw;
	font-family: "hypatia-sans-pro",sans-serif;
}
.contact {
	width:80%;
	margin-left:10%;
	margin-bottom:10%;
}

.contact p {
	font-size:2vw;
	font-family: "hypatia-sans-pro",sans-serif;
}

.small_merch {
	width:50%;
}

.small_merch {
	width:70%;
}

.footer {
	width:92%;
	background-color:#5EC19E;
	padding:4vw;
	clear:both;
}

.footer a {
	font-size:2vw;
	font-family: "hypatia-sans-pro",sans-serif;
	text-decoration:none;
	color:white;
}

.footer p {
	font-size:2vw;
	font-family: "hypatia-sans-pro",sans-serif;
	color:white;
	text-align:center;
}

.modalDialog {
        position: fixed;
        font-family: "hypatia-sans-pro",sans-serif;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0,0,0,0.8);
        z-index: 99999;
        opacity:0;
        -webkit-transition: opacity 400ms ease-in;
        -moz-transition: opacity 400ms ease-in;
        transition: opacity 400ms ease-in;
        pointer-events: none;
    }

    .modalDialog:target {
        opacity:1;
        pointer-events: auto;
    }

    .modalDialog > div {
        width: 80%;
        position: relative;
        margin: 10% auto;
		margin-top:3%;
        padding: 5px 20px 13px 20px;
        border-radius: 10px;
        background: #fff;

    }

    .close {
        background: #606061;
        color: #FFFFFF;
        line-height: 25px;
        position: absolute;
        right: -12px;
        text-align: center;
        top: -10px;
        width: 24px;
        text-decoration: none;
        font-weight: bold;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        -moz-box-shadow: 1px 1px 3px #000;
        -webkit-box-shadow: 1px 1px 3px #000;
        box-shadow: 1px 1px 3px #000;
    }

    .close:hover { background: #00d9ff; }

.input[type=text] {
    width: 100px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

/* When the input field gets focus, change its width to 100% */
input[type=text]:focus {
    width: 100%;
}

}

@media only screen and (min-width:721px) and (max-width:1024px )/* */

{

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
	display: none;
  width: auto;
  font-family: "hypatia-sans-pro",sans-serif;
  line-height: 1;
}

/*Main Menu Bar Color*/
#cssmenu > ul {
  background: #009a7f;
}
#cssmenu > ul > li {
  float: left;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  perspective: 1000px;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-right > ul > li {
  float: right;
}

/*Buttons Color and Text Color*/
#cssmenu > ul > li > a {
  padding: 2vw 6vw;
  font-size: 3.5vw;
  color: #ffffff;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  background: #009a7f;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

/*Dark Button Background*/
#cssmenu > ul > li.active > a {
  color: #fff;
}

/*Dark Button Background text color*/
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover {
  color: #fff;
  -webkit-transform: rotateX(90deg) translateY(-23px);
  -moz-transform: rotateX(90deg) translateY(-23px);
  transform: rotateX(90deg) translateY(-23px);
  -ms-transform: none;
}

/*Spinning Button and Blue text*/
#cssmenu > ul > li > a::before {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: -1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 16px 20px;
  color: #fff;
  background: #125A41;
  content: attr(data-title);
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -ms-transform: translateY(- -18px);
}
#cssmenu > ul > li:hover > a::before,
#cssmenu > ul > li > a:hover::before {
  background: #5EC19E;
  color:#fff;
  padding:1vw;
}
#cssmenu.small-screen {
  width: 100%;
}
#cssmenu.small-screen > ul,
#cssmenu.small-screen.align-center > ul {
  width: 100%;
  text-align: left;
}
#cssmenu.small-screen > ul > li,
#cssmenu.small-screen.align-center {
  float: none;
  display: block;
  border-top: 1px solid rgba(100, 100, 100, 0.1);
}
#cssmenu.small-screen > ul > li:hover > a,
#cssmenu.small-screen > ul > li > a:hover {
  color: #fff;
  -webkit-transform: none;
  -moz-transform: none;
  transform: none;
  -ms-transform: none;
}
#cssmenu.small-screen > ul > li > a::before {
  display: none;
}
#cssmenu.small-screen #menu-button {
  display: block;
  padding: 16px 20px;
  cursor: pointer;
  font-size: 3vw;
  text-decoration: none;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: #009a7f;
}
#cssmenu.small-screen #menu-button:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 17px;
  display: block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  width: 22px;
  height: 3px;
}
#cssmenu.small-screen #menu-button.menu-opened:after {
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
#cssmenu.small-screen #menu-button:before {
  content: "";
  position: absolute;
  right: 20px;
  top: 27px;
  display: block;
  width: 22px;
  height: 2px;
  background: #ffffff;
}
#cssmenu.small-screen #menu-button.menu-opened:before {
  background: #fff;
}

#cssmenu2,
#cssmenu2 ul,
#cssmenu2 ul li,
#cssmenu2 ul li a,
#cssmenu2 #menu-button {

  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu2:after,
#cssmenu2 > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu2 #menu-button {
  display: none;
}
#cssmenu2 {
 width: auto;
  font-family: "hypatia-sans-pro",sans-serif;
  line-height: 1;
}

/*Main Menu Bar Color*/
#cssmenu2 > ul {
  background: #009a7f;
}
#cssmenu2 > ul > li {
  float: left;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  perspective: 1000px;
}
#cssmenu2.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu2.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu2.align-right > ul > li {
  float: right;
}

/*Buttons Color and Text Color*/
#cssmenu2 > ul > li > a {
  padding: 1vw 1.1vw;
  font-size: 1.5vw;
  color: #ffffff;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  background: #009a7f;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

/*Dark Button Background*/
#cssmenu2 > ul > li.active > a {
  color: #fff;
}

/*Dark Button Background text color*/
#cssmenu2 > ul > li:hover > a,
#cssmenu2 > ul > li > a:hover {
  color: #fff;
  -webkit-transform: rotateX(90deg) translateY(-23px);
  -moz-transform: rotateX(90deg) translateY(-23px);
  transform: rotateX(90deg) translateY(-23px);
  -ms-transform: none;
}

/*Spinning Button and Blue text*/
#cssmenu2 > ul > li > a::before {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: -1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 16px 20px;
  color: #fff;
  background: #125A41;
  content: attr(data-title);
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -ms-transform: translateY(- -18px);
}
#cssmenu2 > ul > li:hover > a::before,
#cssmenu2 > ul > li > a:hover::before {
  background: #5EC19E;
  color:#fff;
  padding:1vw;
}
#cssmenu2.small-screen {
  width: 100%;
}
#cssmenu2.small-screen > ul,
#cssmenu2.small-screen.align-center > ul {
  width: 100%;
  text-align: left;
}
#cssmenu2.small-screen > ul > li,
#cssmenu2.small-screen.align-center {
  float: none;
  display: block;
  border-top: 1px solid rgba(100, 100, 100, 0.1);
}
#cssmenu2.small-screen > ul > li:hover > a,
#cssmenu2.small-screen > ul > li > a:hover {
  color: #fff;
  -webkit-transform: none;
  -moz-transform: none;
  transform: none;
  -ms-transform: none;
}
#cssmenu2.small-screen > ul > li > a::before {
  display: none;
}
#cssmenu2.small-screen #menu-button {
  display: block;
  padding: 16px 20px;
  cursor: pointer;
  font-size: 1.8vw;
  text-decoration: none;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: #009a7f;
}
#cssmenu2.small-screen #menu-button:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 17px;
  display: block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  width: 22px;
  height: 3px;
}
#cssmenu2.small-screen #menu-button.menu-opened:after {
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
#cssmenu2.small-screen #menu-button:before {
  content: "";
  position: absolute;
  right: 20px;
  top: 27px;
  display: block;
  width: 22px;
  height: 2px;
  background: #ffffff;
}
#cssmenu2.small-screen #menu-button.menu-opened:before {
  background: #fff;
}


body {
	margin:0 auto;
}

.rslides {
  float:left;
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  margin-right:0%;
  margin-left:0%;

  }

.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	width: 100%;
	margin-top: 0%;
	left: 0px;
	top: 0px;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

  .logobox {
	width:100%;
	margin-bottom:8%;
  }

  .logobox h1 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2.8vw;
	margin-top:5%;
	margin-left:15%;
	color:#009a7f;
  }

  #logo {
	width:12%;
	float:left;
	margin-top:-4%;
	margin-left:2%;
	display:inline-block;
  }

  #logo img {
	width:100%;
  }

  .bottombuttons {
		width:100%;
		background-color:#009a7f;
		clear:both;
  }

  .bottombuttons p {
		color:#009a7f;
		padding:5%;
  }

   .bottombuttons ul li a {
		float:left;
		color:white;
		margin-right:3%;
		text-decoration:none;
  }

  ul.bottom {
		margin-right:3%;
		color:white;
		list-style:none;
		overflow: hidden;
		clear:both;
  }

  ul.bottom ul li  {
	  float:left;
   	  display:inline-block;
	  text-decoration:none;
  }

  ul.bottom h3 {
		font-family: "hypatia-sans-pro",sans-serif;
		font-size: 1.7vw;
		text-transform: uppercase;
		padding: 0.3vh 0.7vw;
		letter-spacing: 1px;
  }

  .socialmedia {
		width:30%;
		float:right;
  }

  .socialmedia img {
		width:10%;
		display:inline-block;

  }


.historycontainer {
	width:80%;
	margin-left:10%;
	margin-right:10%;
	text-align:justify;
	font-family: "hypatia-sans-pro",sans-serif;
	clear:both;
}

.historycontainer h1 {
	text-align:left;
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:5vw;
}

.firstwhite {
	width:100%;
	background-color:white;
	display:block;
	clear:both;
}

.firstwhite h1 {
	font-size:5vw;
	font-family: "annabelle-jf",sans-serif;
	text-align:center;
}

.firstwhite h3 {
	color:#009A7F;
	font-size:1.5vw;
	font-family: "hypatia-sans-pro",sans-serif;
	transition: all 0.3s eases 0s;
	}
.firstwhite a {
	text-decoration:none;
	color:#009A7F;
}

.givetoeaf {
	float:left;
	width:40%;
	margin-right:5%;
	margin-left:5%;
}

.givetoeaf a h1 {
	width: 10vw;
    font-size: 0.9em;
    background-color:#009A7F;
    color: white;
    padding-top: 2vh;
    padding-bottom: 2vh;
    padding-left: 1%;
    padding-right: 1%;
    float: left;
    margin-right: 5%;
    text-align: center;
    border-radius: 20px;
}

.givetoeaf h2 {
	font-size:4.5vw;
	font-family: "hypatia-sans-pro",sans-serif;
}

.givetoeaf a h3 {
	width: 15vw;
    font-size: 0.9em;
    background-color:#009A7F;
    color: white;
    padding-top: 1vh;
    padding-bottom: 1vh;
    padding-left: 1%;
    padding-right: 1%;
    float: left;
    margin-right: 5%;
    text-align: center;
    border-radius: 20px;
}

.givetoeaf p {
	font-size:2vw;
	font-family: "hypatia-sans-pro",sans-serif;
}

.director {
	width:40%;
	float:right;
	margin-right:5%;
	background-color:#B3E0DA;
	padding:2%;
	border-radius:20px;
	margin-bottom:7%;
}

.director img {
	float:left;
	padding:4%;
}

.director h3 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2.5vw;

}

.director p {
	font-size:2vw;
	float:left;
	font-family: "hypatia-sans-pro",sans-serif;
}

#gray {
	width:90%;
	background-color:#E6E7E8;
	display:inline-block;
	padding-top:1%;
	padding-right:5%;
	padding-left:5%;
}

#gray h1 {
	font-size:5vw;
	font-family: "hypatia-sans-pro",sans-serif;
	font-weight:bold;
	text-align:center;
}

#gray img {
	width:100%;
	border:white 5px solid;
	-webkit-box-shadow: 0px 0px 16px 3px rgba(0,0,0,0.42);
	-moz-box-shadow: 0px 0px 16px 3px rgba(0,0,0,0.42);
	box-shadow: 0px 0px 16px 3px rgba(0,0,0,0.42);
}


.sectiontwo {
	width:35%;
	float:left;
	margin-left:10%;
	display:inline-block;
}

.sectiontwo h1 {
	font-size:3vw;
	font-family: "hypatia-sans-pro",sans-serif;
	text-align:center;
}


.sectiontwo h2 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:4vw;
}

.sectiontwo p {
	font-size:2vw;
	width:100%;
	float:left;
	font-family: "hypatia-sans-pro",sans-serif;
}

.sectiontwo a {
	text-decoration:none;
}

.sectiontwo img {
	width:100%;
}

.sectiontwo h3 {
	color:#009A7F;
	font-size:2vw;
	font-family: "hypatia-sans-pro",sans-serif;
	padding-right:2%;
	padding-bottom:8%;
	padding-top:1%;
	float:left;
	clear:both;
	transition: all 0.3s eases 0s;
	}


#upcomingevents {
	width:100%;

}

#upcomingevents img {
	width:75%;
	margin-left:10%;
}

#upcomingevents h2 {
	color:#009A7F;
	font-size:5vw;
	font-family: "hypatia-sans-pro",sans-serif;
	padding-right:2%;
	padding-bottom:1%;
	padding-top:1%;
	float:left;
	clear:both;
	transition: all 0.3s eases 0s;
	}

#upcomingevents h3 {
	color:#009A7F;
	font-size:2vw;
	font-family: "hypatia-sans-pro",sans-serif;
	padding-right:2%;
	padding-bottom:1%;
	padding-top:1%;
	float:left;
	clear:both;
	transition: all 0.3s eases 0s;
	}



#upcomingevents p {
	font-size:2vw;
	width:100%;
	float:left;
	text-align:justify;
	text-wrap:normal;
	font-family: "hypatia-sans-pro",sans-serif;
}

.whatsnewbox {
	width:90%;
	padding:5%;
	display:inline-block;
	background-color:#B3E0DA;
}

.whatsnew {
	width:100%;
}

.whatsnew h1 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:5vw;
 }


 .whatsnew h3 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2.7vw;
 }

 .whatsnew p {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2vw;
	margin-top:-1%;
 }

 .whatsnew a {
	text-decoration:none;
	color:#009A7F;
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2vw;
	font-weight:bold;
 }

 .video {
	width:100%;
}

.video img {
	width:100%;
}

.video h1 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:5vw;
	font-weight:bold;
 }

 .video p {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2vw;
 }

 .iconbox {
	width:90%;
	background-color:#fff;
	padding-top:1%;
	padding-left:5%;
	padding-right:5%;
 }

 .iconbox h1 {
	font-size:5vw;
	font-family: "hypatia-sans-pro",sans-serif;
	font-weight:bold;
	text-align:center;
 }

 .icons {
	width:30%;
	margin-right:1.5%;
	margin-left:1.5%;
	float:left;

 }

 .icons h2 {

	font-family: "hypatia-sans-pro",sans-serif;
	font-size:3.5vw;
	font-weight:bold;
 }

 .icons h3 {

	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2vw;
	font-weight:bold;
 }

 .icons p {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2vw;
	width:100%;
 }

 .icons a {
	text-decoration:none;
	color:#009A7F;
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:3.5vw;
	font-weight:bold;
 }

 .icons img {
	width:30%;
	margin-left:35%;
	margin-right:35%;
 }


.calendarbox {
	width:90%;
	background-color:#E6E7E8;
	display:inline-block;
	padding:5%;

}

.calendar {
	width:100%;
}

.downloads {
	width:75%;
	margin-right:5.5%;
	margin-left:5.5%;
	margin-top:5%;
	float:left;
	background-color:#B3E0DA;
	padding-top:1%;
	padding-bottom:2%;
	padding-left:5%;
	padding-right:3%;
	border-radius:20px;
	}

.downloads h1 {
	font-size:3vw;
	font-family: "hypatia-sans-pro",sans-serif;
	font-weight:bold;
}


.downloads a {
	text-decoration:none;
	color:#009A7F;
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:1.7vw;
	font-weight:bold;
}

.downloads a:hover {
	color:#0A5A59;
}

/*ABOUT PAGE*/

.container {
	width:80%;
	margin-left:10%;
	margin-right:10%;
	padding-top:5%;
	clear:both;
}

.container a {
	color:#009A7F;
}

.container h1 {
	font-family: "hypatia-sans-pro",sans-serif;
	color:#009A7F;
	font-size:4vw;
}

.container h2 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:3vw;
	color:#009A7F;
}

.container h3 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2.5vw;
}

.container p {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2vw;
}

.container img {
	width:25%;
}

.whereitgoes {
	width:90%;
	margin-left:5%;
	margin-right:5%;
	}

.whereitgoes h1 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:4.5vw;
}

.whereitgoes h2 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:3vw;
}

.whereitgoes p {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2vw;
	line-height:1.5;
}

.whereitgoes ul li {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2vw;
	line-height:1.5;
}

.fiscal {
	width:60%;
	margin-left:15%;
	margin-rigth:15%;
	background-color:#009A7F;
	border-radius:20px;
	padding:4%;
	float:left;

}

.fiscal h1 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:3vw;
	color:white;
}

.fiscal ul li {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2.5vw;
	color:white;
}

.partners {
	width:80%;
	margin-left:10%;
	margin-right:10%;
	margin-bottom:5%;
	float:left;
	clear:both;
}

.partners h1 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:4vw;

}

.partners h2 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2.7vw;
}

.partners h3 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2.5vw;
}

.partners p {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2vw;
	display:inline;
}

.partners a {
	color:#009A7F;
}

.partners img {
	width:40%;
}

.partners ul li {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2vw;
	line-height:1.2;
}

.cfc {
	width:50%;
	float:right;
}

.cfc img {
	width:100%;
}

.jumpmenu {
	width:35%;
	margin-bottom:5%;
	float:right;
	margin-right:5%;
	background-color:#B3E0DA;
	padding:4%;
	border-radius:20px;
	clear:both;

}

.jumpmenu a  {
	color:#009A7F;
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2vw;
}

.jumpmenu h1 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2.5vw;
}

.jumpmenu h2 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2.5vw;
	font-weight:bold;
}

#jumpmenu2 {
	width:30%;
	margin-bottom:5%;
	float:right;
	margin-left:5%;
	margin-top:8%;
	background-color:#B3E0DA;
	padding-left:3%;
	padding-right:3%;
	padding-top:2%;
	padding-bottom:2%;
	border-radius:20px;

}

#jumpmenu2 a  {
	width:70%;
	color:#009A7F;
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2vw;
}

#jumpmenu2 h1 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2.5vw;
}


#jumpmenu2 h2 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2.2vw;
	color:black;
}

#jumpmenu2 h3 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2vw;
	color:black;
	font-weight:bold;
}

#jumpmenu2 ul li {
	font-size:2vw;
	font-family: "hypatia-sans-pro",sans-serif;
	color:black;
}


.topbutton {
	float:left;
	margin-bottom:1%;
}

.topbutton a {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2vw;
}

/*SUPPORT EAF PAGE*/
.graphics {
	width:100%;

}

.graphics img {
	width:90%;
	margin-top:6%;
	margin-left:5%;
	margin-right:5%;
}

.recipients {
	width:80%;
	margin-left:10%;
	margin-right:10%;
	clear:both;

}

.recipients h1 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2vw;
	font-weight:bold;
}

.recipients p {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:1.1vw;
}

.student {
	width:27%;
	margin-right:2%;
	margin-top:3%;
	margin-left:3.5%;
	display:inline-block;
}

.student img {
	width:100%;
	float:left;
}

.quote {
	width:100%;
	float:left;
}

.quote p {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:1.1vw;
}

.italic {
	width:100%;
	float:left;
}

.italic p {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:1.1vw;
	font-style:italic;
	font-weight:bold;
}

.staff {
	width:25%;
	margin-right:5%;
	float:left;
	margin-bottom:5%;
}

.staff img {
	width:100%;
}

.staff h2 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2vw;

}

.staff h2 .title {
	font-size:1.75vw;
}

.staff h1 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:3vw;

}

.staff a {
	font-family: "hypatia-sans-pro",sans-serif;
	text-decoration:none;
	font-size:2vw;
	font-style:italic;
	color:#32AEA8;
}

.staff a:hover {
	color:#0E564B;
}


.name {
	width:25%;
	margin-right:4%;
	display:inline-block;
	float:left;
}

.name p a {
	font-family: "hypatia-sans-pro",sans-serif;
	color:#009a7f;
	font-size:1.5vw;
	font-style:italic;

}
.name h2 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:1vw;
	font-weight:bold;
	color:#009a7f;
	}

.name img {
	width:70%;
}

.names {
	width:80%;
	margin-right:4%;
	margin-bottom:1%;
}

.names p a{
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:1.1vw;
	text-align:left;
	font-style:italic;
	display:inline;
}
.names h2 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:1.3vw;
	font-weight:bold;
	display:inline;
	color:#009a7f;
	}

.names img {
	width:20%;
	clear:both;
}

.fellow {
	width:80%;
	margin-left:10%;
	margin-right:10%;
	padding-top:3%;
	clear:both;
}

.fellow p {
	width:100%;
	font-size:2vw;
	font-family: "hypatia-sans-pro",sans-serif;
	display:inline;
}

.fellow h1 {
	font-size: 3vw;
    font-family: "hypatia-sans-pro",sans-serif;
	color:#009a7f;
}

.fellow h2 {
	font-size:2.5vw;
	font-family: "hypatia-sans-pro",sans-serif;
	color:#009a7f;
	}

.office h2{
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:1.4vw;
}

.board {
	width:95%;
	margin-left:5%;
	float:left;
}

.board p {
	width:90%;
    font-size: 2vw;
    font-family: "hypatia-sans-pro",sans-serif;
    color: black;
}

.board h2 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2vw;
}

.board h2 .title {
	font-size:1.75vw;
}

.board h1 {
	    font-family: "hypatia-sans-pro",sans-serif;
    font-size:4vw;
	color:#009a7f;
}

.people {
	width:100%;
	display:inline-block;
}

.people img {
	width:90%;
}

.people h1 {
 text-align:left;
 font-size:3vw;
}

.regionalcoord {
	width:80%;
	margin-left:10%;
	margin-right:10%;
	clear:both;
}
.regionalcoord h1 {
	font-family: "hypatia-sans-pro",sans-serif;
    font-size: 3vw;
	color:#009a7f;
}

.regstaff {
	width:30%;
	margin-bottom:5%;
	display:inline-block;
}

.regstaff img {
	width:75%;
	clear:both;
}

.regstaff h2 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2vw;
	color:#009a7f;
	}

.regstaff h2 .title {
	font-size:1.75vw;
}

.regstaff a {
	font-family: "hypatia-sans-pro",sans-serif;
    color: #32aea8;
    font-size: 2vw;
    font-style: italic;
}

.regstaff a:hover {
	color:#0E564B;
}



.scholarshipbox {
	width:60%;
	margin-right:10%;
	margin-left:10%;
	padding-top:3%;

}

.scholarshipbox img {
	float:right;
	margin-left:10%;
	margin-bottom:5%;
	border:white 5px solid;
	-webkit-box-shadow: 0px 0px 16px 3px rgba(0,0,0,0.42);
	-moz-box-shadow: 0px 0px 16px 3px rgba(0,0,0,0.42);
	box-shadow: 0px 0px 16px 3px rgba(0,0,0,0.42);
}

.scholarshipbox a {
	font-size:1.7vw;
	font-family: "hypatia-sans-pro",sans-serif;
	color:#009a7f;
	line-height:1.8;

}

.scholarshipbox h1 {
	font-size:4vw;
	font-family: "hypatia-sans-pro",sans-serif;
	color:#009a7f;
}

.scholarshipbox h2 {
	font-size:3.5vw;
	font-family: "hypatia-sans-pro",sans-serif;
	color:#009a7f;
}

.scholarshipbox h3 {
	font-size:3.0vw;
	font-family: "hypatia-sans-pro",sans-serif;
	color:#009a7f;
}

.scholarshipbox h4 {
	font-size:2.5vw;
	font-family: "hypatia-sans-pro",sans-serif;
	color:#009a7f;
}

.scholarshipbox p {
	width:100%;
	font-size:2vw;
	font-family: "hypatia-sans-pro",sans-serif;
	color:black;
}

.scholarshipbox ul li {
	font-size:2vw;
	font-family: "hypatia-sans-pro",sans-serif;
	color:black;
}

.recipientbox {
 width:80%;
 margin-left:10%;
 margin-right:10%;
}

.recipientbox p {
	width:100%;
	font-size:2.3vw;
	font-family: "hypatia-sans-pro",sans-serif;
	clear:both;
}

.recipientbox h1 {
	font-size:5vw;
	color:#009a7f;
	font-family: "hypatia-sans-pro",sans-serif;
}

.student_boxes {
	width:43%;
	margin-right:5%;
	margin-bottom:4%;
	float:left;
	display:inline-block;

}

.student_boxes img {
	width:80%;
	float:left;
	border:white 5px solid;
	-webkit-box-shadow: 0px 0px 16px 3px rgba(0,0,0,0.42);
-moz-box-shadow: 0px 0px 16px 3px rgba(0,0,0,0.42);
box-shadow: 0px 0px 16px 3px rgba(0,0,0,0.42);
	clear:both;
}

.student_text {
	width:100%;
}

.student_text p {
	width:100%;
	float:left;
	font-size:2.3vw;
	font-family: "hypatia-sans-pro",sans-serif;
}

.student_text h3 {
	font-size:2.3vw;
	font-style:italic;
	float:left;
	clear:both;
	color:#009a7f;
	font-family: "hypatia-sans-pro",sans-serif;
}

.student_photos {
	width:70%;
}

#marriott {
	width:80%;
	margin-left:10%;
	margin-right:10%;

}

#marriott img {
	width: 70%;
	margin-bottom:7%;
	float:left;

}

#marriott_logo {
	width:50%;
}

#marriott p {
	width:100%;
	font-size:2vw;
	font-family: "hypatia-sans-pro",sans-serif;
	clear:both;
}

#marriott h1 {
	font-size:4vw;
	color:#009a7f;
	font-family: "hypatia-sans-pro",sans-serif;
}

#marriott h2 {
	font-size:3.5vw;
	font-family: "hypatia-sans-pro",sans-serif;
}

#marriott ul li {
	font-size:2vw;
	font-family: "hypatia-sans-pro",sans-serif;
}

.forms {
	 width: 70%;
    margin-right: 3.5%;
    margin-left: 3.5%;
    margin-top: 5%;
	margin-bottom:10%;
    float: left;
    background-color: #B3E0DA;
    padding-top: 1%;
    padding-bottom: 2%;
    padding-left: 5%;
    padding-right: 3%;
    border-radius: 20px;
}
.forms h1 {
	font-size:4vw;
	color:#009a7f;
	font-family: "hypatia-sans-pro",sans-serif;
}

.forms h2 a {
	font-size:2vw;
	color:#009a7f;
	font-weight:bold;
	font-family: "hypatia-sans-pro",sans-serif;
}

.faq {
	width:80%;
	margin-left:10%;
	float:left;
}

.faq h1 {
	font-size:4vw;
	color:#009a7f;
	font-family: "hypatia-sans-pro",sans-serif;
}

.faq h3 {
	font-size:2.5vw;
	font-family: "hypatia-sans-pro",sans-serif;
}

.faq p {
	font-size:2vw;
	font-family: "hypatia-sans-pro",sans-serif;
}

.contactform {
	width:80%;
	margin-left:10%;
	margin-top:5%;
	clear:both;
}

.contactform h1 {
	font-size:5vw;
	font-family: "hypatia-sans-pro",sans-serif;
}

.contactform p {
	font-size:2vw;
	font-family: "hypatia-sans-pro",sans-serif;
}
.contact {
	width:80%;
	margin-left:10%;
	margin-bottom:10%;
}

.contact p {
	font-size:3vw;
	font-family: "hypatia-sans-pro",sans-serif;
}

.small_merch {
	width:50%;
}

.small_merch {
	width:70%;
}

.footer {
	width:92%;
	background-color:#5EC19E;
	padding:4vw;
	clear:both;
}

.footer a {
	font-size:1.6vw;
	font-family: "hypatia-sans-pro",sans-serif;
	text-decoration:none;
	color:white;
}

.footer p {
	font-size:1.8vw;
	font-family: "hypatia-sans-pro",sans-serif;
	color:white;
	text-align:center;
}

.modalDialog {
        position: fixed;
        font-family: "hypatia-sans-pro",sans-serif;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0,0,0,0.8);
        z-index: 99999;
        opacity:0;
        -webkit-transition: opacity 400ms ease-in;
        -moz-transition: opacity 400ms ease-in;
        transition: opacity 400ms ease-in;
        pointer-events: none;
    }

    .modalDialog:target {
        opacity:1;
        pointer-events: auto;
    }

    .modalDialog > div {
        width: 60%;
        position: relative;
        margin: 10% auto;
		margin-top:5%;
        padding: 5px 20px 13px 20px;
        border-radius: 10px;
        background: #fff;

    }

    .close {
        background: #606061;
        color: #FFFFFF;
        line-height: 25px;
        position: absolute;
        right: -12px;
        text-align: center;
        top: -10px;
        width: 24px;
        text-decoration: none;
        font-weight: bold;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        -moz-box-shadow: 1px 1px 3px #000;
        -webkit-box-shadow: 1px 1px 3px #000;
        box-shadow: 1px 1px 3px #000;
    }

    .close:hover { background: #00d9ff; }

.input[type=text] {
    width: 100px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

/* When the input field gets focus, change its width to 100% */
input[type=text]:focus {
    width: 100%;
}

}

@media only screen and (min-width:1025px) /* */

{

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
	display: none;
  width: auto;
  font-family: "hypatia-sans-pro",sans-serif;
  line-height: 1;
}

/*Main Menu Bar Color*/
#cssmenu > ul {
  background: #009a7f;
}
#cssmenu > ul > li {
  float: left;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  perspective: 1000px;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-right > ul > li {
  float: right;
}

/*Buttons Color and Text Color*/
#cssmenu > ul > li > a {
  padding: 2vw 6vw;
  font-size: 3.5vw;
  color: #ffffff;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  background: #009a7f;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

/*Dark Button Background*/
#cssmenu > ul > li.active > a {
  color: #fff;
}

/*Dark Button Background text color*/
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover {
  color: #fff;
  -webkit-transform: rotateX(90deg) translateY(-23px);
  -moz-transform: rotateX(90deg) translateY(-23px);
  transform: rotateX(90deg) translateY(-23px);
  -ms-transform: none;
}

/*Spinning Button and Blue text*/
#cssmenu > ul > li > a::before {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: -1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 16px 20px;
  color: #fff;
  background: #125A41;
  content: attr(data-title);
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -ms-transform: translateY(- -18px);
}
#cssmenu > ul > li:hover > a::before,
#cssmenu > ul > li > a:hover::before {
  background: #5EC19E;
  color:#fff;
  padding:1vw;
}
#cssmenu.small-screen {
  width: 100%;
}
#cssmenu.small-screen > ul,
#cssmenu.small-screen.align-center > ul {
  width: 100%;
  text-align: left;
}
#cssmenu.small-screen > ul > li,
#cssmenu.small-screen.align-center {
  float: none;
  display: block;
  border-top: 1px solid rgba(100, 100, 100, 0.1);
}
#cssmenu.small-screen > ul > li:hover > a,
#cssmenu.small-screen > ul > li > a:hover {
  color: #fff;
  -webkit-transform: none;
  -moz-transform: none;
  transform: none;
  -ms-transform: none;
}
#cssmenu.small-screen > ul > li > a::before {
  display: none;
}
#cssmenu.small-screen #menu-button {
  display: block;
  padding: 16px 20px;
  cursor: pointer;
  font-size: 3vw;
  text-decoration: none;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: #009a7f;
}
#cssmenu.small-screen #menu-button:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 17px;
  display: block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  width: 22px;
  height: 3px;
}
#cssmenu.small-screen #menu-button.menu-opened:after {
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
#cssmenu.small-screen #menu-button:before {
  content: "";
  position: absolute;
  right: 20px;
  top: 27px;
  display: block;
  width: 22px;
  height: 2px;
  background: #ffffff;
}
#cssmenu.small-screen #menu-button.menu-opened:before {
  background: #fff;
}

#cssmenu2,
#cssmenu2 ul,
#cssmenu2 ul li,
#cssmenu2 ul li a,
#cssmenu2 #menu-button {

  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu2:after,
#cssmenu2 > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu2 #menu-button {
  display: none;
}
#cssmenu2 {
 width: auto;
  font-family: "hypatia-sans-pro",sans-serif;
  line-height: 1;
}

/*Main Menu Bar Color*/
#cssmenu2 > ul {
  background: #009a7f;
}
#cssmenu2 > ul > li {
  float: left;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  perspective: 1000px;
}
#cssmenu2.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu2.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu2.align-right > ul > li {
  float: right;
}

/*Buttons Color and Text Color*/
#cssmenu2 > ul > li > a {
  padding: 1vw 1.1vw;
  font-size: 1.2vw;
  color: #ffffff;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  background: #009a7f;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

/*Dark Button Background*/
#cssmenu2 > ul > li.active > a {
  color: #fff;
}

/*Dark Button Background text color*/
#cssmenu2 > ul > li:hover > a,
#cssmenu2 > ul > li > a:hover {
  color: #fff;
  -webkit-transform: rotateX(90deg) translateY(-23px);
  -moz-transform: rotateX(90deg) translateY(-23px);
  transform: rotateX(90deg) translateY(-23px);
  -ms-transform: none;
}

/*Spinning Button and Blue text*/
#cssmenu2 > ul > li > a::before {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: -1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 16px 20px;
  color: #fff;
  background: #125A41;
  content: attr(data-title);
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -ms-transform: translateY(- -18px);
}
#cssmenu2 > ul > li:hover > a::before,
#cssmenu2 > ul > li > a:hover::before {
  background: #5EC19E;
  color:#fff;
  padding:1vw;
}
#cssmenu2.small-screen {
  width: 100%;
}
#cssmenu2.small-screen > ul,
#cssmenu2.small-screen.align-center > ul {
  width: 100%;
  text-align: left;
}
#cssmenu2.small-screen > ul > li,
#cssmenu2.small-screen.align-center {
  float: none;
  display: block;
  border-top: 1px solid rgba(100, 100, 100, 0.1);
}
#cssmenu2.small-screen > ul > li:hover > a,
#cssmenu2.small-screen > ul > li > a:hover {
  color: #fff;
  -webkit-transform: none;
  -moz-transform: none;
  transform: none;
  -ms-transform: none;
}
#cssmenu2.small-screen > ul > li > a::before {
  display: none;
}
#cssmenu2.small-screen #menu-button {
  display: block;
  padding: 16px 20px;
  cursor: pointer;
  font-size: 1.8vw;
  text-decoration: none;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: #009a7f;
}
#cssmenu2.small-screen #menu-button:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 17px;
  display: block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  width: 22px;
  height: 3px;
}
#cssmenu2.small-screen #menu-button.menu-opened:after {
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
#cssmenu2.small-screen #menu-button:before {
  content: "";
  position: absolute;
  right: 20px;
  top: 27px;
  display: block;
  width: 22px;
  height: 2px;
  background: #ffffff;
}
#cssmenu2.small-screen #menu-button.menu-opened:before {
  background: #fff;
}


body {
	margin:0 auto;
}

.rslides {
  float:left;
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  margin-right:0%;
  margin-left:0%;

  }

.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	width: 100%;
	margin-top: 0%;
	left: 0px;
	top: 0px;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

  .logobox {
	width:100%;
	margin-bottom:8%;
  }

  .logobox h1 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2.8vw;
	margin-top:5%;
	margin-left:15%;
	color:#009a7f;
  }

  #logo {
	width:12%;
	float:left;
	margin-top:-4%;
	margin-left:2%;
	display:inline-block;
  }

  #logo img {
	width:100%;
  }

  .bottombuttons {
		width:100%;
		background-color:#009a7f;
		clear:both;
  }

  .bottombuttons p {
		color:#009a7f;
		padding:5%;
  }

   .bottombuttons ul li a {
		float:left;
		color:white;
		margin-right:3%;
		text-decoration:none;
  }

  ul.bottom {
		margin-right:3%;
		color:white;
		list-style:none;
		overflow: hidden;
		clear:both;
  }

  ul.bottom ul li  {
	  float:left;
   	  display:inline-block;
	  text-decoration:none;
  }

  ul.bottom h3 {
		font-family: "hypatia-sans-pro",sans-serif;
		font-size: 1.2vw;
		text-transform: uppercase;
		padding: 0.3vh 0.7vw;
		letter-spacing: 1px;
  }

  .socialmedia {
		width:13%;
		float:right;
  }

  .socialmedia img {
		width:20%;
		padding-top:0;
		display:inline-block;

  }


.historycontainer {
	width:80%;
	margin-left:10%;
	margin-right:10%;
	text-align:justify;
	font-family: "hypatia-sans-pro",sans-serif;
	clear:both;
}

.historycontainer h1 {
	text-align:left;
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:3vw;
}

.firstwhite {
	width:100%;
	background-color:white;
	display:block;
	clear:both;
}

.firstwhite h1 {
	font-size:3vw;
	font-family: "annabelle-jf",sans-serif;
	text-align:center;
}

.firstwhite h3 {
	color:#009A7F;
	font-size:1.5vw;
	font-family: "hypatia-sans-pro",sans-serif;
	transition: all 0.3s eases 0s;
	}
.firstwhite a {
	text-decoration:none;
	color:#009A7F;
}

.givetoeaf {
	float:left;
	width:40%;
	margin-right:5%;
	margin-left:5%;
}

.givetoeaf a h1 {
	width: 10vw;
    font-size: 0.9em;
    background-color:#009A7F;
    color: white;
    padding-top: 2vh;
    padding-bottom: 2vh;
    padding-left: 1%;
    padding-right: 1%;
    float: left;
    margin-right: 5%;
    text-align: center;
    border-radius: 20px;
}

.givetoeaf h2 {
	font-size:3vw;
	font-family: "hypatia-sans-pro",sans-serif;
}

.givetoeaf a h3 {
	width: 10vw;
    font-size: 0.9em;
    background-color:#009A7F;
    color: white;
    padding-top: 1vh;
    padding-bottom: 1vh;
    padding-left: 1%;
    padding-right: 1%;
    float: left;
    margin-right: 5%;
    text-align: center;
    border-radius: 20px;
}

.givetoeaf p {
	font-size:1.5vw;
	font-family: "hypatia-sans-pro",sans-serif;
}

.director {
	width:40%;
	float:right;
	margin-right:5%;
	background-color:#B3E0DA;
	padding:2%;
	border-radius:20px;
	margin-bottom:7%;
}

.director img {
	float:left;
	padding:4%;
}

.director h3 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2vw;

}

.director p {
	font-size:1.5vw;
	float:left;
	font-family: "hypatia-sans-pro",sans-serif;
}

#gray {
	width:90%;
	background-color:#E6E7E8;
	display:inline-block;
	padding-top:1%;
	padding-right:5%;
	padding-left:5%;
}

#gray h1 {
	font-size:3vw;
	font-family: "hypatia-sans-pro",sans-serif;
	font-weight:bold;
	text-align:center;
}

#gray img {
	width:100%;
	border:white 5px solid;
	-webkit-box-shadow: 0px 0px 16px 3px rgba(0,0,0,0.42);
	-moz-box-shadow: 0px 0px 16px 3px rgba(0,0,0,0.42);
	box-shadow: 0px 0px 16px 3px rgba(0,0,0,0.42);
}


.sectiontwo {
	width:20%;
	float:left;
	margin-left:4%;
}

.sectiontwo h1 {
	font-size:3vw;
	font-family: "hypatia-sans-pro",sans-serif;
	text-align:center;
}


.sectiontwo h2 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2.5vw;
}

.sectiontwo p {
	font-size:1.5vw;
	width:100%;
	float:left;
	font-family: "hypatia-sans-pro",sans-serif;
}

.sectiontwo a {
	text-decoration:none;
}

.sectiontwo img {
	width:100%;
}

.sectiontwo h3 {
	color:#009A7F;
	font-size:1.5vw;
	font-family: "hypatia-sans-pro",sans-serif;
	padding-right:2%;
	padding-bottom:8%;
	float:left;
	clear:both;
	transition: all 0.3s eases 0s;
	}


#upcomingevents {
	width:40%;
	float:left;
	margin-left:5%;

}

#upcomingevents img {
	width:100%;
}

#upcomingevents h2 {
	color:#009A7F;
	font-size:3vw;
	font-family: "hypatia-sans-pro",sans-serif;
	padding-right:2%;
	padding-bottom:1%;
	padding-top:1%;
	float:left;
	clear:both;
	transition: all 0.3s eases 0s;
	}

#upcomingevents h3 {
	color:#009A7F;
	font-size:1.5vw;
	font-family: "hypatia-sans-pro",sans-serif;
	padding-right:2%;
	padding-bottom:1%;
	padding-top:1%;
	float:left;
	clear:both;
	transition: all 0.3s eases 0s;
	}



#upcomingevents p {
	font-size:1.5vw;
	width:100%;
	float:left;
	text-align:justify;
	text-wrap:normal;
	font-family: "hypatia-sans-pro",sans-serif;
}

.whatsnewbox {
	width:90%;
	padding:5%;
	display:inline-block;
	background-color:#B3E0DA;
}

.whatsnew {
	width:100%;
}

.whatsnew h1 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:3vw;
 }


 .whatsnew h3 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2vw;

 }

 .whatsnew p {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:1.5vw;
	margin-top:-1%;
 }

 .whatsnew a {
	text-decoration:none;
	color:#009A7F;
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:1.5vw;
	font-weight:bold;
 }

 .video {
	width:70%;
	margin-left:15%;
	margin-right:15%;
}

.video img {
	width:100%;
}

.video h1 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:3vw;
 }

 .video p {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2vw;
 }

 .iconbox {
	width:95%;
	background-color:#fff;
	padding-left:5%;
 }

 .iconbox h1 {
	font-size:3vw;
	font-family: "hypatia-sans-pro",sans-serif;
	text-align:center;
 }

 .icons {
	width:30%;
	margin-right:1.5%;
	margin-left:1.5%;
	float:left;
	display:inline-block;

 }

 .icons h2 {

	font-family: "hypatia-sans-pro",sans-serif;
	font-size:3vw;
 }

 .icons h3 {

	font-family: "hypatia-sans-pro",sans-serif;
	font-size:1.5vw;
 }

 .icons p {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:1.5vw;
	width:90%;
 }

 .icons a {
	text-decoration:none;
	color:#009A7F;
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:3.5vw;
	font-weight:bold;
 }

 .icons img {
	width:30%;
	margin-left:35%;
	margin-right:35%;
 }


.calendarbox {
	width:90%;
	background-color:#E6E7E8;
	display:inline-block;
	padding:5%;

}

.calendar {
	width:100%;
}

.downloads {
	width:60%;
	margin-right:3.5%;
	margin-left:3.5%;
	margin-top:5%;
	float:left;
	background-color:#B3E0DA;
	padding-top:1%;
	padding-bottom:2%;
	padding-left:5%;
	padding-right:3%;
	border-radius:20px;
	}

.downloads h1 {
	font-size:3vw;
	font-family: "hypatia-sans-pro",sans-serif;
}


.downloads a {
	text-decoration:none;
	color:#009A7F;
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:1.5vw;
	font-weight:bold;
}

.downloads a:hover {
	color:#0A5A59;
}

/*ABOUT PAGE*/

.container {
	width:80%;
	margin-left:10%;
	margin-right:10%;
	padding-top:5%;
	clear:both;
}

.container a {
	color:#009A7F;
}

.container h1 {
	font-family: "hypatia-sans-pro",sans-serif;
	color:#009A7F;
	font-size:4vw;
}

.container h2 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:3vw;
	color:#009A7F;
}

.container h3 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2.5vw;
}

.container p {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2vw;
}

#president {
	width:100%;
}

#president img {
	width:20%;
	float:left;
	margin-right:5%;
}

#president p{
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:1.3vw;
}

#president h1 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2vw;
}
.container img {
	width:50%;
}

.whereitgoes {
	width:90%;
	margin-left:5%;
	margin-right:5%;
	}

.whereitgoes h1 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:3.5vw;
	color:#009a7f;
}

.whereitgoes h2 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:3vw;
}

.whereitgoes p {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:1.7vw;
	line-height:1.5;
}

.whereitgoes ul li {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:1.7vw;
	line-height:1.5;
}

.fiscal {
	width:60%;
	margin-left:15%;
	margin-rigth:15%;
	background-color:#009A7F;
	border-radius:20px;
	padding:4%;
	float:left;

}

.fiscal h1 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:3vw;
	color:white;
}

.fiscal ul li {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2.5vw;
	color:white;
}

.partners {
	width:80%;
	margin-left:10%;
	margin-right:10%;
	margin-bottom:5%;
	float:left;
	clear:both;
}

.partners h1 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:4vw;

}

.partners h2 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2.7vw;
}

.partners h3 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2.5vw;
}

.partners p {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:1.7vw;
	display:inline;
}

.partners a {
	color:#009A7F;
}

.partners img {
	width:40%;
}

.partners ul li {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2vw;
	line-height:1.2;
}

.cfc {
	width:50%;
	float:right;
}

.cfc img {
	width:100%;
}

.jumpmenu {
	width:35%;
	margin-bottom:5%;
	float:right;
	margin-right:5%;
	background-color:#B3E0DA;
	padding:4%;
	border-radius:20px;
	clear:both;

}

.jumpmenu a  {
	color:#009A7F;
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2vw;
}

.jumpmenu h1 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2.5vw;
}

.jumpmenu h2 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2.5vw;
	font-weight:bold;
}

#jumpmenu2 {
	width:30%;
	margin-bottom:5%;
	float:right;
	margin-left:5%;
	margin-right:5%;
	margin-top:8%;
	background-color:#B3E0DA;
	padding-left:3%;
	padding-right:3%;
	padding-top:2%;
	padding-bottom:2%;
	border-radius:20px;

}

#jumpmenu2 a  {
	width:70%;
	color:#009A7F;
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:1.5vw;
}

#jumpmenu2 h1 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2.5vw;
}


#jumpmenu2 h2 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2.2vw;
	color:black;
}

#jumpmenu2 h3 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2vw;
	color:black;
	font-weight:bold;
}

#jumpmenu2 ul li {
	font-size:2vw;
	font-family: "hypatia-sans-pro",sans-serif;
	color:black;
}


.topbutton {
	float:left;
	margin-bottom:1%;
}

.topbutton a {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2vw;
}

/*SUPPORT EAF PAGE*/
.graphics {
	width:100%;

}

.graphics img {
	width:90%;
	margin-top:6%;
	margin-left:5%;
	margin-right:5%;
}

.recipients {
	width:80%;
	margin-left:10%;
	margin-right:10%;
	clear:both;

}

.recipients h1 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2vw;
	font-weight:bold;
}

.recipients p {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:1.1vw;
}

.student {
	width:27%;
	margin-right:2%;
	margin-top:3%;
	margin-left:3.5%;
	display:inline-block;
}

.student img {
	width:100%;
	float:left;
}

.quote {
	width:100%;
	float:left;
}

.quote p {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:1.1vw;
}

.italic {
	width:100%;
	float:left;
}

.italic p {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:1.1vw;
	font-style:italic;
	font-weight:bold;
}

.staff {
	width:25%;
	margin-right:5%;
	float:left;
	margin-bottom:15%;
}

.staff img {
	width:100%;
}

.staff h2 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:2vw;

}

.staff h2 .title {
	font-size:1.75vw;
}

.staff a {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:1.5vw;
	font-style:italic;
	color:#32AEA8;
}

.staff a:hover {
	color:#0E564B;
}


.name {
	width:25%;
	margin-right:4%;
	display:inline-block;
	float:left;
}

.name p a {
	font-family: "hypatia-sans-pro",sans-serif;
	color:#009a7f;
	font-size:1.5vw;
	font-style:italic;

}
.name h2 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:1vw;
	font-weight:bold;
	color:#009a7f;
	}

.name img {
	width:70%;
}

.names {
	width:80%;
	margin-right:4%;
	margin-bottom:1%;
}

.names p a{
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:1.1vw;
	text-align:left;
	font-style:italic;
	display:inline;
}
.names h2 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:1.3vw;
	font-weight:bold;
	display:inline;
	color:#009a7f;
	}

.names img {
	width:20%;
	clear:both;
}

.fellow {
	width:80%;
	margin-left:10%;
	margin-right:10%;
	padding-top:3%;
	clear:both;
}

.fellow p {
	width:100%;
	font-size:1.5vw;
	font-family: "hypatia-sans-pro",sans-serif;
	display:inline;
}

.fellow h1 {
	font-size: 3vw;
    font-family: "hypatia-sans-pro",sans-serif;
	color:#009a7f;
}

.fellow h2 {
	font-size:2.5vw;
	font-family: "hypatia-sans-pro",sans-serif;
	color:#009a7f;
	}

.office h2{
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:1.4vw;
}

.board {
	/*width:95%;
	margin-left:5%;
	float:left;*/
	width:80%;
	margin-left:10%;
	margin-right:10%;
	clear:both;
}

.board p {
	width:90%;
    font-size:1.7vw;
    font-family: "hypatia-sans-pro",sans-serif;
    color: black;
}

.board h2 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:1.5vw;
}

.board h2 .title {
	font-size:1.25vw;
}

.board h1 {
	    font-family: "hypatia-sans-pro",sans-serif;
    font-size:3vw;
	color:#009a7f;
}

.people {
	width:100%;
	display:inline-block;
}

.people img {
	width:90%;
}

.people h1 {
 text-align:left;
 font-size:4vw;
}

.regionalcoord {
	width:80%;
	margin-left:10%;
	margin-right:10%;
	clear:both;
}
.regionalcoord h1 {
	font-family: "hypatia-sans-pro",sans-serif;
    font-size: 3vw;
	color:#009a7f;
}

.regstaff {
	width:25%;
	margin-bottom:5%;
	display:inline-block;
}

.regstaff img {
	width:75%;
	clear:both;
}

.regstaff h2 {
	font-family: "hypatia-sans-pro",sans-serif;
	font-size:1.5vw;
	color:#009a7f;
	}

.regstaff h2 .title {
	font-size:1.75vw;
}

.regstaff a {
	font-family: "hypatia-sans-pro",sans-serif;
    color: #32aea8;
    font-size: 1.3vw;
    font-style: italic;
}

.regstaff a:hover {
	color:#0E564B;
}



.scholarshipbox {
	width:60%;
	margin-right:10%;
	margin-left:10%;
	padding-top:3%;

}

.scholarshipbox img {
	float:right;
	margin-left:10%;
	margin-bottom:5%;
	border:white 5px solid;
	-webkit-box-shadow: 0px 0px 16px 3px rgba(0,0,0,0.42);
	-moz-box-shadow: 0px 0px 16px 3px rgba(0,0,0,0.42);
	box-shadow: 0px 0px 16px 3px rgba(0,0,0,0.42);
}

.scholarshipbox a {
	font-size:1.5vw;
	font-family: "hypatia-sans-pro",sans-serif;
	color:#009a7f;
	line-height:1.8;

}

.scholarshipbox h1 {
	font-size:3vw;
	font-family: "hypatia-sans-pro",sans-serif;
	color:#009a7f;
}

.scholarshipbox h2 {
	font-size:3.5vw;
	font-family: "hypatia-sans-pro",sans-serif;
	color:#009a7f;
}

.scholarshipbox h3 {
	font-size:3.0vw;
	font-family: "hypatia-sans-pro",sans-serif;
	color:#009a7f;
}

.scholarshipbox h4 {
	font-size:2.5vw;
	font-family: "hypatia-sans-pro",sans-serif;
	color:#009a7f;
}

.scholarshipbox p {
	width:100%;
	font-size:1.5vw;
	font-family: "hypatia-sans-pro",sans-serif;
	color:black;
}

.scholarshipbox ul li {
	font-size:1.5vw;
	font-family: "hypatia-sans-pro",sans-serif;
	color:black;
}

.recipientbox {
 width:80%;
 margin-left:10%;
 margin-right:10%;
}

.recipientbox p {
	width:100%;
	font-size:1.5vw;
	font-family: "hypatia-sans-pro",sans-serif;
	clear:both;
}

.recipientbox h1 {
	font-size:3vw;
	color:#009a7f;
	font-family: "hypatia-sans-pro",sans-serif;
}

.student_boxes {
	width:43%;
	margin-right:5%;
	margin-bottom:4%;
	float:left;
	display:inline-block;

}

.student_boxes img {
	width:80%;
	float:left;
	border:white 5px solid;
	-webkit-box-shadow: 0px 0px 16px 3px rgba(0,0,0,0.42);
-moz-box-shadow: 0px 0px 16px 3px rgba(0,0,0,0.42);
box-shadow: 0px 0px 16px 3px rgba(0,0,0,0.42);
	clear:both;
}

.student_text {
	width:100%;
}

.student_text p {
	width:100%;
	float:left;
	font-size:1.5vw;
	font-family: "hypatia-sans-pro",sans-serif;
}

.student_text h3 {
	font-size:2vw;
	font-style:italic;
	float:left;
	clear:both;
	color:#009a7f;
	font-family: "hypatia-sans-pro",sans-serif;
}

.student_photos {
	width:70%;
}

#marriott {
	width:80%;
	margin-left:10%;
	margin-right:10%;

}

#marriott img {
	width: 70%;
	margin-bottom:7%;
	float:left;

}

#marriott_logo {
	width:50%;
}

#marriott p {
	width:100%;
	font-size:1.5vw;
	font-family: "hypatia-sans-pro",sans-serif;
	clear:both;
}

#marriott h1 {
	font-size:3vw;
	color:#009a7f;
	font-family: "hypatia-sans-pro",sans-serif;
}

#marriott h2 {
	font-size:3.5vw;
	font-family: "hypatia-sans-pro",sans-serif;
	color:#009a7f;
}

#marriott ul li {
	font-size:1.5vw;
	font-family: "hypatia-sans-pro",sans-serif;
}

.forms {
	width: 70%;
    margin-right: 3.5%;
    margin-left: 3.5%;
    margin-top: 5%;
	margin-bottom:10%;
    float: left;
    background-color: #B3E0DA;
    padding-top: 1%;
    padding-bottom: 2%;
    padding-left: 5%;
    padding-right: 3%;
    border-radius: 20px;
}

.forms h1 {
	font-size:3vw;
	color:#009a7f;
	font-family: "hypatia-sans-pro",sans-serif;
}

.forms h2 a {
	font-size:2vw;
	color:#009a7f;
	font-family: "hypatia-sans-pro",sans-serif;
}

.faq {
	width:80%;
	margin-left:10%;
	float:left;
}

.faq h1 {
	font-size:3vw;
	color:#009a7f;
	font-family: "hypatia-sans-pro",sans-serif;
}

.faq h3 {
	font-size:2.5vw;
	font-family: "hypatia-sans-pro",sans-serif;
}

.faq p {
	font-size:1.5vw;
	font-family: "hypatia-sans-pro",sans-serif;
}

.contactform {
	width:80%;
	margin-left:10%;
	margin-top:5%;
	clear:both;
}

.contactform h1 {
	font-size:3vw;
	font-family: "hypatia-sans-pro",sans-serif;
}

.contactform p {
	font-size:1.7vw;
	font-family: "hypatia-sans-pro",sans-serif;
}
.contact {
	width:80%;
	margin-left:10%;
	margin-bottom:10%;
}

.contact p {
	font-size:1.5vw;
	font-family: "hypatia-sans-pro",sans-serif;
}

.small_merch {
	width:50%;
}

.small_merch {
	width:70%;
}

.footer {
	width:92%;
	background-color:#5EC19E;
	padding:3vw;
	clear:both;
}

.footer a {
	font-size:1.5vw;
	font-family: "hypatia-sans-pro",sans-serif;
	text-decoration:none;
	color:white;
}

.footer p {
	font-size:1.5vw;
	font-family: "hypatia-sans-pro",sans-serif;
	color:white;
	text-align:center;
}

.modalDialog {
        position: fixed;
        font-family: "hypatia-sans-pro",sans-serif;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0,0,0,0.8);
        z-index: 99999;
        opacity:0;
        -webkit-transition: opacity 400ms ease-in;
        -moz-transition: opacity 400ms ease-in;
        transition: opacity 400ms ease-in;
        pointer-events: none;
    }

    .modalDialog:target {
        opacity:1;
        pointer-events: auto;
    }

    .modalDialog > div {
        width: 60%;
        position: relative;
        margin: 10% auto;
		margin-top:10%;
        padding: 5px 20px 13px 20px;
        border-radius: 10px;
        background: #fff;

    }

    .close {
        background: #606061;
        color: #FFFFFF;
        line-height: 25px;
        position: absolute;
        right: -12px;
        text-align: center;
        top: -10px;
        width: 24px;
        text-decoration: none;
        font-weight: bold;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        -moz-box-shadow: 1px 1px 3px #000;
        -webkit-box-shadow: 1px 1px 3px #000;
        box-shadow: 1px 1px 3px #000;
    }

    .close:hover { background: #00d9ff; }

.input[type=text] {
    width: 100px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

/* When the input field gets focus, change its width to 100% */
input[type=text]:focus {
    width: 100%;
}

}