/*
	Universal
*/

body, html, body {
	font-family: 'PT Sans', sans-serif;
	overflow-x:hidden;
	height:100%;
}

.sticky {
	position: fixed;
	top: 0;
	width: 100%;
	z-index:999;
	padding:10px !important;
}


a {
	color: #018240;
	text-decoration: none;
	background-color: transparent;
}


.post-inline.post-inline a {
	background-color: transparent;
	color: #018240;
	width: unset;
	display: unset;
	padding: unset;
	background-color: transparent;
	background-image: none;
	transition: 0.3s;
	font-size: unset;
	font-family: 'PT Sans', sans-serif;
	font-weight: normal;
	margin-bottom: unset;
}

	.post-inline.post-inline a:hover {
		background-color: transparent;
	}

.sticky2 {
	position: fixed;
	top: 70px;
	width: 100%;
	z-index: 999;
}

table.MembersArea {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
}

	table.MembersArea tr th {
		padding: 10px 20px 10px 20px;
		margin: 0px 0px 0px 0px;
		background-color: #018440;
		color: #ffffff;
	}

	table.MembersArea tr {
		background-color: #efefef;
	}

		table.MembersArea tr td {
			margin: 0px 0px 0px 0px;
			padding: 10px 20px 10px 20px;
		}

			table.MembersArea tr td a {
				font-size: 14px;
				font-weight: bold;
			}

.TheClass {
	width: 100%;
	height: 100px;
	border: 1px solid #018440;
}
.PostTitle {
	width: 100%;
	border: 1px solid #018440;
}



#GuildInfo1 { padding:0PX 0PX; }
#GuildInfo1 h1 {
	padding: .5em 1em;
}
#GuildInfo1 a{
	color:#018240;
}
.DisplayBlock{
	display:block !important;

}
.fc-event-title
{
	color: white;
}
.DropHead {
	width: 100%;
	display: block;
	padding: .25rem 10px;
}

.DropHead:hover{
	color: #16181b;
	text-decoration: none;
	background-color: #f8f9fa;
	cursor:pointer;
}

a.SubSub {
	background-color: #018240;
	color: white;
	width: 100%;
	display: none;
}
.SubSub {  }


#contactQuick { list-style-type:none; margin:50px 0px; padding:0px;}
#contactQuick li label { display:block; font-weight:bold; }
#contactQuick li  { border-bottom:1px solid #efefef; padding-bottom:20px; padding-top:20px; }

.contactQuick { list-style-type:none; margin:0px 0px; padding:0px;}
.contactQuick li label { display:block; font-weight:bold; }
.contactQuick li  { border-bottom:1px solid #efefef; padding-bottom:20px; padding-top:20px; width:100%; }
.contactQuick input[type="text"] { width:100%; display:block;}
.contactQuick textarea { width:100%; display:block; height:50px; }

.RegForm { list-style-type:none; margin:50px 0px; padding:0px;}
.RegForm li label { display:block; font-weight:bold; }
.RegForm li  { border-bottom:1px solid #efefef; padding-bottom:20px; padding-top:20px; }



#NivoHolder {
	width: 1000px;
	display: block;
	margin-top: 10px;
	height: 425px;
}

#NivoBanner {
	float: left;
	width: 780px;
	height: 425px;
	display: block;
	font-family: MyFont;
	overflow: hidden;
}

#TGSearch {
	float: right;
	width: 220px;
	display: block;
	background-color: #d8e9e1;
	/*background-image:url('../images/search-bg-pc.png');
	background-repeat:no-repeat;
	background-position:0px -10px;*/
}

	#TGSearch > div {
		min-height: 405px;
	}

	#TGSearch h3,
	#TGSearchSecondary h3 {
		text-align: left;
		margin: 20px 20px 0px 20px;
		padding: 0px 0px 0px 0px;
		font-size: 20px;
		font-weight: normal;
		color: #018440;
		font-family: MyFont;
	}

	#TGSearch .GuildPC {
		width: 100%;
		margin: .5em auto 1em auto;
		text-align: center;
		color: #666666;
		padding: 5px 0px 5px 0px;
	}

#TGSearchSecondary .GuildPC {
	width: 90%;
	margin: .5em auto auto auto;
	text-align: center;
	color: #666666;
	padding: 5px 0px;
}

.SearchTerms {
	background-image: url('../images/magnifyingglass.png');
	border: 1px solid #bbbbbb;
	background-repeat: no-repeat;
	background-position: 2px 4px;
	text-indent: 20px
}


#TGSearch .SearchPC,
#TGSearchSecondary .SearchPC {
	display: block;
	text-align: left;
	margin: 0px 20px 0px 20px;
	padding: 0px 0px 0px 0px;
	font-size: 22px;
	font-weight: normal;
	color: #018440;
	text-decoration: none;
	font-family: MyFont;
}

#TGSearchSecondary {
	height: 100px;
	display: block;
	background-color: #d8e9e1;
}


	/*
	Top grey bar
*/
	#accessibilityHelp {
	padding: 0px 20px;
	color: #ffffff;
	display: none;
}

#accessibilityHelp a { color:#ffffff; border:1px solid #ffffff; padding:5px 10px; display:inline-block; margin-bottom:20px;}
#TheVeryTop {
	background-color: #666666;
}

#TheVeryTop ul{
	padding:0px 30px; 
	margin:0px;
}

#TheVeryTop ul li {
	display:inline-block;
}

#TheVeryTop ul li a{
	color:#ffffff;
	text-decoration:underline;
	font-size:14px;
	display:inline-block;
	padding:10px;
	
}

#TheVeryTop ul li a:hover{
	text-decoration:none;
	color:#ff9000;
	transition: 0.3s;
}

.LoginArea{
	text-align:right;
	padding-right:30px;
}

.LoginArea fieldset{
	display:inline-block;
	background-color:#333333;
	padding:10px 20px;
	height:100%;
}

.LoginArea input[type="text"]{
	height:20px;
	font-size:14px;
	line-height:20px;
}

.LoginArea input[type="submit"]{
	background-color:transparent !important;
	border:0px;
	color:#ffffff;
	text-transform:uppercase;
	display:inline-block;
	padding:0px 10px;
	margin-left:10px;
}

.LoginArea input[type="submit"]:hover{
	transition: 0.3s;
	color:#ff9000;
}

.LoginArea a {
	background-image:url('https://www.the-tg.com/2020hp/loginicon.png');
	display:inline-block;
	color:#ffffff;
	font-size:14px;
	text-decoration:underline; 
	padding:0px 0px 0px 30px;
	background-repeat:no-repeat;
	margin-left:10px;
}

.LoginArea a:hover {
	transition: 0.3s;
	color:#ff9000;
	text-decoration:none;
}

@media only screen and (max-width: 1024px) {
	#TheVeryTop .col-md {
		width:100% !important;
		display:block !important;
		min-width:100% !important;
		max-width:100% !important;
	}

	.LoginArea fieldset {
		width:50%;
		float:left;
	}

	.LoginArea input[type="text"] {
		width:65%;
	}

	.LoginArea a {
		float:right;
		margin-top:10px;
	}
}

@media only screen and (max-width: 650px) {
	.LoginArea input[type="text"] {
		width: 100%;
		float:left;
	}

	.LoginArea input[type="submit"] {
		width:100%; display:block;
		text-align:left;
		margin:0px 0px;
		padding:5px 0px 0px 0px;
	}
}






/*
	Top white bar
*/

#WhiteLogo {
	padding:30px 30px;
	background-color:#ffffff;
}

#TgLogo {
	float: left;
	-webkit-transition: all .4s;
}

#UnitingLogo {
	float: right;
	-webkit-transition: all .4s;
}


.sticky img{
	height:50px !important;
	width:auto;
	margin-left:30px;
}

/*
	Nav
*/

.navbar-light .navbar-toggler{
	color:#ffffff;
	border-color:#ffffff;
	background-color:#ffffff;
	margin:10px 0px;
}

#MainNav {
	background-color: #018240;
	display: block
}

.navbar {
	padding:0px 30px;
}

.nav-link { 
	color:#ffffff !important;
	font-size:14px;
	margin-right:0px;
	padding:8px 0px;
}

.nav-link:hover {
	transition: 0.3s;
	color: #ffffff;
	text-decoration: underline;
}

.dropdown-toggle::after {
	display: none;
}

.dropdown-menu {
	background-color: #d4eade;
	font-size:14px;
}

.dropdown-item {
	padding:.25rem 10px;
}

#MainNav .MembersArea {
	background-color: #0c4b26;
	padding: 8px 8px;
	color:#ffffff;
}

#MainNav .MembersArea:hover, #MainNav .JoinUs:hover{
	background-color:#ff9000;
	transition:0.3s;
}

#MainNav .JoinUs {
	background-color: #ef4035;
	padding: 8px 8px;
	color: #ffffff;
	text-transform:uppercase;
}

@media only screen and (max-width: 1024px) {
	.nav-link{
		color:#ffffff !important;
		font-size:20px;
		border-bottom:1px solid #ffffff;
	}

	.dropdown-item{
		font-size:20px;
	}

	#MainNav .MembersArea, #MainNav .JoinUs {
		width:100%;
		display:block;
		text-align:center;
		font-size:20px;
	}
}


/*
	Welcome
*/

#Welcome{
	background-image:url('Welcome.jpg');
	background-position:center;
	background-size:cover;
}

#Welcome .row{
	margin:0px 10px;
}

#Welcome .WelcomeText{
	background-color:rgba(0,0,0,0.6);
	color:#ffffff;
	margin:150px 0px 0px 15px;
	padding:30px;
}

#Welcome .WelcomeText h1 {
		color: #ffffff;
		margin: 0px 0px 0px 0px;
		font-weight: bold;
		text-transform: uppercase;
		font-family: 'Open Sans Condensed', sans-serif;
		font-weight: 700;
		margin-bottom: 20px;
	}

#Welcome .WelcomeText h1 span{
	display:block;
}

#Welcome .WelcomeText a {
	background-color:#018240;
	color:#ffffff;
	display:block;
	padding: 10px 20px;
	background-image:url('greenlink.png');
	background-position:right top;
	background-size:contain;
	background-repeat:no-repeat;
	transition: 0.3s;
	font-size:18px;
}

#Welcome .WelcomeText a:hover{
	background-color:#015826;
	text-decoration:none;
}

#Welcome .WelcomeText .row{
	padding:0px 0px;
	margin:20px 0px;
}

#Welcome .WelcomeText .col-md-5{
	padding:0px 0px;
	margin:0px 0px;
}

#Welcome .Call{
	
	display:block;
	margin-top:30px;
	margin-bottom:30px;
}
.Call a { width:100%;background:rgba(0,0,0,0.6); display:block; height:100%; }
.Call a:hover { text-decoration:none; }
.Call img { width:100%; }
.Call .CallImage { 
	display:block; 
	width:100%;  
	position:relative;

}

.Call .CallText {
	background-color: rgba(0,0,0,0.6);
	position: absolute;
	bottom: 0px;
	z-index: 2;
	width: 100%;
	padding: 10px 20px;
	color: #ffffff;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: bold;
	font-size: 22px;
	text-transform: uppercase;
	left: 0px;
	right: 0px;
}

.Call .CallText span {
	text-transform:none;
	display:block;
}

.Call .CallText .CallTextHold {
	width:100%; 
	max-width:50%;
}

.Call .CallAction {
	background-color: #ef4035;
	width: 100%;
	display: block;
	padding: 10px 20px;
	color: #ffffff;
	background-image: url('redlink.png');
	background-position: right top;
	background-size: contain;
	background-repeat: no-repeat;
	transition: 0.3s;
	font-size: 18px;
	font-family: 'PT Sans', sans-serif;
	font-weight:normal;
}

.Call .CallAction:hover {
	background-color: #ad2e26;
	text-decoration:none;
}

.NoBG { background-color:transparent!important; padding:0px 0px !important; margin:0px 0px !important; overflow:hidden; width:100%; position:relative; }
.NoBG h3 {  font-size:35px !important; display:block; margin:0px 30px 20px 30px; text-transform:uppercase;font-family: 'Open Sans Condensed', sans-serif; }
.NoBG p { padding:0px; display:block; text-transform:none; font-weight:normal; font-family: 'PT Sans', sans-serif; font-size:14px; margin:0px 30px 20px 30px; }
.NoBG input[type="text"] { display:block; width:100%;padding:8px;  background-color:#bed4c9; border:1px solid #bed4c9; font-family: 'PT Sans', sans-serif; font-size:16px; text-transform:uppercase;}
.NoBG .InputHolder { width:100%; padding:0px 15px; display:block; }

/*
	We asked
*/

#WeAsked {
	background-color: #ef4035;
	padding:60px 45px;
	border-top:1px solid white;
}

#WeAsked .row .col-md-6 .row .col-md-6{
	background-color:rgba(0,0,0,0.6);
	padding:15px 30px;
	color:#ffffff;
}

#WeAsked .row .col-md-6 .row .col-md-6 h3{
	text-transform:uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
	display:block;
	width:100%;
	max-width:250px;
	font-size:30px;
}

#WeAsked .row .col-md-6 .row .col-md-6 em{
	min-height:200px;
	font-size:18px;
}


#WeAsked .row .col-md-6 .row .col-md-6 a{
	position:absolute;
	bottom:0px;
	left:10px;
	right:0px;
	background-color: #ef4035;
	padding: 10px 20px;
	color: #ffffff;
	background-image: url('redlink.png');
	background-position: right top;
	background-size: contain;
	background-repeat: no-repeat;
	transition: 0.3s;
	font-size: 18px;
	font-family: 'PT Sans', sans-serif;
	font-weight:normal;
	z-index:101;
}

#WeAsked .row .col-md-6 .row .col-md-6 a:hover {
	background-color: #ad2e26;
	text-decoration: none;
}


@media only screen and (max-width: 1024px) {

	#WeAsked .row .col-md-6 {
		width: 100%;
		max-width: 100%;
		display: block;
		flex: none;
	}
		#WeAsked .row .col-md-6 iframe {
			max-width: 100%;
			margin-top: 2em;
		}

	#WeAsked .row .col-md-6 .row .col-md-6 { 
		width:100%; 
		max-width:100%; 
		display:block; 
		flex:none; 
	}

	#WeAsked .row .col-md-6 .row .col-md-6 h3{
		max-width:1000px;
	}

	#WeAsked .row .col-md-6 .row .col-md-6 em{
		min-height:150px;
		font-size:18px;
	}

	#WeAsked .row .col-md-6 .row .col-md-6 a{
		left:0px;
		background-color:#ad2e26;
	}
}

/*
	Get Involved
*/

#GetInvolved {
	background-image: url('Involved.jpg');
	background-position: center;
	background-size: cover;
}

#GetInvolved .WhatsGoingOn {
	background-color: rgba(0,0,0,0.6);
	color: #ffffff;
	margin: 150px 0px 0px 30px;
	padding: 30px 0px 0px 0px;
}


#GetInvolved .WhatsGoingOn h3 {
	color: #ffffff;
	margin: 0px 30px 0px 30px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	margin-bottom: 20px;
	max-width:190px;
	display:block;
	width:100%;
}

#GetInvolved .WhatsGoingOn p {
	margin: 0px 30px 30px 30px;
}

#GetInvolved .WhatsGoingOn a {
	position: absolute;
	bottom: 0px;
	left: 15px;
	right: 0px;
	background-color: #018240;
	padding: 10px 20px;
	color: #ffffff;
	background-image: url('greenlink.png');
	background-position: right top;
	background-size: contain;
	background-repeat: no-repeat;
	transition: 0.3s;
	font-size: 18px;
	font-family: 'PT Sans', sans-serif;
	font-weight: normal;
	z-index: 101;
}

#GetInvolved .WhatsGoingOn a:hover {
	text-decoration:none;
	background-color:#015826;
}

.GetInvolvedSpan {
	float: right;
	background-color: #018240;
	position: absolute;
	top: 30px;
	right: 25px;
	padding: 10px 20px;
	color: white;
	font-size: 25px;
	font-family: 'Ultra', serif;
	text-transform:uppercase;
	letter-spacing:0px;
}

.WhatsOnItems{
	margin-top:30px;
	padding:0px 0px 0px 30px;
	margin-bottom:60px;
}

.WhatsOnItems .CallImage {
	display:block; 
	width:100%;  
	position:relative;
}


.WhatsOnItems .CallImage img{
	width:100%;
}

.WhatsOnItems .col-md-6{
	padding-right:15px;
	padding-left:15px;
}

.WhatsOnItems .CallText {
	background-color: rgba(0,0,0,0.6);
	position: absolute;
	bottom: 0px;
	z-index: 2;
	padding: 10px 20px;
	color: #ffffff;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: bold;
	font-size: 22px;
	text-transform: uppercase;
	left: 0px;
	right: 0px;
}

.WhatsOnItems .CallText span {
	text-transform: none;
	display: block;
}

.WhatsOnItems .CallText .CallTextHold {
	width: 100%;
	max-width: 100%;
}

.WhatsOnItems .CallAction {
	 background-color: #018240;
	width: 100%;
	display: block;
	padding: 10px 20px;
	color: #ffffff;
	background-image: url('greenlink.png');
	background-position: right top;
	background-size: contain;
	background-repeat: no-repeat;
	transition: 0.3s;
	font-size: 18px;
	font-family: 'PT Sans', sans-serif;
	font-weight: normal;
}

.WhatsOnItems .CallAction:hover {
	background-color:#015826;
	text-decoration: none;
}

@media only screen and (max-width: 1024px) {
	#GetInvolved .WhatsGoingOn
	{
		margin:30px;
	}



	.Call .CallText {
		position: relative;
	}

	#GetInvolved .col-md-6 {
		padding-right: 0px;
		padding-left: 0px;
		width: 100%;
		max-width: 100%;
		flex: none;
		margin: 0px 0px;
	}

	#GetInvolved .WhatsGoingOn a
	{
		position:relative;
		width:100%;
		display:block;
		left:0px;
	}

	.WhatsOnItems .col-md-6 {
		background-color: #015826;
		text-decoration: none;
	}

	.WhatsOnItems .col-md-6 {
		padding-right: 15px;
		padding-left: 15px;
		margin: 0px 100px 0px 15px;
		right: 200px;
		left: 0px;
	}

	.WhatsOnItems{
		padding:0px 45px;
		margin-bottom:15px;
	}

	#GetInvolved .col-md-6{
		margin-bottom:30px;
	}

	.MobNoMarginB{
		margin-bottom:0px !important;
	}

	.MobHide{
		display:none;
	}

}

/*
	Calendar
*/

#Calendar {
	background-color: #018240;
	padding:60px 30px;
}

#Calendar .col-md-3, #Calendar .col-md-9{
	
	padding:15px;
}

#Calendar .Holder{
	background-color:#00351a;
	height:100%;
	position:relative;
	
}

#Calendar h3 {
	color:#ffffff;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: bold;
	text-transform:uppercase;
	font-size: 35px;
	padding:30px;
}

#Calendar a {
	 background-color: #018240;
	width: 100%;
	display: block;
	padding: 10px 20px;
	color: #ffffff;
	background-image: url('greenlink.png');
	background-position: right top;
	background-size: contain;
	background-repeat: no-repeat;
	transition: 0.3s;
	font-size: 18px;
	font-family: 'PT Sans', sans-serif;
	font-weight: normal;
}

#Calendar a:hover {
	background-color: #015826;
	text-decoration: none;
}

#Calendar ul {
	margin:0px 20px 30px 0px;
	padding:0px 0px;
}

#Calendar ul li{
	display:inline-block;
	width:33%;
	margin:0px 0px 10px 0px;
	padding:0px 0px;
}

#Calendar ul li a{
	margin:0px 0px 0px 20px;
	width:unset;
	font-size:14px;
	padding-left:10px;
}

.show1 {
	position: absolute;
	top: 0px;
	right: 0px;
	color: #ffffff;
	background-image: url('dgreenlink.png');
	background-position: right top;
	background-size: contain;
	background-repeat: no-repeat;
	padding: 15px 70px 15px 15px;
}

.show1:hover{
	text-decoration:underline;
	cursor:pointer;
}

.headline{
	color:#ffffff;
}

@media only screen and (max-width: 1024px) {

	#Calendar ul li {
		display: inline-block;
		width: 100%;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px;
	}

	#Calendar .col-md-3, #Calendar .col-md-9 {
		width:100% !important;
		max-width:100% !important;
		flex:none;
	}

}



/*
	Fighting For
*/

#FightingFor {
	background-image: url('FightingFor.jpg');
	background-position: center;
	background-size: cover;
	border-bottom:1px solid #ffffff;
}

#FightingFor .WhatsGoingOn {
	background-color: rgba(0,0,0,0.6);
	color: #ffffff;
	margin: 150px 0px 0px 30px;
	padding: 30px 0px 0px 0px;
}


#FightingFor .WhatsGoingOn h3 {
	color: #ffffff;
	margin: 0px 30px 0px 30px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	margin-bottom: 20px;
	max-width:190px;
	display:block;
	width:100%;
}

#FightingFor .WhatsGoingOn p {
	margin: 0px 30px 30px 30px;
}

#FightingFor .WhatsGoingOn a {
	position: absolute;
	bottom: 0px;
	left: 15px;
	right: 0px;
	background-color: #ff9000;
	padding: 10px 20px;
	color: #ffffff;
	background-image: url('orangelink.png');
	background-position: right top;
	background-size: contain;
	background-repeat: no-repeat;
	transition: 0.3s;
	font-size: 18px;
	font-family: 'PT Sans', sans-serif;
	font-weight: normal;
	z-index: 101;
}

#FightingFor .WhatsGoingOn a:hover {
	text-decoration:none;
	background-color:#015826;
}

#FightingFor .GetInvolvedSpan{
	background-color:#ff9000;
}

#FightingFor .CallAction{
	background-color:#ff9000;
	background-image: url('orangelink.png');
}

#FightingFor .CallAction:hover{
	background-color:#bd6200;
	text-decoration:none !important;
}

#FightingFor .WhatsOnItems a:hover{
	text-decoration:none !important;
}

@media only screen and (max-width: 1024px) {
	#FightingFor .WhatsGoingOn
	{
		margin:30px;
	}

	#FightingFor .col-md-6 {
		padding-right: 0px;
		padding-left: 0px;
		width: 100%;
		max-width: 100%;
		flex: none;
		margin: 0px 0px;
	}

	#FightingFor .WhatsGoingOn a {
		position: relative;
		width: 100%;
		display: block;
		left: 0px;
	}

	#FightingFor .col-md-6 {
		margin-bottom: 30px;
	}
}

/*
	Campaign News
*/

#CampaignNews {
	background-color: #ff9000;
	padding: 60px 30px;
}

.SingleNews, .Links{
	padding:30px;
	height:100%;
	color:#ffffff;

}

.SingleNews .col-md-6,.Links  .col-md-6{
	background-color:#683b00;
	padding:30px;
}

.Links h3 {
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	margin-bottom: 20px;
	max-width: 190px;
	display: block;
	width: 100%;
}

.Links ul { padding:0px 0px; margin:0px 0px;    width:100%;
	display:block; }
.Links ul li { padding:0px 0px; margin:0px 0px 10px 0px; list-style-type:none;    width:100%;
	display:block;  }
	.Links ul li a {
		background-color: #ff9000;
		background-image: url('orangelink.png');
		color: #ffffff;
		width: 100%;
		display: block;
		padding: 10px;
		background-position: right top;
		background-size: contain;
		background-repeat: no-repeat;
	}

.Links ul li a:hover{
	background-color:#bd6200;
	text-decoration:none !important;
}
.NoRight { padding-right:0px !important; }

.SingleNews .headline {
	color: #ffffff;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	text-transform:uppercase;
	display:block; margin-bottom:20px;
}

.SingleNews a {
	background-color: #ff9000;
	background-image: url('orangelink.png');
	color: #ffffff;
	width: 100%;
	display: block;
	padding: 10px;
	background-position: right top;
	background-size: contain;
	background-repeat: no-repeat;
}

.Links .col-md-6, .SingleNews .col-md-6 {
	min-height: 300px;
}

.NoRight ul { position:absolute; bottom:-10px; right:0px; }

.newsCircle { float:left; width:50%; position:relative; margin:0px; background-color:red;  }
.ReadFull { position:absolute; bottom:40px; right:0px;}
.margin100 { margin-top:100px; }



@media only screen and (max-width: 1024px) {
	.Links, .SingleNews {
		width: 100% !important;
		display: block;
		max-width: 100% !important;
		min-height: 100px;
		flex:none !important;
		padding:15px;
	}

    #Welcome, #GetInvolved, #FightingFor, #WhatsNew{
        background-size:auto 100%;
    }
}



/*
	What's New
*/

#WhatsNew {
	background-image: url('news.jpg');
	background-position: center;
	background-size: cover;
	display:block;
	padding:0px 0px;
}

#WhatsNew .WhatsOnItems .col-md-3 a{
	margin-bottom:30px; 
	display:block; 
}

.NoImage img {
	opacity:0;
}

#WhatsNew .CallText { background-color:rgba(0,0,0,0.7);padding-bottom:30px; padding-top:30px;}
.Border { border-bottom:10px solid rgba(0,0,0,0.7); }
#WhatsNew .NoPadding {
	margin-top:0px;
}
.NoPadding img {
	margin-top:0px;
	padding-top:0px;
	height:110px;
}

.Feeds { padding-top:20%; }
.Feeds .Items { background-color:rgba(0,0,0,0.7); color:white; padding:30px;   }
.Items img { width:100%;margin-bottom:20px;  }

.Items h3 {
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	margin-bottom: 35px;
	max-width: 190px;
	display: block;
	width: 100%;
}

.Items .CallAction {
	background-color: #018240;
	width: 100%;
	display: block;
	padding: 10px 20px;
	color: #ffffff;
	background-image: url('greenlink.png');
	background-position: right top;
	background-size: contain;
	background-repeat: no-repeat;
	transition: 0.3s;
	font-size: 18px;
	font-family: 'PT Sans', sans-serif;
	font-weight: normal;
	margin-bottom:20px;
}

	.Items .CallAction:hover {
		background-color: #015826;
		text-decoration: none;
	}


@media only screen and (max-width: 1024px) {
	.Feeds .WhatsOnItems .col-md-6 {
		margin:0px !important;
	}
	#WhatsNew .WhatsOnItems {
		display: block;
		width: 100%;
	}

	#WhatsNew .col-md-3 {
		width: 100%;
		max-width: 100%;
		flex: 0;
	}
	#WhatsNew .col-md-6 {
		width: 100%;
		max-width: 100%;
		flex: 0;
	}
	.Feeds .Items { width:100%; display:block;}
	#WhatsNew .Items .col-md-6 {
		width: 100%;
		max-width: 100%;
		flex: 0;
		margin:0px;
		left:0px;
		right:0px;
		position:relative;
	}
}

/*
	Footer
*/

footer {
	background-color:#b4b4b4;
}

footer .row{
	padding:30px; 
}

	footer .CallAction {
		background-color: #999999;
		width: 100%;
		display: block;
		padding: 10px 20px;
		color: #ffffff;
		background-image: url('greylink.png');
		background-position: right top;
		background-size: contain;
		background-repeat: no-repeat;
		transition: 0.3s;
		font-size: 18px;
		font-family: 'PT Sans', sans-serif;
		font-weight: normal;
		margin-bottom: 20px;
	}

		footer .CallAction:hover {
			background-color: #6f6f6f;
			text-decoration: none;
		}


@media only screen and (max-width: 1024px) {
	footer .col-md-3 { width:100%; display:block; max-width:100%; flex:none;}
}

/* 
	Secondary
*/

.ContentRow{
	padding:40px 30px 0px 30px;
}
.SecondMenu { padding-top:62px; }
.SecondMenu ul {
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #666666;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
.SecondMenu ul li { padding:0px; margin:0px;list-style-type:none; }

.SecondMenu ul li a,
.SecondMenu ul li div.menu-subheader {
	background-color: #018240;
	width: 100%;
	display: block;
	padding: 10px 20px;
	color: #ffffff;
	background-image: url('greenlink.png');
	background-position: right top;
	background-size: contain;
	background-repeat: no-repeat;
	transition: 0.3s;
	font-size: 18px;
	font-family: 'PT Sans', sans-serif;
	font-weight: normal;
	margin-bottom: 10px;
}
	.SecondMenu ul li a.child1 {
		background-color: #d4eade;
		color: black;
		background-image: url('greylink.png');
	}
		.SecondMenu ul li a.child1:hover {
			background-color: #daf7e7;
			color: black;
		}
	.SecondMenu .custom-accordion2.opened-accordion {
		background-image: url('greenlink90deg.png');
	}

.SecondMenu ul li a:hover {
	background-color: #015826;
	text-decoration: none;
}
	.SecondMenu ul li a:focus {
		background-color: #018240;
		color: white;
		text-decoration: none;
	}

.breadcrumb1 {
	max-width: 60%;
	background-color: #999999;
	padding: 10px 20px;
	color:white;
}
.GreyCover {
	background-color: #ededed;
	padding: 40px 40px;
	margin-top:15px;
	margin-bottom:30px;
}

.GreyCover  h1 {
	color: #000000;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	margin-bottom: 20px;
	font-size:45px;
}

.GreyCover ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px;
}

.GreyCover ul li{
	margin:0px 0px;
	padding:0px 0px;
}

.custom-accordion {
	background-color: #999999;
	width: 100%;
	display: block;
	padding: 10px 20px;
	color: #ffffff;
	background-image: url('greylink.png');
	background-position: right top;
	background-size: contain;
	background-repeat: no-repeat;
	transition: 0.3s;
	font-size: 18px;
	font-family: 'PT Sans', sans-serif;
	font-weight: normal;
	margin-bottom: 20px;
}

	.custom-accordion:hover {
		background-color: #6f6f6f;
		text-decoration: none;
	}
	.custom-accordion.opened-accordion {
		background-image: url('greylink90deg.png');
	}


.Orange a {
	background-color: #ff9000 !important;
	padding: 10px 20px;
	color: #ffffff;
	background-image: url('orangelink.png') !important;
	background-position: right top;
	background-size: contain;
	background-repeat: no-repeat;
	transition: 0.3s;
}

.Orange a:hover {
	text-decoration: none;
	background-color: #015826 !important;
}

#campaignSection {
	background-color: #ff9000;
	padding: 40px 15px 25px 15px;
}

.cover{ background-color:rgba(0,0,0,0.6); color:white;padding:0px 0px 20px 0px; }
#campaignSection .col-md-9{ padding:0px 30px;}

.cover h2 {
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	margin-bottom: 20px;
	font-size: 30px;
	padding:20px;
}

.cover h3 {
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	margin-bottom: 20px;
	font-size: 30px;
}

.cover ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px;
}

.cover ul li{
	margin:0px 0px;
	padding:0px 0px;
	list-style-type:none;
}

.cover  ul li a {
	background-color: #ff9000 !important;
	padding: 10px 20px;
	color: #ffffff;
	background-image: url('orangelink.png') !important;
	display:block;
	width:100%; 
	background-position: right top;
	background-size: contain;
	background-repeat: no-repeat;
	transition: 0.3s;
	font-size: 18px;
	font-family: 'PT Sans', sans-serif;
	font-weight: normal;
	margin-bottom: 20px;
}

.cover ul li a:hover {
		background-color: #bd6200;
		text-decoration: none;
	}
.col-md-9 .cover {
	margin-bottom:15px;
	padding:20px;
}

.col-md-9 .cover a {
	position: absolute;
	bottom: -20px;
	left: 10px;
	right: -20px;
	background-color: #ff9000 ;
	padding: 10px 20px;
	color: #ffffff;
	background-image: url('orangelink.png');
	background-position: right top;
	background-size: contain;
	background-repeat: no-repeat;
	transition: 0.3s;
	font-size: 18px;
	font-family: 'PT Sans', sans-serif;
	font-weight: normal;
	z-index: 101;
}

	.col-md-9 .cover a:hover {
		background-color: #bd6200;
		text-decoration: none;
	}



input[type="submit"] {
	color: #018440;
	font-weight: normal;
	background-color: transparent;
	border: none;
	margin: 10px 20px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	cursor: pointer;
	font-weight: bold;
}

.search > input[type="submit"]:hover {
	text-decoration: underline;
}

#contactQuick input[type="submit"],
.contactQuick input[type="submit"],
.flat-button {
	font-family: Helvetica,Arial,sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: 600;
	font-size: 16px;
	line-height: 1.1875;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	margin-top: 0;
	margin-bottom: 22px;
	padding: 8px 10px 7px;
	border: 2px solid transparent;
	border-radius: 0;
	color: #fff;
	background-color: #00703c;
	-webkit-box-shadow: 0 2px 0 #002d18;
	box-shadow: 0 2px 0 #002d18;
	text-align: center;
	vertical-align: top;
	cursor: pointer;
	-webkit-appearance: none;
}

	#contactQuick input[type="submit"]:hover,
	.contactQuick input[type="submit"]:hover,
	.flat-button:hover {
		background-color: #005a30;
	}

	#contactQuick input[type="submit"]:active,
	.contactQuick input[type="submit"]:active,
	.flat-button:active {
		top: 2px;
	}

	#contactQuick input[type="submit"]:focus,
	.contactQuick input[type="submit"]:focus,
	.flat-button:focus {
		border-color: #fd0;
		outline: 3px solid transparent;
		-webkit-box-shadow: inset 0 0 0 1px #fd0;
		box-shadow: inset 0 0 0 1px #fd0;
	}

		#contactQuick input[type="submit"]:focus:not(:active):not(:hover),
		.contactQuick input[type="submit"]:focus:not(:active):not(:hover),
		.flat-button:focus:not(:active):not(:hover) {
			border-color: #fd0;
			color: #0b0c0c;
			background-color: #fd0;
			-webkit-box-shadow: 0 2px 0 #0b0c0c;
			box-shadow: 0 2px 0 #0b0c0c;
		}

	#contactQuick input[type="submit"]::before,
	.contactQuick input[type="submit"]::before,
	.flat-button::before {
		content: "";
		display: block;
		position: absolute;
		top: -2px;
		right: -2px;
		bottom: -4px;
		left: -2px;
		background: transparent;
	}