/*Header & Footer Stylesheet*/

	html
	{
		width: 100%;
	}

	body
	{
		margin: 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		-webkit-font-smoothing: antialiased;
		font-smoothing: antialiased;
		background-color: #ededed;
	}

	img
	{
		border: none;
		outline: none;
	}

	header
	{
		display: -moz-flex;
		display: -ms-flexbox;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		-o-flex-direction: row;
		flex-direction: row;
		position: fixed;
		width: 100%;
		top: 0;
	}

	@media(max-width:1000px)
	{
		header
		{
			border-bottom: 10px solid #2a6ebc;
		}
	}

	.logo
	{
		height: 70px;
		width: 284px;
		background-color: #ffffff;
		background-image: url('/images/microsites/american-foundation/AmericanFoundationLogo.png');
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		position: absolute;
		top: 0px;
		left: 20px;
	}

	@media(max-width: 400px)
	{
		.logo
		{
			background-image: url('/siteelements/images/american-foundation/smallLogo.png');
			background-position: left;
		}
	}

	.logo:hover
	{
		cursor: pointer;
	}

	.logoAfterScroll
	{
		display: none;
	}

	.nav
	{
		height: 100px;
		width: -webkit-calc(100%);
		width: -moz-calc(100%);
		width: calc(100%);
		background-color: #ffffff;
	}

	@media(max-width:1000px)
	{
		.nav
		{
			display: -moz-flex;
			display: -ms-flexbox;
			display: -o-flex;
			display: flex;
			-webkit-flex-direction: row;
			-moz-flex-direction: row;
			-ms-flex-direction: row;
			-o-flex-direction: row;
			flex-direction: row;
			-ms-flex-pack: end;
			-webkit-box-pack: flex-end;
			-webkit-justify-content: flex-end;
			-webkit-box-pack: flex-end;
			justify-content: flex-end;
			-webkit-box-align: center;
			-moz-box-align: center;
			-ms-flex-align: center;
			-webkit-align-items: center;
			align-items: center;
			position: relative;
		}
	}

	.navAfterScroll
	{
		background-color: rgba(255,255,255,0);
		width: 100%;
	}

	#menuToggle
	{
		display: none;
	}

	@media(max-width: 1000px)
	{
		#menuToggle
		{
			height: 32px;
			width: 30px;
			margin-right: 20px;
			display: block;
			z-index: 1;
			user-select: none;
			position: absolute;
			right: 20px;
		}

		#menuToggle > input
		{
			display: block;
			width: 50px;
			height: 32px;
			/*position: absolute;*/
			opacity: 0;
			z-index: 2;
			cursor: pointer;
			-webkit-touch-callout: none;
			position: absolute;
			right: -10px;
			top: -10px;
		}

		#menuToggle span
		{
			display: block;
			width: 36px;
			height: 4px;
			margin-bottom: 5px;
			position: relative;
			background: #202a30;
			border-radius: 3px;
			z-index: 1;
			transform-origin: 4px 0px;
			transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease;
		}

		#menuToggle span:first-child
		{
			transform-origin: 0% 0%;
		}

		#menuToggle span:nth-last-child(2)
		{
			transform-origin: 0% 100%;
		}

		#menuToggle input:checked ~ span
		{
			opacity: 1;
			transform: rotate(-45deg) translate(-2px, -1px);
		}

		#menuToggle input:checked ~ span:nth-last-child(2)
		{
			opacity: 0;
			transform: rotate(0deg) scale(0.2, 0.2);
		}

		#menuToggle input:checked ~ span:nth-last-child(3)
		{
			opacity: 1;
			transform: rotate(45deg) translate(0, -1px);
		}

		#menu
		{
			position: fixed;
			top: 82px;
			left: 0px;
			width: 100%;
			height: 100%;
			background: #202a30;
			list-style-type: none;
			display: none;
			padding-top: 20px;
			z-index: 999;
			overflow: auto;
		}

		#menuToggle input:checked ~ #menu
		{
			display: block;
		}

		#menu > li
		{
			padding: 10px 0;
			font-size: 22px;
			color: #ffffff;
			margin: 0 auto;
			width: 100%;
			cursor: pointer;
			border-bottom: 3px solid #202a30;
			text-align: center;
			font-size: 18px;
			background-color: #333D46;
		}

		#menu > li:hover
		{
			border-bottom: 3px solid #2a6ebc;
			color: #2a6ebc;
		}

		#menu > li:focus
		{
			border-bottom: 3px solid #2a6ebc;
			color: #2a6ebc;
		}

		#menu > input
		{
			width: 70%;
			margin: 0 auto;
		}

		#menu > .intranetAndSearch
		{
			margin-top: 0;
		}

		#menuToggle input:checked ~ ul
		{
			tranform: scale(1.0,1.0);
			opacity: 1;
		}

		#menuToggle input:checked ~ .mobileFooter
		{
			display: none;
		}

		.menuLinks
		{
			display: -moz-flex;
			display: -ms-flexbox;
			display: -o-flex;
			display: flex;
			-webkit-flex-direction: row;
			-moz-flex-direction: row;
			-ms-flex-direction: row;
			-o-flex-direction: row;
			flex-direction: row;
			width: 100%;
		}

		.menuLinks > li
		{
			border: 1px solid #5a6164;
			width: 50%;
		}

		.mobileSearchContainer
		{
			width: 100%;
			height: 35px;
			background-color: #57676d;
			width: 100%;
			padding: 0;
			list-style: none;
			display: -moz-flex;
			display: -ms-flexbox;
			display: -o-flex;
			display: flex;
			-webkit-flex-direction: column;
			-moz-flex-direction: column;
			-ms-flex-direction: column;
			-o-flex-direction: column;
			flex-direction: column;
			-ms-flex-pack: center;
			-webkit-box-pack: center;
			-webkit-justify-content: center;
			-webkit-box-pack: center;
			justify-content: center;
			border-bottom: 3px solid #202a30;
		}

		#menu .mobileSearch
		{
			width: 96%;
			margin-left: 2%;
			margin-right: 2%;
			height: 25px;
		}

		.aboutUsButton
		{
			height: 30px;
		}

		.aboutUsButton > input
		{
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			width: 100%;
			height: 50px;
			background-color: rgba(255,255,255,0);
			z-index: 4;
			position: absolute;
			top: 120px;
			left: 0;
			user-select: none;
			display: inline;
			cursor: pointer;
			opacity: 0;
		}

		.aboutUsButton > input::-ms-check
		{
			visibility: hidden;
		}

		.aboutUsMenu
		{
			display: none;
		}

		.aboutUsButton input:checked ~ .aboutUsMenu
		{
			display: inline-block;
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: -webkit-calc(100% - 197px);
			height: -moz-calc(100% - 197px);
			height: calc(100% - 197px);
			background-color: #202a30;
			z-index: 6;
			overflow: auto;
		}

		.aboutUsButton input:checked
		{
			top: 0;
			left: 0;
			z-index: 999;
		}

		.aboutUsMenu > ul
		{
			width: 100%;
			padding: 0;
			list-style: none;
			display: -moz-flex;
			display: -ms-flexbox;
			display: -o-flex;
			display: flex;
			-webkit-flex-direction: column;
			-moz-flex-direction: column;
			-ms-flex-direction: column;
			-o-flex-direction: column;
			flex-direction: column;
			-ms-flex-pack: center;
			-webkit-box-pack: center;
			-webkit-justify-content: center;
			-webkit-box-pack: center;
			justify-content: center;
		}

		.aboutUsMenu li
		{
			width: 100%;
			background-color: #333D46;
			color: #ffffff;
			padding-top: 10px;
			padding-bottom: 10px;
			border-bottom: 3px solid #202a30;
		}

		.aboutUsMenu li:hover
		{
			border-bottom: 3px solid #2a6ebc;
		}

		.aboutUsMenu li:focus
		{
			background-color: #2a6ebc;
		}

		.aboutUsMenu li a
		{
			color: #ffffff;
			text-decoration: none;
		}

		.aboutUsMenu .intranetAndSearch
		{
			margin-top: 60px;
		}

		.backButton
		{
			width: 100%;
			height: 50px;
			background-color: #2a6ebc;
			color: #202a30;
			text-align: left;
			position: fixed;
			top: 97px;
			left: 0;
		}

		.backButton > p
		{
			margin: 0;
			padding-left: 20px;
			padding-top: 15px;
		}

		.sectionHeader
		{
			width: 100%;
			height: 30px;
			background-color: #57676d;
			text-align: left;
			color: #ffffff;
			padding-top: 10px;
		}

		.sectionHeader > p
		{
			padding-left: 20px;
			margin: 0;
		}

		.studyHereButton
		{
			height: 30px;
		}

		.studyHereButton > input
		{
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			width: 100%;
			height: 50px;
			background-color: rgba(255,255,255,0);
			z-index: 4;
			position: absolute;
			top: 170px;
			left: 0px;
			user-select: none;
			display: inline;
			cursor: pointer;
			opacity: 0;
		}

		.studyHereButton > input::-ms-check
		{
			visibility: hidden;
		}

		.studyHereMenu
		{
			display: none;
		}

		.studyHereButton input:checked ~ .studyHereMenu
		{
			display: inline-block;
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: -webkit-calc(100% - 197px);
			height: -moz-calc(100% - 197px);
			height: calc(100% - 197px);
			background-color: #202a30;
			z-index: 6;
			overflow: auto;
		}

		.studyHereButton input:checked
		{
			top: 0;
			left: 0;
			z-index: 999;
		}

		.studyHereMenu ul
		{
			list-style: none;
			width: 100%;
			top: 0;
			left: 0;
			padding: 0;
		}

		.studyHereMenu li
		{
			width: 100%;
			background-color: #333D46;
			color: #ffffff;
			padding-top: 10px;
			padding-bottom: 10px;
			border-bottom: 3px solid #202a30
		}

		.studyHereMenu li:hover
		{
			border-bottom: 3px solid #2a6ebc;
		}

		.studyHereMenu li a
		{
			color: #ffffff;
			text-decoration: none;
		}

		.studyHereMenu .intranetAndSearch
		{
			margin-top: 60px;
		}

		.departmentsButton
		{
			height: 30px;
		}

		.departmentsButton > input
		{
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			width: 100%;
			height: 50px;
			background-color: rgba(155,155,155,0);
			z-index: 4;
			position: absolute;
			top: 225px;
			left: 0px;
			user-select: none;
			display: inline;
			cursor: pointer;
			opacity: 0;
		}

		.departmentsButton > input::-ms-check
		{
			visibility: hidden;
		}

		.departmentsMenu
		{
			display: none;
		}

		.departmentsButton input:checked ~ .departmentsMenu
		{
			display: inline-block;
			position: absolute;
			left: 0;
			top: 0px;
			width: 100%;
			height: -webkit-calc(100% - 197px);
			height: -moz-calc(100% - 197px);
			height: calc(100% - 197px);
			background-color: #202a30;
			z-index: 6;
			overflow: auto;
		}

		.departmentsButton input:checked
		{
			top: 0;
			left: 0;
			z-index: 999;
		}

		.departmentsMenu ul
		{
			list-style: none;
			width: 100%;
			top: 0;
			left: 0;
			padding: 0;
		}

		.departmentsMenu li
		{
			width: 100%;
			background-color: #333D46;
			color: #ffffff;
			padding-top: 10px;
			padding-bottom: 10px;
			border-bottom: 3px solid #202a30
		}

		.departmentsMenu li:hover
		{
			border-bottom: 3px solid #2a6ebc;
		}

		.departmentsMenu li a
		{
			color: #ffffff;
			text-decoration: none;
		}

		.departmentsMenu .intranetAndSearch
		{
			margin-top: 60px;
		}

		.studentLifeButton
		{
			height: 30px;
		}

		.studentLifeButton > input
		{
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			width: 100%;
			height: 50px;
			background-color: rgba(155,155,155,0);
			z-index: 4;
			position: absolute;
			top: 280px;
			left: 0px;
			user-select: none;
			display: inline;
			cursor: pointer;
			opacity: 0;
		}

		.studentLifeButton > input::-ms-check
		{
			visibility: hidden;
		}

		.studentLifeMenu
		{
			display: none;
		}

		.studentLifeButton input:checked ~ .studentLifeMenu
		{
			display: inline-block;
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: -webkit-calc(100% - 197px);
			height: -moz-calc(100% - 197px);
			height: calc(100% - 197px);
			background-color: #202a30;
			z-index: 6;
			overflow: auto;
		}

		.studentLifeButton input:checked
		{
			top: 0;
			left: 0;
			z-index: 999;
		}

		.studentLifeMenu ul
		{
			list-style: none;
			width: 100%;
			top: 0;
			left: 0;
			padding: 0;
		}

		.studentLifeMenu li
		{
			width: 100%;
			background-color: #333D46;
			color: #ffffff;
			padding-top: 10px;
			padding-bottom: 10px;
			border-bottom: 3px solid #202a30
		}

		.studentLifeMenu li:hover
		{
			border-bottom: 3px solid #eb641e;
		}

		.studentLifeMenu li a
		{
			color: #ffffff;
			text-decoration: none;
		}

		.studentLifeMenu .intranetAndSearch
		{
			margin-top: 60px;
		}

		.internationalButton
		{
			height: 30px;
		}

		.internationalButton > input
		{
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			width: 100%;
			height: 50px;
			background-color: rgba(155,155,155,0);
			z-index: 4;
			position: absolute;
			top: 330px;
			left: 0px;
			user-select: none;
			display: inline;
			cursor: pointer;
			opacity: 0;
		}

		.internationalButton > input::-ms-check
		{
			visibility: hidden;
		}

		.internationalMenu
		{
			display: none;
		}

		.internationalButton input:checked ~ .internationalMenu
		{
			display: inline-block;
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: -webkit-calc(100% - 197px);
			height: -moz-calc(100% - 197px);
			height: calc(100% - 197px);
			background-color: #202a30;
			z-index: 6;
			overflow: auto;
		}

		.internationalButton input:checked
		{
			top: 0;
			left: 0;
			z-index: 999;
		}

		.internationalMenu ul
		{
			list-style: none;
			width: 100%;
			top: 0;
			left: 0;
			padding: 0;
		}

		.internationalMenu li
		{
			width: 100%;
			background-color: #333D46;
			color: #ffffff;
			padding-top: 10px;
			padding-bottom: 10px;
			border-bottom: 3px solid #202a30
		}

		.internationalMenu li:hover
		{
			border-bottom: 3px solid #eb641e;
		}

		.internationalMenu li a
		{
			color: #ffffff;
			text-decoration: none;
		}

		.internationalMenu .intranetAndSearch
		{
			margin-top: 60px;
		}

		.researchButton
		{
			height: 30px;
		}

		.researchButton > input
		{
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			width: 100%;
			height: 50px;
			background-color: rgba(155,155,155,0);
			z-index: 4;
			position: absolute;
			top: 385px;
			left: 0px;
			user-select: none;
			display: inline;
			cursor: pointer;
			opacity: 0;
		}

		.researchButton > input::-ms-check
		{
			visibility: hidden;
		}

		.researchMenu
		{
			display: none;
		}

		.researchButton input:checked ~ .researchMenu
		{
			display: inline-block;
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: -webkit-calc(100% - 197px);
			height: -moz-calc(100% - 197px);
			height: calc(100% - 197px);
			background-color: #202a30;
			z-index: 6;
			overflow: auto;
		}

		.researchButton input:checked
		{
			top: 0;
			left: 0;
			z-index: 999;
		}

		.researchMenu ul
		{
			list-style: none;
			width: 100%;
			top: 0;
			left: 0;
			padding: 0;
		}

		.researchMenu li
		{
			width: 100%;
			background-color: #333D46;
			color: #ffffff;
			padding-top: 10px;
			padding-bottom: 10px;
			border-bottom: 3px solid #202a30
		}

		.researchMenu li:hover
		{
			border-bottom: 3px solid #eb641e;
		}

		.researchMenu li a
		{
			color: #ffffff;
			text-decoration: none;
		}

		.researchMenu .intranetAndSearch
		{
			margin-top: 60px;
		}

		.forBusinessButton
		{
			height: 30px;
		}

		.forBusinessButton > input
		{
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			width: 100%;
			height: 50px;
			background-color: rgba(155,155,155,0);
			z-index: 4;
			position: absolute;
			top: 440px;
			left: 0px;
			user-select: none;
			display: inline;
			cursor: pointer;
			opacity: 0;
		}

		.forBusinessButton > input::-ms-check
		{
			visibility: hidden;
		}

		.forBusinessMenu
		{
			display: none;
		}

		.forBusinessButton input:checked ~ .forBusinessMenu
		{
			display: inline-block;
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: -webkit-calc(100% - 197px);
			height: -moz-calc(100% - 197px);
			height: calc(100% - 197px);
			background-color: #202a30;
			z-index: 6;
			overflow: auto;
		}

		.forBusinessButton input:checked
		{
			top: 0;
			left: 0;
			z-index: 999;
		}

		.forBusinessMenu ul
		{
			list-style: none;
			width: 100%;
			top: 0;
			left: 0;
			padding: 0;
		}

		.forBusinessMenu li
		{
			width: 100%;
			background-color: #333D46;
			color: #ffffff;
			padding-top: 10px;
			padding-bottom: 10px;
			border-bottom: 3px solid #202a30
		}

		.forBusinessMenu li:hover
		{
			border-bottom: 3px solid #eb641e;
		}

		.forBusinessMenu li a
		{
			color: #ffffff;
			text-decoration: none;
		}

		.forBusinessMenu .intranetAndSearch
		{
			margin-top: 60px;
		}

		.alumniButton
		{
			height: 30px;
		}

		.alumniButton > input
		{
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			width: 100%;
			height: 50px;
			background-color: rgba(155,155,155,0);
			z-index: 4;
			position: absolute;
			top: 490px;
			left: 0px;
			user-select: none;
			display: inline;
			cursor: pointer;
			opacity: 0;
		}

		.alumniButton > input::-ms-check
		{
			visibility: hidden;
		}

		.alumniMenu
		{
			display: none;
		}

		.alumniButton input:checked ~ .alumniMenu
		{
			display: inline-block;
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: -webkit-calc(100% - 197px);
			height: -moz-calc(100% - 197px);
			height: calc(100% - 197px);
			background-color: #202a30;
			z-index: 6;
			overflow: auto;
		}

		.alumniButton input:checked
		{
			top: 0;
			left: 0;
			z-index: 999;
		}

		.alumniMenu ul
		{
			list-style: none;
			width: 100%;
			top: 0;
			left: 0;
			padding: 0;
		}

		.alumniMenu li
		{
			width: 100%;
			background-color: #333D46;
			color: #ffffff;
			padding-top: 10px;
			padding-bottom: 10px;
			border-bottom: 3px solid #202a30
		}

		.alumniMenu li:hover
		{
			border-bottom: 3px solid #eb641e;
		}

		.alumniMenu li a
		{
			color: #ffffff;
			text-decoration: none;
		}

		.alumniMenu .intranetAndSearch
		{
			margin-top: 60px;
		}

		.givingButton
		{
			height: 30px;
		}

		.givingButton > input
		{
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			width: 100%;
			height: 50px;
			background-color: rgba(155,155,155,0);
			z-index: 4;
			position: absolute;
			top: 545px;
			left: 0px;
			user-select: none;
			display: inline;
			cursor: pointer;
			opacity: 0;
		}

		.givingButton > input::-ms-check
		{
			visibility: hidden;
		}

		.givingMenu
		{
			display: none;
		}

		.givingButton input:checked ~ .givingMenu
		{
			display: inline-block;
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: -webkit-calc(100% - 197px);
			height: -moz-calc(100% - 197px);
			height: calc(100% - 197px);
			background-color: #202a30;
			z-index: 6;
			overflow: auto;
		}

		.givingButton input:checked
		{
			top: 0;
			left: 0;
			z-index: 999;
		}

		.givingMenu ul
		{
			list-style: none;
			width: 100%;
			top: 0;
			left: 0;
			padding: 0;
		}

		.givingMenu li
		{
			width: 100%;
			background-color: #333D46;
			color: #ffffff;
			padding-top: 10px;
			padding-bottom: 10px;
			border-bottom: 3px solid #202a30
		}

		.givingMenu li:hover
		{
			border-bottom: 3px solid #eb641e;
		}

		.givingMenu li a
		{
			color: #ffffff;
			text-decoration: none;
		}

		.givingMenu .intranetAndSearch
		{
			margin-top: 60px;
		}

		#menu
		{
			padding-left: 0;
		}

		.intranetAndSearch
		{
			width: 100%;
			height: 60px;
			display: -moz-flex;
			display: -ms-flexbox;
			display: -o-flex;
			display: flex;
			-webkit-flex-direction: row;
			-moz-flex-direction: row;
			-ms-flex-direction: row;
			-o-flex-direction: row;
			flex-direction: row;
			-ms-flex-pack: center;
			-webkit-box-pack: center;
			-webkit-justify-content: center;
			justify-content: center;
			-webkit-box-align: end;
			-moz-box-align: end;
			-ms-flex-align: end;
			-webkit-align-items: end;
			align-items: flex-end;
			background-color: #202a30;
			margin-top: 40px;
		}
	}

	.topNav
	{
		display: -moz-flex;
		display: -ms-flexbox;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		-o-flex-direction: row;
		flex-direction: row;
		-ms-flex-pack: end;
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		-webkit-box-pack: end;
		justify-content: flex-end;
		-webkit-box-align: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		height: 70px;
		width: 100%;
	}

	@media(max-width: 1000px)
	{
		.topNav
		{
			/*display: none;*/
		}
	}

	.topNavAfterScroll
	{
		display: none;
	}

	@media(max-width:1000px)
	{
		.topNavAfterScroll
		{
			display: block;
		}
	}

	.skipButton
	{
		margin-right: auto;
		font-size: 12px;
		padding-left: 50px;
		position: absolute;
		top: 10px;
		left: 270px;
	}

	.skipButton > a
	{
		color: #ffffff;
		text-decoration: none;
	}

	.skipButton > a > p
	{
		opacity: 0;
	}

	.skipButton > a:focus > p
	{
		text-decoration: underline;
		opacity: 1;
	}

	.intranetNavButton
	{
		background-color: #202a30;
		padding-top: 3px;
		width: 95px;
		margin-left: 20px;
		margin-right: 20px;
		border: 0;
		height: 35px;
		color: #ffffff;
		transition: background-color 0.15s ease;
	}

	@media(max-width: 1000px)
	{
		.intranetNavButton
		{
			height: 45px;
			width: 110px;
			margin-bottom: 10px;
			background-color: #2a6ebc;
			font-size: 22px;
			transition: none;
		}
	}

	.intranetNavButton:hover
	{
		background-color: #2a6ebc;
		cursor: pointer;
		color: #202a30;
		font-weight: bold;
	}

	.intranetNavButton:focus
	{
		background-color: #ffffff;
	}

	.topNav > input
	{
		height: 25px;
		width: 250px;
		margin-left: 40px;
		margin-right: 40px;
		transition: width 0.5s ease;
		border: 1px solid #202a30;
	}

	.topNav > input:focus
	{
		width: 370px;
	}

	.bottomNav
	{
		display: -moz-flex;
		display: -ms-flexbox;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		-o-flex-direction: row;
		flex-direction: row;
		-ms-flex-pack: end;
		-webkit-box-pack: end;
		-webkit-justify-content: end;
		-webkit-box-pack: end;
		justify-content: flex-end;
		height: 35px;
		background-color: #2a6ebc;
		width: -webkit-calc(100% - 100px);
		width: -moz-calc(100% - 100px);
		width: calc(100% - 100px);
		padding-left: 50px;
		padding-right: 50px;
		/*border-bottom: 3px solid #202a30;*/
	}

	@media(max-width: 1200px)
	{
		.bottomNav
		{
			padding-left: 0;
			padding-right: 0;
			width: 100%;
		}
	}

	@media(max-width: 1000px)
	{
		.bottomNav
		{
			position: absolute;
			top: 80px;
			left: 0;
			-webkit-flex-direction: column;
			-moz-flex-direction: column;
			-ms-flex-direction: column;
			-o-flex-direction: column;
			flex-direction: column;
			height: auto;
			background-color: #2a6ebc;
			margin-top: 15px;
			margin-bottom: 15px;
			visibility: hidden;
		}
	}

	.bottomNav > div > a > p
	{
		color: #ffffff;
		margin: 0;
		text-align: center;
		line-height: 0.9;
		padding-top: 0px;
		text-shadow: 0px -1px #202a30;
		font-size: 14px;
	}

	.bottomNav > div > a > p:hover
	{
		cursor: pointer;
	}

	.navDivider
	{
		height: 60%;
		width: 1px;
		background-color: #202a30;
		margin-top: 7px;
		display: block;
	}

	.searchBar
	{
		background-color: #ffffff;
		width: 50px;
		height: 100%;
	}

	.dropdownContent
	{
		visibility: hidden;
		position: absolute;
		top: 105px;
		left: 0px;
		background-color: #ffffff;
		width: 100%;
		z-index: 1;
		border-top: 5px solid #202a30;
		border-bottom: 1px solid #ccd1d3;
		transition: height .25s ease;
		padding-bottom: 50px;
	}

	.dropdownButton:hover .dropdownContent
	{
		visibility: visible;
	}

	.dropdownButton:focus .dropdownContent
	{
		visibility: visible;
	}

	.visuallyhidden
	{
		opacity: 0;
	}

	.open > .dropdownContent
	{
		visibility: visible;
	}

	.tabDropdownButton
	{
		width: 10px;
		height: 10px;
		background-color: #2a6ebc;
		border: none;
	}

	.dropdownContent:hover
	{
		display: block;
	}

	.dropdownContent:focus
	{
		display: block;
	}

	.dropdownContentAfterScroll
	{
		visibility: hidden;
		position: absolute;
		top: 35px;
		left: 0px;
		background-color: #ffffff;
		width: 100%;;
		z-index: 1;
		border-top: 5px solid #202a30;
		border-bottom: 1px solid #ccd1d3;
		transition: height .25s ease;
		padding-bottom: 50px;
	}

	.dropdownContentAfterScroll:hover
	{
		display: block;
	}

	.dropdownContentAfterScroll:focus
	{
		display: block;
	}

	.dropdownButtonAfterScroll:hover .dropdownContentAfterScroll
	{
		visibility: visible;
	}

	.dropdownButtonAfterScroll:focus .dropdowncontentAfterScroll
	{
		visibility: visible;
	}

	.dropdownButtonAfterScroll > a
	{
		display: -moz-flex;
		display: -ms-flexbox;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		-ms-flex-pack: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
	}

	.dropdownInnerContainer
	{
		width: 80%;
		margin: 0 auto;
		display: -moz-flex;
		display: -ms-flexbox;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		-o-flex-direction: row;
		flex-direction: row;
		-ms-flex-pack: justify;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-around;
		justify-content: space-around;
		-webkit-box-align: stretch;
		-moz-box-align: stretch;
		-ms-flex-align: stretch;
		-webkit-align-items: stretch;
		align-items: stretch;
	}

	.column
	{
		padding-top: 30px;
		display: -moz-flex;
		display: -ms-flexbox;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		padding-left: 50px;
		padding-right: 50px;
	}

	.column > a
	{
		line-height: 2;
		color: #202a30;
		border-bottom: 1px solid #ffffff;
		text-decoration: none;
		display: -moz-flex;
		display: -ms-flexbox;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		transition: color 0.25s ease;
		transition: border-bottom 0.25s ease;
	}

	.column > a:hover
	{
		border-bottom: 1px solid #2a6ebc;
		color: #2a6ebc;
	}

	.dropdownButton
	{
		padding-left: 10px;
		padding-right: 10px;
		cursor: pointer;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
		-ms-flex-pack: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		border-top: 1px solid #56676d;
		width: 100px;
	}

	@media(max-width:1000px)
	{
		.dropdownButton
		{
			height: 50px;
			background-color: #2a6ebc;
			width: 100%;
			border-top: 1px solid #215692;
		}
	}

	.dropdownButton:hover
	{
		border-top: 2px solid #202a30;
	}

	@media(max-width:1000px)
	{
		.dropdownButton:hover
		{
			border-top: 1px solid #202a30;
		}
	}

	.dropdownButton > a
	{
		text-decoration: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		-o-flex-direction: row;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}

	@media(max-width:1000px)
	{
		.dropdownButton > a
		{
			width: 100%;
			height: 100%;
		}
	}

	.dropdownButton > a > p
	{
		color: #ffffff;
		transition: color 0.2s ease;
	}

	.dropdownButton:hover > a > p
	{
		color: #202a30;
	}

	@media(max-width:1000px)
	{
		.dropdownButton:hover > a > p
		{
			color: #202a30;
		}
	}

	/*.dropdownButton:after
	{
		content: "";
	}

	.dropdownButton:hover:after
	{
		width: 0;
		height: 0;
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-top: 15px solid #202a30;
		visibility: visible;
		z-index: 2;
		position: absolute;
		top: 105px;
	}

	.dropdownButton:focus:after
	{
		width: 0;
		height: 0;
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-top: 15px solid #eb641e;
		visibility: visible;
		z-index: 2;
		position: absolute;
		top: 92px;
	}*/

	.dropdownButtonAfterScroll
	{
		padding-left: 10px;
		padding-right: 10px;
		cursor: pointer;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
		-ms-flex-pack: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		border-top: 1px solid #333D46;
		width: 100px;
		padding-top: 5px;
	}

	.dropdownButtonAfterScroll:hover
	{
		border-top: 2px solid #202a30;
	}

	.dropdownButtonAfterScroll:after
	{
		content: "";
	}

	.dropdownButtonAfterScroll:hover:after
	{
		width: 0;
		height: 0;
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-top: 15px solid #202a30;
		visibility: visible;
		z-index: 2;
		position: absolute;
		top: 35px;
	}

	.dropdownButtonAfterScroll:focus:after
	{
		width: 0;
		height: 0;
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-top: 15px solid #202a30;
		visibility: visible;
		z-index: 2;
		position: absolute;
		top: 35px;
	}

	.dropdownButtonAfterScroll > a
	{
		text-decoration: none;
	}

	.dropdownButtonAfterScroll:hover > a > p
	{
		color: #202a30;
	}

	.magnifyingGlass
	{
		display: none;
	}

	.magnifyingGlass:hover
	{
		border-top: 3px solid #202a30;
	}

	.magnifyingGlassAfterScroll
	{
		display: inline-block;
		background-image: url(/siteelements/images/american-foundation/searchicons2.png);
		height: 35px;
		width: 40px;
		background-repeat: no-repeat;
		background-size: 35px;
	}

	.magnifyingGlassAfterScroll:hover .searchDropdownContainer
	{
		display: inline-block;
		border-top: 4px solid #202a30;
	}

	.magnifyingGlassButton
	{
		background-image: url(/siteelements/images/american-foundation/searchicons2.png);
		height: 25px;
		width: 25px;
		background-repeat: no-repeat;
		background-size: 25px;
		margin-right: 40px;
		border: 3px solid #333D46;
	}

	.magnifyingGlassButton:hover
	{
		border: 3px solid #eb641e;

	}

	.searchDropdownContainer
	{
		display: none;
		position: absolute;
		top: 35px;
		right: 0px;
		height: 35px;
		width: 500px;
		background-color: #333D46;
		border-top: 1px solid #57676d;
	}

	.searchDropdownInner
	{
		display: -moz-flex;
		display: -ms-flexbox;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		-o-flex-direction: row;
		flex-direction: row;
		-ms-flex-pack: end;
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		-webkit-box-pack: end;
		justify-content: flex-end;
		-webkit-box-align: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		height: 100%;
		width: 100%;
	}

	.searchDropdownInner > input
	{
		height: 25px;
		width: 400px;
		margin-left: 5px;
		margin-right: 5px;
	}

	.searchDropdownInner > div
	{
		height: 25px;
		margin-right: 5px;
		margin-left: 5px;
		padding: 0;
		display: -moz-flex;
		display: -ms-flexbox;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		-o-flex-direction: row;
		flex-direction: row;
		-ms-flex-pack: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-webkit-box-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}

	.searchDropdownInner > div > p
	{
		margin: 0;
	}

	.backToTopButton
	{
		width: 70px;
		height: 70px;
		background-color: rgba(42, 110, 188, 0.4);
		position: fixed;
		bottom: 100px;
		right: 0;
		text-align: center;
		text-decoration: none;
	}

	.backToTopButton > p
	{
		text-transform: uppercase;
		text-decoration: none;
		padding-top: 10px;
		color: #ffffff;
	}

	.mainContentContainer
	{
		background-color: rgb(230,230,230);
		margin-top: 92px;
		margin-left: 189px;
		padding-top: 20px;
		padding-bottom: 20px;
		width: -webkit-calc(100% - 378px);
		width: -moz-calc(100% - 378px);
		width: calc(100% - 378px);
		display: inline-block;
	}

	@media(max-width:1000px)
	{
		.mainContentContainer
		{
			margin-left: 0;
			width: 100%;
		}
	}

	.footerTop
	{
		display: -moz-flex;
		display: -ms-flexbox;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		-o-flex-direction: row;
		flex-direction: row;
		-ms-flex-pack: justify;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-around;
		-webkit-box-pack: justify;
		justify-content: space-around;
		background-color: #202a30;
		width: 100%;
		height: 20px;
		color: #ffffff;
		padding-top: 50px;
		padding-bottom: 50px;
		margin-top: 50px;
	}

	.footerTop > ul
	{
		display: -moz-flex;
		display: -ms-flexbox;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		-ms-flex-pack: start;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-webkit-box-pack: start;
		justify-content: flex-start;
		list-style: none;
	}

	.footerTop > ul > li
	{
		margin-bottom: 15px;
	}

	.footerTop > ul > li > h3
	{
		color: #2a6ebc;
		margin: 0;
	}

	.footerTop > ul > li:hover
	{
		color: #2a6ebc;
		cursor: pointer;
	}

	.footerTop > div
	{
		display: -moz-flex;
		display: -ms-flexbox;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		-ms-flex-pack: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		height: 100%;
	}

	.footerTop > ul > li > a
	{
		color: #ffffff;
		text-decoration: none;
	}

	.shareButton
	{
		background-color: #2a6ebc;
		border: none;
		width: 100px;
		height: 30px;
		margin-bottom: 20px;
		color: #ffffff;
	}

	.shareButton > a
	{
		width: 100%;
		height: 100%;
		color: #ffffff;
		text-decoration: none;
	}

	.commentButton
	{
		background-color: #2a6ebc;
		border: none;
		width: 100px;
		height: 30px;
		margin-bottom: 40px;
		color: #ffffff;
	}

	.commentButton > a
	{
		width: 100%;
		height: 100%;
		color: #ffffff;
		text-decoration: none;
	}

	.footerBottom
	{
		background-color: #2a6ebc;
		width: -webkit-calc(100% - 40px);
		width: -moz-calc(100% - 40px);
		width: calc(100% - 40px);
		padding: 20px;
		text-align: center;
		color: #ffffff;
	}

	.footerBottom > a
	{
		cursor: pointer;
        text-decoration: underline;
        margin: 10px;
        color: #ffffff;
	}

	.contactButtonContainer
	{
		display: none;
	}

	@media(max-width:1000px)
	{
		.footerTop
		{
			-webkit-flex-direction: column;
			-moz-flex-direction: column;
			-ms-flex-direction: column;
			-o-flex-direction: column;
			flex-direction: column;
			-ms-flex-pack: center;
			-webkit-box-pack: center;
			-webkit-justify-content: center;
			justify-content: center;
			-webkit-box-align: center;
		    -moz-box-align: center;
		    -ms-flex-align: center;
		    -webkit-align-items: center;
		    align-items: center;
		}

		.footerTop > ul
		{
			margin: 0;
			-ms-flex-pack: center;
			-webkit-box-pack: center;
			-webkit-justify-content: center;
			justify-content: center;
			-webkit-box-align: center;
		    -moz-box-align: center;
		    -ms-flex-align: center;
		    -webkit-align-items: center;
		    align-items: center;
			height: auto;
		}

		.footerTop > ul > li
		{
			margin-bottom: 15px;
		}

		.footerTop > div
		{
			-webkit-flex-direction: row;
			-moz-flex-direction: row;
			-ms-flex-direction: row;
			-o-flex-direction: row;
			flex-direction: row;
			-ms-flex-pack: center;
			-webkit-box-pack: center;
			-webkit-justify-content: center;
			justify-content: center;
			width: 100%;
			height: 50px;
		}

		.shareButton
		{
			margin-right: 10px;
			margin-left: 10px;
			margin-top: 40px;
		}

		.commentButton
		{
			margin-right: 10px;
			margin-left: 10px;
			margin-top: 40px;
		}

		.footerBottom
		{
			height: 300px;
			width: 100%;
			display: -moz-flex;
			display: -ms-flexbox;
			display: -o-flex;
			display: flex;
			-webkit-flex-direction: column;
			-moz-flex-direction: column;
			-ms-flex-direction: column;
			-o-flex-direction: column;
			flex-direction: column;
			-ms-flex-pack: center;
			-webkit-box-pack: center;
			-webkit-justify-content: center;
			justify-content: center;
			padding: 0;
		}

		.footerBottom  .footerAddress
		{
			width: 100%;
		}

		.contactButtonContainer
		{
			display: inline-block;
		}

		.contactButton
		{
			width: 90%;
			height: 40px;
			margin: 0 auto;
			background-color: #202a30;
			border: 0;
			margin-top: 20px;
			color: #ffffff;
			cursor: pointer;
			max-width: 400px;
		}
	}
