/* Colours: Black(#464547); Green(#72bf44); Orange(#f1801f); Blue(#66cad8); Yellow(#ffe115); */

/* Add the fonts */ 

@font-face 
{
	font-family: 'DIN';
	src: url('../fonts/DINWeb-Bold.eot');
	src: url('../fonts/DINWeb-Bold.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/DINWeb-Bold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

body.mce-content-body
{font: 500 100%/135% Arial, Helvetica, sans-serif; color: #464547;}
	
.content h1,
body.mce-content-body h1
{font: 500 160%/135% DIN, Arial, Helvetica, sans-serif; color: #464547; margin: -5px 0 20px; border-bottom: 3px solid #72bf44;}

.content h2,
body.mce-content-body h2
{font: 500 137.5%/135% DIN, Arial, Helvetica, sans-serif; color: #464547; padding-top: 10px; margin-bottom: 12px;}

.content h3,
body.mce-content-body h3
{font: 500 125%/135% DIN, Arial, Helvetica, sans-serif; color: #464547; padding-top: 10px; margin-bottom: 12px;}

.content h4,
body.mce-content-body h4
{font: 500 112.5%/135% DIN, Arial, Helvetica, sans-serif; color: #464547; padding-top: 10px; margin-bottom: 10px;}

.content h5,
body.mce-content-body h5
{font-size: 107.5%; line-height: 135%; font-weight: 700; color: #464547; padding-top: 10px; margin-bottom: 12px;}

.content h6,
body.mce-content-body h6
{font-size: 105%; line-height: 135%; font-weight: 700; color: #464547; padding-top: 10px; margin-bottom: 12px;}

.content p,
body.mce-content-body p
{font-size: 87.5%; line-height: 135%; margin-bottom: 15px; color: #464547;}

.content address,
body.mce-content-body address
{font-size: 80%; line-height: 135%; font-style: normal; margin-bottom: 15px; color: #464547;}

p.intro,
body.mce-content-body p.intro
{font-size: 112.5%; line-height: 150%;}

.heading-underline
{padding-bottom: 2px; border-bottom: 2px solid #72bf44;}

p.date
{color: #999;}

div.form-message
{padding: 15px 20px; background: #ffc;}

h3.money-going-title
{padding: 0 0 10px; margin: 0 0 5px; border-bottom: 1px solid #ccc;}

.content .money-going,
p.money-going
{font-weight: 700; font-size: 93.7%; margin-top: 10px;}

p.no-margin
{margin-bottom: 0;}

.content .content .small,
p.small,span.small
{font-size: 90%;}

.page .content a,
body.mce-content-body a
{text-decoration: underline;}

.green-section .content a,
body.mce-content-body a
{color: #72bf44;}

.orange-section .content a
{color: #f1801f;}

a.green-button
{display: inline-block; padding: 5px 8px; color: #fff !important; text-decoration: none; background: #72bf44;}

a.orange-button
{display: inline-block; padding: 5px 8px; color: #fff !important; text-decoration: none; background: #f1801f;}

a.blue-button
{display: inline-block; padding: 5px 8px; color: #fff !important; text-decoration: none; background: #66cad8;}

a.yellow-button
{display: inline-block; padding: 5px 8px; color: #464547 !important; text-decoration: none; background: #ffe115;}

.page .content a:hover,
body.mce-content-body a:hover
{text-decoration: none; color: #999;}

.content a:focus,
body.mce-content-body a:focus,
.content a:visited,
body.mce-content-body a:visited
{text-decoration: underline;}

a.link
{color: #464546; font-weight: 700; text-decoration: none !important;}

a.link:hover
{text-decoration: underline !important;}

a.button {display: inline-block; padding: 6px 8px; margin: 10px 10px 0 0;}

body.mce-content-body a.button
{background: #464547; color: #fff;}

.content iframe
{margin-bottom: 15px;}

img.right
{float: right; margin: 0 0 20px 20px;}

img.left
{float: left; margin: 0 20px 20px 0;}

.content ul,
body.mce-content-body ul,
.content ol,
body.mce-content-body ol
{margin-bottom: 8px;}

.content li,
body.mce-content-body li
{margin-bottom: 12px; font-size: 87.5%; line-height: 135%; list-style: none; color: #464546;}

.content ul li,
body.mce-content-body ul li
{padding-left: 20px; background: url(../images/trans-ui.png) no-repeat -340px -455px;}

.content ol li,
body.mce-content-body ol li
{list-style: decimal; margin-left: 20px;}

.content ul li ul,
body.mce-content-body ul li ul,
.content ol li ul,
body.mce-content-body ol li ul,
.content ul li ol,
body.mce-content-body ul li ol,
.content ol li ol,
body.mce-content-body ol li ol
{margin: 15px 0;}

.content ul li ul li,
body.mce-content-body ul li ul li,
.content ol li ul li,
body.mce-content-body ol li ul li
{list-style: none;}

.content ul li ul li,
body.mce-content-body ul li ul li,
.content ol li ul li,
body.mce-content-body ol li ul li,
.content ul li ol li,
body.mce-content-body ul li ol li,
.content ol li ol li,
body.mce-content-body ol li ol li
{font-size: 100%;}

.content table,
body.mce-content-body table
{font-size: 100%; line-height: 135%; margin-bottom: 20px; color: #3f3e38;}

	.content table td,
	body.mce-content-body table td
	{vertical-align: top;}

.content .related,
body.mce-content-body
{display: block; margin-bottom: 25px;}

	.content .related li,
	body.mce-content-body .related li
	{display: block; padding-left: 12px; margin: 5px 0 10px; background: url(../images/menu-arrow.png) no-repeat 0 2px; font: 700 80%/130% Arial, Helvetica, sans-serif;}
	
		.content ul li a
		{text-decoration: none !important;}

		.content ul li a:hover
		{text-decoration: underline !important;}

		.content .related li a,
		body.mce-content-body .related li a
		{color: #464547; text-decoration: none;}
	
		.green-section .content .related-news a:hover,
		.green-section .content .related a:hover,
		body.mce-content-body .related-news a:hover
		body.mce-content-body .related a:hover
		{color: #72BF44; text-decoration: underline;}

		.orange-section .content .related-news a:hover,
		.orange-section .content .related a:hover
		{color: #f1801f; text-decoration: underline;}
		
		
		
		body.mce-content-body#donateBoxText{
			text-align:center;
			width:338px;	
		}

/* New Home/Appeal page template 09/2022 - START */
body.mce-content-body.hero {
	font-size: 1.75rem;
	line-height: 1.357;
	width: 447px;
}
	body.mce-content-body.hero p {
		font-size: 100%;
	}
	.hero a.button,
	body.mce-content-body.hero a.button,
	.hero a.green-button,
	body.mce-content-body.hero a.green-button,
	.hero a.orange-button,
	body.mce-content-body.hero a.orange-button,
	.hero a.yellow-button,
	body.mce-content-body.hero a.yellow-button,
	.hero a.blue-button,
	body.mce-content-body.hero a.blue-button {
		font-size: 1.5rem;
		line-height: 1.29;
		font-family: "DIN", sans-serif;
		text-transform: uppercase;
		text-decoration: none;
		display: inline-block;
		padding: 16px 19px 9px 19px;
		transition: color .1s, background-color .1s;
	}
	.hero a.button,
	body.mce-content-body.hero a.button {
		color: #fff !important;
		background: #464547 !important;
	}
	.hero a.button:hover,
	body.mce-content-body.hero a.button:hover,
	.hero a.green-button:hover,
	body.mce-content-body.hero a.green-button:hover,
	.hero a.orange-button:hover,
	body.mce-content-body.hero a.orange-button:hover,
	.hero a.blue-button:hover,
	body.mce-content-body.hero a.blue-button:hover {
		color: #464547 !important;
		background: #ffe115 !important;
	}
	.hero a.yellow-button:hover,
	body.mce-content-body.hero a.yellow-button:hover {
		color: #fff !important;
		background: #464547 !important;
	}

.fw-content h1,
body.mce-content-body.fw-content h1 {
	font-family: "DIN", sans-serif;
	text-transform: uppercase;
	font-size: 3.4375rem;
	line-height: 1.273;
	margin-bottom: 28px;
}
.fw-content h2,
body.mce-content-body.fw-content h2 {
	font-family: "DIN", sans-serif;
	font-size: 2.5rem;
	line-height: 1.275;
	margin-bottom: 28px;
	text-transform: uppercase;
}
.fw-content h3,
body.mce-content-body.fw-content h3 {
	font-family: "DIN", sans-serif;
	font-size: 1.75rem;
	line-height: 1.357;
	margin-bottom: 16px;
}
.fw-content h4,
body.mce-content-body.fw-content h4 {
	font-family: "DIN", sans-serif;
	font-size: 1.5rem;
	line-height: 1.292;
	margin-bottom: 16px;
}
.fw-content h5,
body.mce-content-body.fw-content h5 {
	font-family: "DIN", sans-serif;
	font-size: 1.25rem;
	line-height: 1.4;
	margin-bottom: 16px;
}
.fw-content h6,
body.mce-content-body.fw-content h6 {
	font-family: "DIN", sans-serif;
	font-size: 1.125rem;
	line-height: 1.5;
	margin-bottom: 16px;
}

.fw-content p,
body.mce-content-body.fw-content p {
	font-size: 1.125rem;
	line-height: 1.5em;
	margin-bottom: 1.5em;
	color: #464547;
}
.fw-content ul,
body.mce-content-body.fw-content ul {
	font-size: 1.125rem;
	line-height: 1.5em;
	margin-bottom: 1.5em;
	color: #464547;
	padding-left: 1.2em;
}
.fw-content ol,
body.mce-content-body.fw-content ol {
	font-size: 1.125rem;
	line-height: 1.5em;
	margin-bottom: 1.5em;
	color: #464547;
	padding-left: 1.2em;
}

.fw-content a,
body.mce-content-body.fw-content a {
	color: inherit;
}
.orange-section .fw-content a {
	color: #f1801f;
}
.green-section .fw-content a {
	color: #72bf44;
}

.fw-content table,
body.mce-content-body.fw-content table {
	font-size: 1.125rem;
	line-height: 1.5em;
	border-collapse: collapse;
	margin: 32px 0;
}
.fw-content table tr,
body.mce-content-body.fw-content table tr {
	vertical-align: top;
}
.fw-content table th,
body.mce-content-body.fw-content table th,
.fw-content table td,
body.mce-content-body.fw-content table td {
	padding: 8px;
	text-align: left;
	border: solid 1px;
}
.fw-content table[border="0"] th,
body.mce-content-body.fw-content table[border="0"] th,
.fw-content table[border="0"] td,
body.mce-content-body.fw-content table[border="0"] td {
	border: none;
}
.fw-content table th p,
body.mce-content-body.fw-content table th p,
.fw-content table td p,
body.mce-content-body.fw-content table td p {
	font-size: inherit;
}

body.mce-content-body table,
body.mce-content-body table {
}
	body.mce-content-body table th,
	body.mce-content-body table td {
		font-family: inherit;
		font-size: inherit;
	}
		body.mce-content-body table th p,
		body.mce-content-body table td p {
			margin-top: 0;
		}

.fw-content hr,
body.mce-content-body.fw-content hr {
	margin: 32px 0;
	height: 0;
	clear: both;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: solid 1px;
}

.fw-content blockquote,
body.mce-content-body.fw-content blockquote {
	font-family: "DIN", sans-serif;
	font-size: 1.75rem;
	line-height: 1.357;
	margin-bottom: 1.357em;
}
.fw-content blockquote p,
body.mce-content-body.fw-content blockquote p {
	font-size: inherit;
}

.fw-content p.intro,
body.mce-content-body.fw-content p.intro {
	font-family: "DIN", sans-serif;
	font-size: 1.75rem;
	line-height: 1.357;
	margin-bottom: 1.357em;
}

.fw-content p.small,
body.mce-content-body.fw-content p.small {
	font-size: 0.875rem;
}

.fw-content img.left,
body.mce-content-body.fw-content img.left {
	margin-right: 32px;
}

.fw-content img.right,
body.mce-content-body.fw-content img.right {
	margin-left: 32px;
}
/* New Home/Appeal page template 09/2022 - END */