/* Colours: Yellow(#FFC709), Orange(#F6921C), Red(#EA3F22), Black(#454543); */

/* Set the fonts */

@font-face {
    font-family: 'Aller';
    src: url('../fonts/aller_rg-webfont.eot');
    src: url('../fonts/aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller_rg-webfont.woff') format('woff'),
         url('../fonts/aller_rg-webfont.ttf') format('truetype'),
         url('../fonts/aller_rg-webfont.svg#Aller') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AllerBold';
    src: url('../fonts/aller_bd-webfont.eot');
    src: url('../fonts/aller_bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller_bd-webfont.woff') format('woff'),
         url('../fonts/aller_bd-webfont.ttf') format('truetype'),
         url('../fonts/aller_bd-webfont.svg#AllerBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AllerDisplay';
    src: url('../fonts/allerdisplay-webfont.eot');
    src: url('../fonts/allerdisplay-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/allerdisplay-webfont.woff') format('woff'),
         url('../fonts/allerdisplay-webfont.ttf') format('truetype'),
         url('../fonts/allerdisplay-webfont.svg#AllerDisplay') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* Reset the browser styles */ 

html, body, div, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit;}

ol, ul 
{list-style: none;}

table 
{border-collapse: separate; border-spacing: 0;}

caption, th, td 
{font-weight: normal;}

blockquote:before, blockquote:after, q:before, q:after 
{content: "";}

blockquote, q 
{quotes: "" "";}

img 
{display: block;}

a 
{color: #EA3F22; text-decoration: none;}

p a,
li a
{text-decoration: underline;}

a:hover
{text-decoration: none;}

a img
{border: 0;}

input
{border-radius: 0;}

button
{background: #7a658f; color: #fff; border: 0; cursor: pointer;}


/* Ting MCE Styles */

	.body h1,
	body.mce-content-body h1
	{font: 500 185%/100% 'Aller', Arial, Helvetica, sans-serif; margin: 0 0 30px; padding-bottom: 15px; color: #333; background: url('../images/bullet-black.png') repeat-x bottom;}

	.body h2,
	body.mce-content-body h2
	{font: 500 140%/100% 'Aller', Arial, Helvetica, sans-serif; margin: 0 0 20px; padding-bottom: 15px; overflow: hidden; color: #333; background: url('../images/bullet-black.png') repeat-x bottom;}

	.body h3,
	body.mce-content-body h3
	{font: 500 130%/100% 'Aller', Arial, Helvetica, sans-serif; margin: 0 0 15px; overflow: hidden; color: #333;}

	.body h4,
	body.mce-content-body h4
	{font: 500 120%/100% 'Aller', Arial, Helvetica, sans-serif; margin: 0 0 15px; overflow: hidden; color: #333;}

	.body h5,
	body.mce-content-body h5
	{font: 500 110%/100% 'Aller', Arial, Helvetica, sans-serif; margin: 0 0 15px; overflow: hidden; color: #333;}

	.body h6,
	body.mce-content-body h6
	{font: 500 105%/100% 'Aller', Arial, Helvetica, sans-serif; margin: 0 0 15px; overflow: hidden; color: #333;}

	.body h2 a,
	.body h3 a,
	.body h4 a,
	.body h5 a,
	.body h6 a
	{color: #333;}

	.body h2 a:hover,
	.body h3 a:hover,
	.body h4 a:hover,
	.body h5 a:hover,
	.body h6 a:hover
	{color: #EA3F22;}

	.body p,
	body.mce-content-body p
	{font: 500 87.5%/150% Arial, Helvetica, sans-serif; margin: 0 0 15px; color: #666;}

	.body hr,
	body.mce-content-body hr
	{display: block; width: 100%; clear: both; height: 1px; margin: 20px 0 30px; color: #ccc; background: #ccc; border: 0;}

	.body .text ul,
	body.mce-content-body ul,
	.body .text ol,
	body.mce-content-body ol
	{margin: 0 0 25px;}

		.body .text li,
		body.mce-content-body li
		{font: 500 87.5%/150% Arial, Helvetica, sans-serif; margin: 0 0 5px;}

		.body .text ul li,
		body.mce-content-body ul li
		{padding: 0; margin: 0 0 10px 20px; list-style: circle;}

		.body .text ol li,
		body.mce-content-body ol li
		{margin: 0 0 10px 25px; list-style: decimal;}

			.body .text li ul,
			body.mce-content-body li ul
			{padding: 10px 0 0;}

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

	img.left,
	body.mce-content-body img.left
	{float: left; margin: 0 20px 25px 0;}

	img.right,
	body.mce-content-body img.right
	{float: right; margin: 0 0 25px 20px;}

	div.clear,
	body.mce-content-body div.clear
	{height: 1px; clear: both; margin: 0; overflow: hidden;}

	p.intro-text,
	body.mce-content-body p.intro-text
	{font-size: 100%; line-height: 150%; color: #333;}

	p.small-text,
	body.mce-content-body p.small-text
	{font-size: 75%;}

	p.small-margin,
	body.mce-content-body p.small-margin
	{margin-bottom: 5px;}

	p.increase-margin,
	body.mce-content-body p.increase-margin
	{margin-bottom: 25px;}

	a.button-red,
	body.mce-content-body a.button-red,
	a.button-orange,
	body.mce-content-body a.button-orange,
	a.button-yellow,
	body.mce-content-body a.button-yellow,
	a.button-black,
	body.mce-content-body a.button-black
	{display: inline-block; zoom: 1; *display: inline; padding: 10px 30px 15px; margin: 0 10px 10px 0; border-radius: 10px; font: 105%/100% 'AllerBold', Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; cursor: pointer;}

	a.button-red,
	body.mce-content-body a.button-red
	{color: #fff; background: #EA3F22;}

	a.button-orange,
	body.mce-content-body a.button-orange
	{color: #fff; background: #F6921C;}

	a.button-yellow,
	body.mce-content-body a.button-yellow
	{color: #454543; background: #FFC709;}

	a.button-black,
	body.mce-content-body a.button-black
	{color: #fff; background: #454543;}

	a.button-red:hover,
	body.mce-content-body a.button-red:hover,
	a.button-orange:hover,
	body.mce-content-body a.button-orange:hover,
	a.button-yellow:hover,
	body.mce-content-body a.button-yellow:hover
	{background: #454543; color: #fff;}

	a.button-black:hover,
	body.mce-content-body a.button-black:hover
	{background: #EA3F22;}

	a.arrow-link,
	body.mce-content-body .arrow-link,
	body.mceHomeTwoCol .arrow-link
	{font-size: 90%; font-weight: 700; text-decoration: none; color: #454543; padding-right: 15px; background: url('../images/arrow-black.png') no-repeat center right;}

	.page .body .content a.arrow-link,
	body.mce-content-body .arrow-link
	{text-transform: none;}

	.body .two-column .text a.arrow-link,
	body.mceHomeTwoCol .arrow-link
	{text-transform: uppercase;}

	a.arrow-link:hover,
	body.mce-content-body a.arrow-link:hover
	{color: #EA3F22;}

	p.success,
	p.error,
	.body .formErrorMessage,
	body.mce-content-body .success,
	body.mce-content-body .error
	{display: block; background: #ffd; padding: 10px 15px; margin: 0 0 15px 0; line-height: 160%;}

	.body .formErrorMessage
	{margin-right: 10px;}

body.mce-content-body
{font: 500 100%/150% Arial, Helvetica, sans-serif; color: #666;}

.box,
body.mceHomeBox,
body.mceHomeIntro
{padding: 15px 20px 2px; margin-bottom: 20px; border-bottom: 6px solid #ccc; border-radius: 5px; background: #fff;}

.home .body .intro,
body.mceHomeIntro
{border-bottom-color: #EA3F23;}

.home .body .two-three-column,
body.mceHomeIntro
{width: 591px;}

.home .body .one-three-column,
body.mceHomeBoxSmall
{width: 268px;}

body.mceHomeTwoCol
{width: 284px; min-height: 150px; padding-left: 167px;}

.page .body .text-full, 
body.mcePageFull
{width: 730px;}

.page .body .text-left,
body.mcePageLeft
{width: 495px;}

.page .body .text-right,
body.mcePageRight
{width: 215px;}

	.body .intro h1,
	body.mceHomeIntro h1
	{font: 500 170%/100% 'AllerBold', Arial, Helvetica, sans-serif; margin: 0 0 20px; padding-bottom: 15px; color: #EA3F22; background: url('../images/bullet-red.png') repeat-x bottom;}

	.box h3,
	body.mceHomeBox h3
	{font: 500 155%/100% 'Aller', Arial, Helvetica, sans-serif; margin: 0 0 22px; padding: 5px 0 12px; color: #454543; background: url('../images/bullet-black.png') repeat-x bottom;}

	.page .box h3
	{line-height: 120%;}

	.body .two-column .text h2,
	body.mceHomeTwoCol h2,
	.body .two-column .text h3,
	body.mceHomeTwoCol h3,
	.body .two-column .text h4,
	body.mceHomeTwoCol h4,
	.body .two-column .text h5,
	body.mceHomeTwoCol h5,
	.body .two-column .text h6,
	body.mceHomeTwoCol h6
	{font: 500 112.5%/100% 'Aller', Arial, Helvetica, sans-serif; padding: 0; margin: 0 0 10px; color: #454543; background: none;}

	.body .two-column .text h2 a,
	body.mceHomeTwoCol h2 a,
	.body .two-column .text h3 a,
	body.mceHomeTwoCol h3 a,
	.body .two-column .text h4 a,
	body.mceHomeTwoCol h4 a,
	.body .two-column .text h5 a,
	body.mceHomeTwoCol h5 a,
	.body .two-column .text h6 a,
	body.mceHomeTwoCol h6 a
	{color: #454543; text-decoration: none;}

	.box p,
	body.mceHomeBox p
	{line-height: 120%; color: #333;}

	.body .intro p,
	body.mceHomeIntro p
	{font: 500 100%/150% Arial, Helvetica, sans-serif; margin: 0 0 20px;  color: #333;}

	.box img,
	body.mceHomeBoxSmall img
	{display: block; margin-bottom: 17px; *margin-bottom: 23px;}

	.body .two-column .text a:hover,
	body.mceHomeTwoCol a:hover
	{color: #888;}

		.body .donate-box .price,
		body.mceHomeBox .price
		{font-family: 'AllerDisplay'; font-size: 275%; line-height: 100%; position: relative; top: -2px; margin-bottom: 0;}

		.button,
		body.mceHomeBox .button
		{display: block; padding: 10px 22px 15px; background: #BC2C12; border-radius: 10px; font: 500 112.5%/100% 'AllerBold', Arial, Helvetica, sans-serif; color: #fff; text-transform: uppercase; text-decoration: none; text-align: center;}

		.button:hover,
		body.mceHomeBox .button:hover
		{background: #454543;}

		.page .box .button
		{font-size: 140%;}