* {
	box-sizing: border-box;
}

.trash {
	font-size: 20px;
}

.responsive {
	max-width: 100%;
	height: auto;
}

/** ###### **/
/** ###### **/
/**@MEDIA**/
/** ###### **/
/** ###### **/


@media only screen and (max-width: 800px) { /** if the screen is less than 800 don't display these **/
	div.outer-top-menu, #meetMenu, #appHeader {
		display: none;
	}
}

@media only screen and (min-width: 800px) { /** if the screen is more than 800 don't display these **/
	div.topnav, #appHeaderMob {
		display: none;
	}
}



/** ###### **/
/** ###### **/
/**TEXT**/
/** ###### **/
/** ###### **/

.h1 {
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 50px;
	font-weight: 700;
	line-height: 70px;
	color: #5e6163;
}

.h2 {
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 28px;
	color: #5e6163;
}



.page-heads {
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: 700;
	color: #5e6163;
}

.lead-para {
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: 400;
	color: #5e6163;
}

.bodytxt {
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 28px;
	color: #5e6163;
}

.bodytxt-bold {
	font-weight: bold;
}

.bodytxt-italic {
	font-weight: 400 ;
	font-style: italic;
}

.bodytxt a:link {
	color: #5e6163;
	text-decoration: underline;
}

.bodytxt a:hover {
	text-decoration: none;
	color: #303030;
}

.bodytxt a:active {
	text-decoration: underline;
	color: #90F909;
}

.bodytxt a:visited {
	text-decoration: none;
	color: #5e6163;
}


.bodytxtSmall {
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16pt;
	color: #181818;
}

.bodytxtSmall-bold {
	font-weight: bold;
}

.bodytxtSmall a:link {
	color: #000000;
	text-decoration: none;
}

.bodytxtSmall a:hover {
	text-decoration: underline;
	color: #303030;
}

.bodytxtSmall a:active {
	text-decoration: underline;
	color: #90F909;
}

.bodytxtSmall a:visited {
	text-decoration: none;
	color: #606060;
}


.bodytxtLarge {
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 36pt;
	color: #181818;
}

.bodytxtLarge-bold {
	font-weight: bold;
}

.bodytxtLarge a:link {
	color: #000000;
	text-decoration: none;
}

.bodytxtLarge a:hover {
	text-decoration: underline;
	color: #303030;
}

.bodytxtLarge a:active {
	text-decoration: underline;
	color: #90F909;
}

.bodytxtLarge a:visited {
	text-decoration: none;
	color: #606060;
}


/** ###### **/
/** ###### **/
/**DESKTOP MENU**/
/** ###### **/
/** ###### **/


.menu-links {
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: 400;
	line-height: 20pt;
	color: #0469ab;
	text-align: right;
	margin-top: 5px;
	margin-bottom: 5px;
}

.menu-links a:link {
	color: #0469ab;
	text-decoration: none;
}

.menu-links a:hover {
	text-decoration: underline;
	color: #303030;
}

.menu-links a:active {
	text-decoration: underline;
	color: #909090;
}

.menu-links a:visited {
	text-decoration: none;
	color: #606060;
}




/** ###### **/
/** ###### **/
/**PAST RECIPIENTS**/
/** ###### **/
/** ###### **/

.grantees {
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: 700;
	color: #007bff;
	margin-top:0px;
	margin-bottom:0px;
}

.grantees a:link {
text-decoration: underline;
}

.grantees a:hover {
	text-decoration: underline;
}

.grantees a:active {
	text-decoration: underline;
}

.grantees a:visited {
	text-decoration: none;
}



.grantstxt {
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: 400;
	color: #575252;
	line-height: 25px;
	margin-top:0px;
	margin-bottom:15px;
}



/** ###### **/
/** ###### **/
/**CHECKLIST**/
/** ###### **/
/** ###### **/

.numberCircle {
	font: 32px Arial, sans-serif;

	width: 2em;
	height: 2em;
	box-sizing: initial;

	background: #0072bc;

	color: #ffffff;
	text-align: center;
	border-radius: 50%;
	line-height: 2em;
	box-sizing: content-box;
	display: inline-block
}

.ck_header {
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	display: inline-block;
	margin-left:6px;
}


.show-hide {
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 2em;
	color: #B0A8A8;
	margin-top:0px;
	margin-bottom:8px;

}


.show-hide a:link {
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: #B0A8A8;
}

.csh1, .csh2, .csh3, .csh4, .csh5 {
	display: none;
	border-left-style: solid;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
}

.how-to-open {
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #2D2B2B;
	line-height: 2em;
	margin-bottom:8px;
}



/** ###### **/
/** ###### **/
/**MISCELLANEOUS**/
/** ###### **/
/** ###### **/

.container-center {
	margin: 0 auto;
	max-width:1160px;
}

.center-div
{
	margin: 0 auto;
	width: 360px;
}


.privacy-bodytxt, .privacy-bodytxt-bold, .privacy-list {
	font-family: Times, serif;
	font-size: 17px;
	line-height: 28px;
	color: #2F2C2C;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;

}


.privacy-bodytxt-bold {
	font-weight: bold;
}

.privacy-list {
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:5px;
	padding-left:30px;
}


/** ###### **/
/** ###### **/
/**HOME**/
/** ###### **/
/** ###### **/




.repeat {
	background-image: url(../images/common/bg_texture.png);
}


.good-aft {
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 20pt;
	color: #5e6163;
}

.the-geoff {
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 20pt;
	color: #5e6163;
}

.in-tot {
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: 400;
	line-height: 20pt;
	color: #3E3535;
}

.you-may {
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 20pt;
	color: #5e6163;
}

.sec1 {
	margin: 0 auto;

	max-width: 1160px;

}

.sec2-outer {
	background-color:#f5f5f5;
	width: 100%;
	margin-top:30px;
}

.sec2-inner {
	margin: 0 auto;
	max-width: 1160px;
}


.sec2-Q {
	font-family: Lato, Arial, Helvetica, sans-serif;
	text-align:center;
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 5px;
	line-height: 20pt;
	color: #0072bc;
}


.sec2-A {
	font-family: Lato, Arial, Helvetica, sans-serif;
	text-align:center;
	font-size: 18px;
	margin-bottom: 20px;
	line-height: 20pt;
	color: #625d5c;
}


.text-clear {
	clear: right;
}


.sec3-outer {
	width: 100%;
	text-align: right;
	padding-right: 20px;
	margin-top: 4px;
	margin-bottom: 20px;
}

.sec3-inner {
	margin: 0 auto;
	max-width: 1160px;
	margin-top: 4px;
	margin-bottom: 20px;
}

sec4-outer {
	width: 100%;
}

.sec4-inner {
	margin: 0 auto;
	max-width: 1160px;
	margin-top: 8px;
	margin-bottom: 20px;
}

.who-was {
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: 700;
	line-height: 20pt;
	color: #0072bc;
}

.caption {
	text-align: right;
}

/** ###### **/
/** ###### **/
/**HEADER (GENERAL)**/
/** ###### **/
/** ###### **/

.outer-top-menu {
	background-color:#f0f0f0;
	border-bottom: 10px;
	border-bottom-color: #ff0000;

}


.inner-top-menu {
	margin: auto;
	max-width: 1160px;
	height: 130px;
	padding: 20px;
	background-color:#f0f0f0;
}

.menu-space {
	height: 55px;
	padding-top:5px;
}

.menu-space-non-meet-geoff {
	height: 20px;
	padding-top:5px;
}





/** ###### **/
/** ###### **/
/**APPLY FORM**/
/** ###### **/
/** ###### **/


.saveleft {
    margin-left:14px;
}



.apply-header {
	vertical-align: 5px;
	font-family:Lato, Arial, Helvetica, sans-serif;
	color:#372F2F;
	font-size: 20px;
}


.apply-header a:link {
	color: #606060;
	text-decoration: none;
}

.apply-header a:hover {
	text-decoration: underline;
	color: #303030;
}

.apply-header a:active {
	text-decoration: underline;
	color: #909090;
}

.apply-header a:visited {
	text-decoration: none;
	color: #8A8384;
}


#the-count {
	float: right;
	padding: 0.1rem 0 0 0;
	font-size: 0.875rem;
}



.outer-top-app-menu {
	background-color:#f0f0f0;
	margin-bottom: 10px;

}

.inner-top-app-menu {
	margin: auto;
	max-width: 1160px;
	height: 130px;
	padding: 20px;
	background-color:#f0f0f0;
}


.vert-align {
	vertical-align: baseline;
}

.apply-page-head, .apply-page-head-grey {
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: 700;
	line-height: 28px;
	color: #393434;
}

.apply-page-head-grey {
	color: #C3BCBC;
	font-size: 25px;
}

.apply-page-head-suffix {
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: 700;
	line-height: 28px;
	color: #393434;
}

.apply-txt, .apply-explain, .apply-field-title {
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	color: #2D2A2A;

}

.apply-explain {
	color:#5F5C5C;
	font-size: 17px;
	font-weight: 700;
	border-left-style:solid; border-width: 10px; border-color: #CBC3C3;
	line-height: 26px;
	padding-left: 20px;
	min-height: 30px;
	margin-bottom:30px;
}



.apply-prompt {
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 28px;
	color: #5e6163;
}



.apply-field-title {
	color: #0b0c0c;
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 0px;
}

.apply-input-standard {
	width: 300px;
	height: 35px;
	border: 1px solid #BDB3B3;
	margin-top: 5px;
	margin-bottom: 0px;
	padding: 5px;
}

.apply-input-larger {
	min-height: 5em;
	max-height: 50vh;
	width: 95%;
	border: 1px solid #908C8C;
	margin-top: 5px;
	padding: 5px;
}


.step, .step-orange, .step-green {
	height: 15px;
	width: 15px;
	margin: 0 2px;
	background-color: #bbbbbb;
	border: none;
	border-radius: 50%;
	display: inline-block;
	opacity: 0.5;
}

.step-green {
	background-color: #31A01B;
}

.step-orange {
	background-color: #e62e00;
}

.step.active {
	opacity: 1;
}


.apply-submit {
	margin-top:15px;
}


.link-btn {
	color: #fff;
	background: #337ab7;
	display:inline-block;
	border: 1px solid #2e6da4;
	font: bold 14px Arial, sans-serif;
	text-decoration: none;
	border-radius: 2px;
	padding: 6px 20px;
	margin-top:10px;
	margin-bottom:10px;
}


a.link-btn {
	color: #fff;
	background: #337ab7;
	display:inline-block;
	border: 1px solid #2e6da4;
	font: bold 14px Arial, sans-serif;
	text-decoration: none;
	border-radius: 2px;
	padding: 6px 20px;
	margin-top:10px;
	margin-bottom:10px;
}

a.link-btn:hover {
	background-color: #245582;
	border-color: #1a3e5b;
	margin-top:10px;
	margin-bottom:10px;
}




.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 99999999; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}


.modal-content {
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border: 1px solid #888;
	width: 80%;
}


.close {
	color: #aaaaaa;
	text-align: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}


.select-css {
	border-style:solid;
	border-color:#A89E9E;
	min-width:300px;
	min-height:30px;
	margin-top:15px;
	margin-bottom:10px;
}





/** ###### **/
/** ###### **/
/**TEXT AREAS**/
/** ###### **/
/** ###### **/

.long-thin {
	height: 150px;
	width: 95%;
	border: 1px solid #ff0000;
}

.faq-box {
	min-height: 400px;
	width: 95%;
	border: 1px solid #A79A9B;
	padding:20px;
	margin-bottom:30px;
}

/** ###### **/
/** ###### **/
/**FAQs**/
/** ###### **/
/** ###### **/

.faq-q {
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 26pt;
	color: #0469ab;
	text-align: left;
	margin-bottom: 20px;
}

.faq-a {
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: 400;
	line-height: 20pt;
	color: #6C6565;
	text-align: left;
	margin-bottom: 10px;
}


/** ###### **/
/** ###### **/
/**Meet Geoffrey**/
/** ###### **/
/** ###### **/

.geoff-speak {
	font-size: 18px;
	font-weight: 400;
	font-style: italic;
	color:#00A651;
	line-height: 28px;
}

.meet-gw-quotes, .meet-gw-quotes-small {
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: 900;
	line-height: 30pt;
	color: #0072bc;
	margin-top: 10px;
	margin-bottom: 10px;
}

.meet-gw-quotes-small {
	font-size: 18px;
	line-height: 22pt;
	color: #0072bc;
}



.enduring {
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: 900;
	color: #d24508;
}

.sound-quote {
	font-weight: 400;
	font-style: italic;
	color: #d24508;
}

.keith-speech {
	color:#AF6B15;
}

.mumby {
	color:#DD0306;
	font-weight: 700;
	font-style: italic;
}

.meet-foot-bg-box {
	width: 100%;
	padding: 20px;
	background-color:#E5E1E1
}



/** ###### **/
/** ###### **/
/**FOOTER**/
/** ###### **/
/** ###### **/


.footer-outer {
	background-color:green;
	width: 100%;
}

.footer-inner {
	margin: 0 auto;
	max-width: 1160px;
	background-color:red;
}


.footer-admin {
	height:50px;
}



.foot-head, .foot-address, foot-statement, .foot-regd-no, .foot-grants-number, .foot-grants-amount, .foot-copyright {
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-weight: 400;
	line-height: 20pt;
	color: #363434;
	margin-top: 0px;
	margin-bottom: 0px;
}

.foot-head {
	font-size: 20px;
	font-weight: 700;
}

.foot-address {
	font-size: 20px;
}

.foot-regd-no {
	font-size: 12px;
	margin-bottom: 5px;
}

.foot-statement {
	font-weight: 700;
	color: #565454;
}

.foot-grants-number {
	font-size: 23px;
}

.foot-grants-amount {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 30px;
}

.foot-copyright {
	font-size: 14px;
	font-weight: 400;
}

.footer-links {
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 24px;
	color: #5e6163;
}


.footer-links a:link {
	color: #ff0000;
	text-decoration: none;
}

.footer-links a:hover {
	text-decoration: underline;
	color: #303030;
}

.footer-links a:active {
	text-decoration: underline;
	color: #90F9090;
}

.footer-links a:visited {
	text-decoration: none;
	color: #9E9293;
}

/* remove bullet point from <ul> */
.nobull {
	list-style-type: none;
}

/** ###### **/
/** ###### **/
/**USER ADMIN**/
/** ###### **/
/** ###### **/

.user-admin-menu {
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 400;
	color: #5e6163;
	margin-top: 20px;
}

.user-admin-menu a:link {
	color: #ff0000;
	text-decoration: none;
}

.user-admin-menu a:hover {
	text-decoration: underline;
	color: #303030;
}

.user-admin-menu a:active {
	text-decoration: underline;
	color: #90F9090;
}

.user-admin-menu a:visited {
	text-decoration: none;
	color: #9E9293;
}


/** ###### **/
/** ###### **/
/**GW LOG IN**/
/** ###### **/
/** ###### **/

.input300 {
	width: 350px;
	height: 35px;
	border: 1px solid #807979;
}
.submitBut {
	width: 100px;
	height: 35px;
	border: 1px solid #807979;
}


/** ###### **/
/** ###### **/
/**MOBILE MENU**/
/** ###### **/
/** ###### **/

.mobile-container {
	max-width: 480px;
	margin: auto;
	background-color: #555;
	height: 500px;
	color: white;
	border-radius: 10px;
}

.topnav {
	overflow: hidden;
	background-color: #ddd;
	position: relative;
}

.topnav #myLinks {
	display: none;
}

.topnav a {
	color: #047ac6;
	padding: 5px 16px;
	text-decoration: none;
	font-size: 17px;
	display: block;
}

.topnav a.icon {
	background: black;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
}

.topnav a:hover {
	background-color: #f3eded;
	color: black;
}

.active {
	background-color: #ddd;
	color: white;
}

.btn-as-anchor{
	background: none!important;
	border: none;
	padding: 0!important;
	font-family: arial,sans-serif;
	color: #007bff;
	cursor: pointer;
}
.font-small{
	font-size: small;
}
.btn-as-anchor:hover {
    color: #007bff;
    font-weight: 500;
}
.btn-watling {
    background: #ccc;
    border: 1px solid #666666;
    font-weight: 500;
    border-radius: 0;
    color:#000;
}