@charset "UTF-8";
/* Global Styles CSS */



/*
Colors
===============================================
*/

.colors {
	color:#000; /* black */
	color:#fff; /* white */
	color:#f9f9f9; /* offWhite */
	color:#c4461f; /* redOrange */
	color:#3256a0; /* darkBlue */
	color:#5db0c6; /* lightBlue */
	color:#f4d11a; /* yellow */
	color:#5f7941; /* darkGreen */
	color:#88631b; /* lightBrown */
	color:#323232; /* grey20 */
	color:#7f7f7f; /* grey50 */
	color:#e5e5e5; /* grey90 */
}



/*
Fonts
===============================================
*/

@font-face {
	font-family:"Calibri-Light";
	src:url(../fonts/Calibri-Light.ttf);
}

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

@font-face {
	font-family:"Calibri-Bold";
	src:url(../fonts/Calibri-Bold.ttf);
}

@font-face {
	font-family:"Comfortaa-Light";
	src:url(../fonts/Comfortaa-Light.ttf);
}





/*
Global
===============================================
*/

body {
	background:#f9f9f9; /* offWhite */
	font-family:Calibri-Regular, Tahoma, Geneva, sans-serif;
	min-width:1100px;
}

h1 {
	font-family:Calibri-Bold;
	font-size:3.6em;
	line-height:0.9em;
	margin-bottom:20px;
	color:#323232; /* grey20 */
}

/*
h2 {
	font-family:Calibri-Bold;
	font-size:3.6em;
	line-height:0.9em;
	margin-bottom:20px;
	color:#323232;
}
*/

h2 {
	font-family:Calibri-Bold;
	font-size:1.8em;
	color:#323232; /* grey20 */
}

h3 {
	font-family:Calibri-Bold;
	font-size:1.8em;
	color:#323232; /* grey20 */
}

h4 {
	font-family:Comfortaa-Light;
	font-size:4.4em;
	line-height:0.9em;
	margin-bottom:20px;
	color:#fff; /* white */
}

h5 {
	font-family:Calibri-Bold;
	font-size:3.6em;
	line-height:0.9em;
	margin-bottom:20px;
	color:#323232; /* grey20 */
}

h6 {
	font-family:Calibri-Bold;
	font-size:1.8em;
	color:#323232; /* grey20 */
}

p {
	font-family:Calibri-Light;
	font-size:2.0em;
	line-height:1.5em;
	text-align:justify;
	margin:0px 0px 14px 0px;
}

strong {
	font-family:Calibri-Bold;
	font-weight:normal;
}

.preLoad {
	display:none;
}




/*
Header
===============================================
*/

header {
	display:block;
	min-width:1100px;
	width:100%;
	overflow:visible;
}	

	header div {
		position:relative;
		display:block;
		height:158px;
		overflow:visible;
	}	
	
	/* ==== Skip Links =========== */
	header a.skipLink {
		display:block;
		overflow:hidden;
		width:1px;
		height:1px;
	}
	
	/* ==== Logo =========== */
	header a#logo {
		position:absolute;
		z-index:20;
		top:20px;
		left:26px;
	}

	/* ==== Phone & Social Media =========== */
	header div#phoneSocialMedia {
		position:absolute;
		top:12px;
		right:35px;
	}

		header div#phoneSocialMedia a.connectButton {
			display:inline-block;
			vertical-align:middle;
			font-family:Calibri-Bold;
			font-size:1.7em;
			line-height:1.2em;
			color:#c4461f; /* redOrange */
			border-right:#7f7f7f solid 1px;
			margin-right:26px;
			padding-right:26px;
		}
		
			header div#phoneSocialMedia a.connectButton:before {
				content:"\25B8";
			}
				
			header div#phoneSocialMedia a.connectButton:hover {
				color:#000; /* black */
				text-decoration:none;
			}

		header div#phoneSocialMedia a.loginButton {
			display:inline-block;
			vertical-align:middle;
			font-family:Calibri-Bold;
			font-size:1.5em;
			line-height:1.2em;
			color:#c4461f; /* redOrange */
		}
		
			header div#phoneSocialMedia a.loginButton:before {
				content:"\25B8";
			}
				
			header div#phoneSocialMedia a.loginButton:last-of-type {
				border-right:#7f7f7f solid 1px;
				margin-right:26px;
				padding-right:26px;
			}
				
			header div#phoneSocialMedia a.loginButton:hover {
				color:#000; /* black */
				text-decoration:none;
			}
				
			header div#phoneSocialMedia a.loginButton:nth-of-type(2):before {
				content:"\00a0 \00a0 \| \00a0";
			}

		header div#phoneSocialMedia ul {
			display:inline-block;
			padding:0px;
		}

			header div#phoneSocialMedia ul li {
				display:inline-block;
				vertical-align:middle;
				margin-left:20px;
			}

				header div#phoneSocialMedia ul li:first-of-type {
					margin-left:0px;
				}

	/* ==== Website Accessibility Button =========== */
	header a#webAccessibility {
		position:absolute;
		right:0px;
		bottom:-32px;
		background:#000 url(../images/icon-website-accessibility-21x22.png) no-repeat 12px 50%;
		font-family:Calibri-Bold;
		font-size:1.6em;
		line-height:32px;
		color:#fff; /* white */
		padding:0px 10px 0px 42px;
	}
	
		header a#webAccessibility:hover {
			text-decoration:none;
			color:#f4d11a; /* yellow */
		}
		
	/* ==== Website Accessibility Panel =========== */
	header div#accessibilityPanel {
		display:none;
		position:fixed;
		z-index:50;
		top:0px;
		right:0px;
		width:100%;
		height:50px;
		background:#000;
		text-align:center;
	}
	
		header div#accessibilityPanel a {
			display:inline-block;
			vertical-align:middle;
			font-family:Calibri-Bold;
			font-size:1.8em;
			line-height:50px;
			color:#fff; /* white */
			margin:0px 20px;
		}
	
			header div#accessibilityPanel a:hover {
				color:#f4d11a; /* yellow */
				text-decoration:none;
			}
	
			header div#accessibilityPanel a:last-of-type {
				position:absolute;
				right:20px;
				font-size:1.2em;
				text-transform:uppercase;
				letter-spacing:2px;
			}
	
	/* ==== Nav Bar =========== */
	header ul#navBar {
		position:absolute;
		z-index:10;
		bottom:0px;
		width:100%;
		padding:0px;
		text-align:right;
	}

		header ul#navBar li {
			display:inline-block;
			vertical-align:top;
		}

			header ul#navBar li a {
				display:block;
				font-family:Calibri-Bold;
				font-size:1.6em;
				line-height: 1.1em;
				text-align:center;
				text-transform:uppercase;
				letter-spacing:1px;
				color:#323232; /* grey20 */
				width:120px;
				height:75px;
				padding-top:20px;
			}

				header ul#navBar li a:hover {
					background:#5f7941; /* darkGreen */
					color:#fff; /* white */
					text-decoration:none;
				}
	
					header ul#navBar li:nth-of-type(1) a:hover {
						background:#c4461f; /* redOrange */
					}
	
					header ul#navBar li:nth-of-type(2) a:hover {
						background:#5f7941; /* darkGreen */
					}
	
					header ul#navBar li:nth-of-type(3) a:hover {
						background:#88631b; /* lightBrown */
					}
	
					header ul#navBar li:nth-of-type(4) a:hover {
						background:#5db0c6; /* lightBlue */
					}
	
					header ul#navBar li:nth-of-type(5) a:hover {
						background:#f4d11a; /* yellow */
						color:#000; /* black */
					}

			header ul#navBar li:last-of-type a {
				padding-right:10px;
			}

			/* ==== Sub Nav =========== */
			header ul#navBar li span {
				position:absolute;
				overflow:hidden;
				background:#5f7941; /* darkGreen */
				top:95px;
				left:0px;
				width:100%;
				height:0px;
				color:#fff; /* white */
				text-align:left;
			}
		
				header ul#navBar li:nth-of-type(1) span {
					background:#c4461f; /* redOrange */
				}
		
				header ul#navBar li:nth-of-type(2) span {
					background:#5f7941; /* darkGreen */
				}
		
				header ul#navBar li:nth-of-type(3) span {
					background:#88631b; /* lightBrown */
				}
		
				header ul#navBar li:nth-of-type(4) span {
					background:#5db0c6; /* lightBlue */
				}
		
				header ul#navBar li:nth-of-type(5) span {
					background:#f4d11a; /* yellow */
				}
			
					header ul#navBar li:nth-of-type(5) span * {
						color:#000; /* black */
					}
		
				header ul#navBar li span p {
					display:table-cell;
					vertical-align:middle;
					font-family:Comfortaa-Light;
					font-size:4.8em;
					line-height:1.1em;
					text-align: left;
					margin-bottom:20px;
					color:#fff; /* white */
					width:330px;
					padding-left:55px;
				}
		
				header ul#navBar li span ul {
					display:table-cell;
					vertical-align:top;
					margin:0px;
					padding:30px 0px;
				}
		
					header ul#navBar li span ul li {
						display:inline-block;
						width:310px;
						vertical-align:top;
						margin:5px auto;
					}
			
						header ul#navBar li span ul li a {
							font-family:Calibri-Light;
							font-weight:normal;
							font-size:1.8em;
							line-height: 1.2em;
							text-align:left;
							text-transform:none;
							letter-spacing:normal;
							color:#fff; /* white */
							width:auto;
							height:auto;
							padding: 2px 0px;
						}
				
							header ul#navBar li span ul li a:hover {
								background:none !important;
								color:#f4d11a !important; /* yellow */
							}
				
								header ul#navBar li:nth-of-type(5) span ul li a:hover {
									color:#fff !important; /* white */
								}


		


/*
Wrapper
===============================================
*/

div#wrapper {
	background:#fff; /* white */
	min-height:500px;
	padding:40px 80px;
}





/*
Menu
===============================================
*/

#menu ul {
	background:#c4461f; /* redOrange */
	font-size:3.8em;
	letter-spacing:-1px;
	color:#fff; /* white */
	margin:0px;
	padding:30px 30px 40px 40px;
}

	#menu ul li {
		display:block;
		font-family:Calibri-Light;
		font-size:0.5em;
		line-height:1.1em;
		letter-spacing:normal;
		margin-top:17px;
	}

		#menu ul li a {
			color:#fff; /* white */
		}
	
			#menu ul li a:hover {
				color:#f4d11a; /* yellow */
				text-decoration:none;
			}

li.menuSubHeading {
	margin-top: 6px !important;
	margin-left: 15px !important;
}		


/*
Content
===============================================
*/

div#content {
	display:block;
	margin:0px auto;
	padding-bottom:60px;
}

		


/*
Layout 1
===============================================
*/

.layout1 #wrapper {
	padding:40px 0px;
}

.layout1 #menu {
	display:table-cell;
	white-space:nowrap;
	vertical-align:top;
}

.layout1 #content {
	display:table-cell;
	vertical-align:top;
	padding:0px 80px 0px 50px;
}

	.layout1 #content h5 {
		margin-top:40px;
	}

		.layout1 #content h5:first-of-type {
			margin-top:0px;
		}

	.layout1 #content ul,
	.layout1 #content ol {
		font-family:Calibri-Light;
		font-size:2.0em;
		line-height:1.4em;
		text-align:left;
		padding:0px;
		margin-bottom:14px;
	}
	
		.layout1 #content ul li,
		.layout1 #content ol li {
			margin-left:20px;
		}
		
			.layout1 #content ul li:first-of-type,
			.layout1 #content ol li:first-of-type {
				margin-top:14px;
			}
	

		


/*
Figure
===============================================
*/

figure figcaption {
	font-family:Calibri-Bold;
	font-size:1.7em;
	color:#c4461f; /* redOrange */
}

figure.left {
	float:left;
	margin:5px 50px 20px 0px;
}

figure.right {
	float:right;
	margin:5px 0px 20px 50px;
}
	
	figure.left figcaption {
		text-align:left;
	}
	
	figure.right figcaption {
		text-align:right;
	}
	


/*
White Button
===============================================
*/

.whiteButton {
	background:none;
	font-family:Calibri-Bold;
	font-size:1.8em;
	letter-spacing:1px;
	text-transform:uppercase;
	padding:10px;
	color:#fff; /* white */
	border:#fff solid 1px;
	cursor:pointer;
}

	.whiteButton:after {
		content:"\2192";
	}

	.whiteButton:hover {
		color:#f4d11a; /* yellow */
		border-color:#f4d11a; /* yellow */
		text-decoration:none;
	}
	


/*
Form Layout 1
===============================================
*/

.formLayout1 {
	text-align:center;
	padding:10px 0px;
}

	.formLayout1 fieldset {
		text-align:left;
		border:#e5e5e5 dashed 2px;
		padding:30px;
		margin:10px;
	}
	
		.formLayout1 fieldset p {
			line-height:1.2em;
			padding-bottom:5px;
			border-bottom:#e5e5e5 solid 1px;
		}

		.formLayout1 fieldset label {
			font-family:Calibri-Bold;
			font-size:1.7em;
		}
				
			.formLayout1 fieldset.radios label {
				display:inline-block;
				margin-bottom:3px;
				width:300px;
			}
				
				.formLayout1 fieldset.radios label:last-of-type {
					margin-bottom:0px;
				}
		
			.formLayout1 fieldset label input[type="text"],
			.formLayout1 fieldset label input[type="tel"],
			.formLayout1 fieldset label input[type="email"],
			.formLayout1 fieldset label input[type="password"] {
				display:block;
				background:#f9f9f9; /* offWhite */
				font-size:1.4em;
				width:99%;
				padding:5px 3px;
				border:#ccc solid 1px;
			}

	.formLayout1 input[type="submit"] {
		font-size:1.8em;
		margin-top:30px;
	}
	


/*
Form Layout 2
===============================================
*/

.formLayout2 {
	text-align:center;
	padding:10px 0px;
}

	.formLayout2 fieldset {
		text-align:left;
		border:#e5e5e5 dashed 2px;
		padding:30px;
		margin:10px;
	}
	
		.formLayout2 fieldset p {
			line-height:1.2em;
			padding-bottom:5px;
			border-bottom:#e5e5e5 solid 1px;
		}

			.formLayout2 fieldset p b {
				display:block;
				font-size:0.9em;
				line-height:1.2em;
				font-weight:normal;
				margin-top:5px;
				color:#323232; /* grey20 */
			}

		.formLayout2 fieldset label {
			display:block;
			font-family:Calibri-Bold;
			font-size:1.7em;
			margin-bottom:20px;
		}
				
			.formLayout2 fieldset.address label:nth-of-type(2) {
				float:left;
				width:45%;
			}
				
			.formLayout2 fieldset.address label:nth-of-type(3) {
				float:left;
				width:15%;
				margin:0px 2%;
			}
					
				.formLayout2 fieldset.address label:nth-of-type(3) input {
					text-transform:uppercase;
				}
				
			.formLayout2 fieldset.address label:last-of-type {
				float:right;
				width:35%;
				margin-right:8px;
			}
				
			/* ==== Radio Button 1 =========== */										
			.formLayout2 fieldset.radios1 label {
				display:inline-block;
				margin-bottom:3px;
				width:300px;
			}
				
				.formLayout2 fieldset.radios1 label:last-of-type {
					margin-bottom:0px;
				}
				
			/* ==== Radio Button 2 =========== */										
			.formLayout2 fieldset.radios2 p {
				display:block;
				margin-top:20px;
			}
				
				.formLayout2 fieldset.radios2 p:first-of-type {
					margin-top:0px;
				}
				
			.formLayout2 fieldset.radios2 label {
				display:inline-block;
				margin-right:30px;
			}
				
				.formLayout2 fieldset.radios2 label:last-of-type {
					margin-right:0px;
				}
				
			/* ==== Radio Button 3 =========== */										
			.formLayout2 fieldset.radios3 p:first-of-type {
				display:block;
				margin:20px auto;
			}

				.formLayout2 fieldset.radios3 label {
					padding:10px 0px;
				}
					
				.formLayout2 fieldset.radios3 input {
					display:inline;
					font-size:2.0em;
					margin:5px 15px 0px 0px;
				}
					
				.formLayout2 fieldset.radios3 span {
					display:inline-block;
					vertical-align:top;
					width:95%;
				}
						
					.formLayout2 fieldset.radios3 span h6 {
						font-size:1.6em;
						line-height:1.0em;
					}
						
						.formLayout2 fieldset.radios3 span h6 span {
							float:none;
							font-family:Calibri-Regular;
							font-size:0.8em;
							text-transform:uppercase;
						}
						
					.formLayout2 fieldset.radios3 span p,
					.formLayout2 fieldset.radios3 span p:first-of-type {
						font-size:1.1em;
						color:#323232; /* grey20 */
						border:none;
						margin-bottom:5px;
					}

				/* ==== Radio Button 4 =========== */					
				.formLayout2 fieldset.radios4 input {
					display:inline;
					font-size:2.0em;
					margin:0px;
				}
					
				.formLayout2 fieldset.radios4 span {
					display:inline-block;
					vertical-align:top;
					width:95%;
				}
						
					.formLayout2 fieldset.radios4 span h6 {
						font-size:1.6em;
						line-height:1.0em;
					}
						
						.formLayout2 fieldset.radios4 span h6 span {
							float:none;
							font-family:Calibri-Regular;
							font-size:0.8em;
							text-transform:uppercase;
						}
						
					.formLayout2 fieldset.radios4 span p,
					.formLayout2 fieldset.radios4 span p:first-of-type {
						font-size:1.1em;
						color:#323232; /* grey20 */
						border:none;
						margin-bottom:5px;
					}
		
			.formLayout2 fieldset label input[type="text"],
			.formLayout2 fieldset label input[type="email"],
			.formLayout2 fieldset label input[type="number"],
			.formLayout2 fieldset label input[type="file"],
			.formLayout2 fieldset label input[type="url"],
			.formLayout2 fieldset label input[type="tel"],
			.formLayout2 fieldset label input[type="password"] {
				display:block;
				background:#f9f9f9; /* offWhite */
				font-size:1.2em;
				width:99%;
				padding:5px 3px;
				border:#ccc solid 1px;
			}

			.formLayout2 fieldset label textarea {
				display:block;
				background:#f9f9f9; /* offWhite */
				font-size:1.1em;
				width:99%;
				padding:5px 3px;
				min-height:100px;
				border:#ccc solid 1px;
			}

			.formLayout2 fieldset label select {
				display:block;
				font-size:0.9em;
				width:25%;
				height:30px;
				border:#ccc solid 1px;
			}

	.formLayout2 input[type="submit"] {
		font-size:1.8em;
		margin-top:30px;
	}




/*
Sucess Message
===============================================
*/

.success {
	display:block;
	text-align:center;
	margin:25px auto 15px auto;
}

	.success p {
		display:inline-block;
		font-family:Calibri-Bold;
		font-size:2.8em;
		color:#5db0c6; /* lightBlue */
		border:#5db0c6 solid 2px;
		padding:10px 20px;
	}




/*
Error Message
===============================================
*/

.errors {
	display:block !important;
	text-align:center;
	color:#c4461f; /* redOrange */
	font-size:1.6em;
	margin:25px auto 15px auto;
}

	.errors ul {
		display:inline-block;
		padding:20px 40px;
	}

		.errors ul li {
			font-family:Calibri-Regular;
			font-size:0.6em;
			line-height:1.3em;
			text-align:left;
			margin-left:40px;
		}

			.errors ul li:first-of-type {
				margin-top:10px;
			}




/*
Footer
===============================================
*/

footer {
	text-align:center;
}

	/* ==== Funders =========== */
	footer div#funders {
		display:block;
		width:800px;
		margin:42px auto 60px auto;
	}

		footer div#funders p {
			font-family:Calibri-Bold;
			font-size:3.6em;
			text-align:center;
			line-height:1.0em;
			margin-bottom:30px;
		}

		footer div#funders a {
			display:inline-block;
			vertical-align:middle;
			margin:5px 20px;
		}

	/* ==== Sitemap =========== */
	footer div#sitemap {
		position:relative;
		display:block;
		width:900px;
		margin:0px auto;
		padding:35px 0px;
		border-top:#e5e5e5 solid 1px;
		border-bottom:#e5e5e5 solid 1px;
	}

		footer div#sitemap ul {
			display:inline-block;
			vertical-align:top;
			text-align:left;
			margin-right:15px;
		}

			footer div#sitemap ul li {
				display:block;
				margin-bottom:5px;
			}
	
				footer div#sitemap ul li a {
					font-size:1.4em;
					line-height:1.3em;
					color:#7f7f7f; /* grey50 */
				}
		
					footer div#sitemap ul li a:hover {
						color:#000; /* black */
					}
	
				footer div#sitemap ul li:first-of-type {
					margin-bottom:7px;
				}
		
					footer div#sitemap ul li:first-of-type a {
						font-family:Calibri-Bold;
						font-size:1.4em;
						color:#000; /* black */
					}
					
		/* ==== Social Media =========== */
		footer div#sitemap ul#socialMedia {
			position:absolute;
			right:10px;
			bottom:10px;
			padding:0px;
			margin-right:auto;
		}

			footer div#sitemap ul#socialMedia li {
				display:inline-block;
				vertical-align:middle;
				margin:0px 5px;
			}
	
				footer div#sitemap ul#socialMedia li a {
					line-height:normal;
				}
	
				footer div#sitemap ul#socialMedia li:first-of-type {
					margin-bottom:auto;
				}

				footer div#sitemap ul#socialMedia li:nth-of-type(1) img {
					width:13px;
				}

				footer div#sitemap ul#socialMedia li:nth-of-type(2) img {
					width:6px;
				}

				footer div#sitemap ul#socialMedia li:nth-of-type(3) img {
					width:16px;
				}

				footer div#sitemap ul#socialMedia li:nth-of-type(4) img {
					width:15px;
				}

				footer div#sitemap ul#socialMedia li:nth-of-type(5) img {
					width:14px;
				}

				footer div#sitemap ul#socialMedia li:nth-of-type(6) img {
					width:16px;
				}
			
	/* ==== Contact =========== */
	footer div#contact {
		display:block;
		padding:30px 0px;
	}

		footer div#contact img {
			width:160px;
		}

		footer div#contact img.gotv {
			width: 195px;
			margin-top: 15px;
		}

		footer div#contact img.cfilc {
			width: 40px;
			opacity: 0.6;
			filter: alpha(opacity=60); /* For IE8 and earlier */
		}

		footer div#contact p#phone {
			font-family:Calibri-Bold;
			font-size:1.8em;
			color:#000; /* black */
			margin:10px auto;
		}
	
			footer div#contact p#phone span {
				font-size:0.8em;
			}
	
			footer div#contact p#phone a {
				color:#323232; /* grey20 */
			}
	
		footer div#contact p {
			font-family:Calibri-Regular;
			font-size:1.2em;
			line-height:normal;
			text-align:inherit;
			color:#7f7f7f; /* grey50 */
			margin:0px 0px 6px 0px;
		}
		
			footer div#contact p a {
				color:#7f7f7f; /* grey50 */
				border-right:#7f7f7f solid 1px;
				padding-right:10px;
				margin-right:10px;
			}	
				
				footer div#contact p a:hover {
					color:#000; /* black */
				}	
							
				footer div#contact p a:last-of-type {
					border-right:none;
					padding-right:0px;
					margin-right:0px;
				}




/*
Hide Fake Form Field
===============================================
*/

label.hide,
input.hide {
	display:none !important;
}