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

@font-face {
	font-family:"Annifont";
	src:url("/includes/fonts/annifont.eot?") format("eot"),url("/includes/fonts/annifont.woff") format("woff"),url("/includes/fonts/annifont.ttf") format("truetype"),url("/includes/fonts/annifont.svg#Annifont") format("svg");
	font-weight:normal;
	font-style:normal; }

.annifont {
	font-family: 'Annifont', sans-serif;
	color: #0059B5; }

html, body {
	font-family: "Open Sans", Arial, sans-serif;
	padding: 0;
	margin: 0;
	font-size: 15px; }

.red {
	color: red; }
.center {
	text-align: center;
}
.rounded_corners {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; }

/* Wrapper styling */
.outer-wrapper {
	width: 100%;
	margin: 0 auto;
	clear: both;
	box-sizing: border-box; 
	position: relative;}

.inner-wrapper {
	width: 1400px;
	margin: 0 auto;
	padding: 1px 0;
	box-sizing: border-box; 
	position: relative;}

.vertical-padding {
	padding: 40px 0; }

/* Header styling */
.header {
	height: 100px;
	overflow: hidden;
}

.highlight {
	background-color: #FFF176;
}

hr {
	height: 1px;
	border: none;
	background: #0059B5;
}

#navwrapper {
	width: 100%;
	background: url(/images/Blue-Strip-BG.JPG) bottom repeat-x;
	height: 225px; 
	margin: 0;
	padding: 0;
	background-size: auto 115px;
}

#navwrapper p {
	margin: 15px 0;
	color: #0059B5;
	font-size: 22px;
	font-weight: bold;
}

#logo {
	width: 12%;
	padding: 0px 1%;
	float: left;
	margin-top: 10px;
}

#navbar {
	width: 85%;
	float: right;
	padding: 0 0 -20px 0;
	margin: 20px 0;
}

#topnav {
	width: 26.66%;
	margin: 0 1%;
	float: left; 
	padding: 10px 0 0 0;}

#byline {
	width: 26.66%;
	margin: 0 1%;
	float: left; 
	padding: 0;
	 }
#byline p {
	font-size: 18px !important; }

#facebook {
	width: 26.66%;
	margin: 0 1%;
	float: left; 
	padding: 10px 0 25px 0;
	height: 70px;
}

.narrow h2 {
	display: block;
	padding: 20px 0; 
	margin: 0 auto 10px auto; 
	background: #df7a1c; 
	text-align: center;
}

.g-recaptcha {
	height: 80px;
	display: block;
	clear: both;
}
.home-image {
	position: relative; }
.home-heading {
	position: absolute;
	width: 100%;
	bottom: 0px;
	background: rgba(0,85,184,0.6);
	padding: 15px 0; 
	text-align: center;
	font-size: 20px;}
.home-heading a {
	color: #FFF;
	text-decoration: none;
}

/* Additional Section Div Styling */
.with-padding {
	padding: 10px 5%; }

.narrow {
	width: 900px; }

/* Colour Schemes */


/* Footer styling */
#footer {
	text-align: center;
	background-image: url('/images/GBC-Footer.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% 80px;
	padding-top: 80px;
}
	#footer img {
	width: 200px;
}


.accordion-toggle {cursor: pointer;}
.accordion-content {display: none;}
.accordion-content.default {display: block;}

/* Form elements */
.input {
	border: 1px solid #CCC;
	background: #ECECEC;
	padding: 5px 10px;
	margin: 3px 0;
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 15px;}

.buttonlink, .cta {
	color: #0059B5;
	border: none;
	margin: 5px auto;
	box-sizing: border-box;
	display: block;
	padding: 10px 0;
	width: 80%;
}
.button {
	border: none;
	color: #FFF;
	background: #0059B5;
	padding:  3px 10px;
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 19px;
	cursor: pointer;}

.input_label {
	width: 200px;
	line-height: 50px;
	float: left;
	clear: left;}
.input_field {
	width: 300px;
	padding: 3px 6px 3px 0;
	float: left; }

.fifty {
	width: 48.5%;
	float: left;
	margin-right: 3%;
	box-sizing: border-box;
}
.third {
	width: 31.33%;
	float: left;
	margin-right: 3%;
	box-sizing: border-box;
}
.quarter {
	width: 25%;
	float: left;
	text-align: center;
	box-sizing: border-box;
}
.leftcol {
	width: 25%;
	float: left;
	margin-right: 3%;
}
.rightcol {
	width: 72%;
	float: left;
	box-sizing: border-box;
}
.last {
	margin-right: 0;
}
.right {
	text-align: right;
	float: right;
}

.show, .show2, .show3 {
	display: none;
}

.copyright {
	font-size: 15px; 
}
.helplink {
	font-size: 14px; 
	text-align: center;
}
.helplink a {
	color: #CCC !important;
	
}

@media only screen and (max-width: 1440px) {
	.inner-wrapper {
		width: 100%; }
	.with-padding {
		padding: 10px 3%; }
}
@media only screen and (max-width: 1100px) {
	#navwrapper p {
		font-size: 20px;
	}
}

@media only screen and (max-width: 1020px) {
	#navbar {
		width: 100%;
		padding: 7px 2%;
		float: none;
		clear: both;
		background: #0059B5;
		height: 75px;
		box-sizing: border-box;
		margin-bottom: -1px;
	}
	#navwrapper {
		background: none;height: auto;
	}
	
	#logo {
		width: 120px;
	}
	#topnav {
		margin-top: 30px;
	} 
	#byline, #topnav {
		width: 38%;
		margin-bottom: 0px;
		box-sizing: border-box;
	}
	#byline {
		float: right;
	}
	#facebook {
		width: 37%;
		margin-right: 2.5%;
		float: right;
		padding-bottom: 20px;
		box-sizing: border-box;
	}
}

@media only screen and (max-width: 960px) {
	.narrow {
		width: 94%; 	}
}

@media only screen and (max-width: 750px) {
	.fifty {
		width: 100%; 	}
	.quarter {
		width: 50%;	}
	.third {
		width: 47%;
	}
	.narrow {
		width: 450px; 	}
	.footer, .copyright {
		text-align: center; 	}
	#navbar {
		height: 50px;
		padding: 0 2%;
	margin: 0;}
	#topnav {
		width: 280px;
		clear: right;
	}
	#byline, #facebook {
		width: 300px;
		float: none;
		clear: both;
		margin: 0 auto;
		text-align: center;
	}
	#facebook {
		margin-bottom: none;
	}
	#logo {
		margin-left: 17%;
	}
}
@media only screen and (max-width: 600px) {
	.rightcol {
		width: 100%;
		margin:  0 auto;}
	.leftcol {
		width: 100%;
		margin:  0 auto; 	}
	.third {
		width: 100%; 	}
	.show2, .show3 {
		display: inline;	}
	#logo {
		margin-left: 11%;
	}
}

@media only screen and (max-width: 520px) {
	.narrow {
		width: 80%; 	}
	#logo {
		margin-left: 6%;
	}
}

@media only screen and (max-width: 450px) {
	#logo {
		margin-left: 5%;
	}
	#topnav {
		width: 180px;
		margin-top: 15px;
	}