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

body
{background: #333333; font-family: Arial, Helvetica, sans-serif; color: #545454;}


/* Global Classes */

.group:after 
{visibility: hidden; display: block; content: "."; clear: both; height: 0;}

html[xmlns] .group 
{display: block;}

* html .group 
{zoom: 1; height: 1%;} /* IE6 */

*:first-child+html .group
{zoom: 1;} /* IE7 */

.left 
{float: left;}

.right 
{float: right;}

.clear
{clear: both;} 

.full-width
{width: 100%; float: left;}


/* Main Structure */

.wrapper,
.foot,
.base
{min-width: 1000px; padding: 0 20px;}

	.contain,
	.head,
	.body
	{width: 960px; margin: 0 auto;}

/* Donation Pop up */

.donate-popup
{display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 999999; background: url('../images/trans-bg.png') repeat;}

	.donate-popup .contain
	{width: 668px; padding: 6px 7px; margin-top: 95px; position: relative; background: #fff; border-radius: 8px;}

		.popup .close
		{width: 26px; height: 26px; position: absolute; top: -6px; right: -6px; background: url('../images/close.png') no-repeat; text-indent: -999999px;}

		.donate-popup img,
		.donate-popup .box
		{border-radius: 6px;}

		.donate-popup .box
		{width: 275px; position: absolute; top: 40px; left: 40px;}

			.donate-popup .box h3 
			{margin-bottom: 20px;}

			.donate-popup .box p 
			{font-size: 100%; margin-bottom: 15px;}

			.donate-popup .box .button 
			{width: 120px; margin-bottom: 15px;}

/* Cookie Pop Up */

#cookie-message
{float: left; width: 100%; position: fixed; bottom: 0; left: 0; z-index: 99999; padding: 7px 0 0; background: #333 url('../images/border.gif') repeat-x top;}

* html #cookie-message
{position: absolute;}

#cookie-message-inner
{width: 960px; margin: 0 auto; padding: 25px 0; position: relative;}

	#cookie-message .close
	{cursor: pointer;}
	
	#cookie-message .cookie-heading
	{font: 500 140%/140% 'AllerBold', Arial, Helvetica, sans-serif; margin: 0 0 5px; color: #fff;}
	
	#cookie-message p
	{font: 500 100%/140% 'Aller', Arial, Helvetica, sans-serif; color: #fff;}

	#cookie-message .cookie-message-button
	{position: absolute; top: 25px; right: 0; font: 500 140%/140% 'AllerBold', Arial, Helvetica, sans-serif;}

	#cookie-message .cookie-message-more
	{position: absolute; top: 60px; right: 0;}
	
	#cookie-message a
	{color: #fff; text-decoration: none;}

	#cookie-message a:hover
	{color: #F6921C;}

.wrapper
{padding: 7px 0 0; background: #f3f0f0 url('../images/border.gif') repeat-x top;}

	.wrapper .contain
	{width: 100%; background: #f3f0f0 url('../images/bg.gif') repeat;}

		.head
		{width: 916px; padding: 12px 22px; margin-bottom: 20px; background: #fff; border-radius: 0 0 8px 8px;}

			.head .content
			{padding-top: 8px;}

				.head .super-nav
				{float: right; padding-top: 7px;}

					.head .super-nav li
					{float: left; padding: 1px 7px 2px; *padding-top: 2px; border-left: 1px solid #333; font-size: 75%; line-height: 100%;}

					.head .super-nav li.first 
					{border: 0;}

					.head .super-nav li.selected 
					{font-weight:bold;}

						.head .super-nav li a,
						.head .super-nav .selected a:hover
						{color: #333; text-decoration: none;}

						.head .super-nav li a:hover
						{color: #EA3F22;}

				.head .social-icons
				{float: right;}

					.head .social-icons li
					{float: left; margin-left: 5px;}

						.head .social-icons li a
						{width: 24px; height: 24px; float: left; background: url('../images/trans-ui.png') no-repeat; text-indent: -9999px;}

						.head .social-icons .facebook
						{background-position: -115px -5px;}

						.head .social-icons .twitter
						{background-position: -144px -5px;}

						.head .social-icons .youtube
						{background-position: -173px -5px;}

						.head .social-icons .googleplus
						{background-position: -202px -5px;}

						.head .social-icons li a:hover
						{opacity: 0.8; filter: alpha(opacity=80);}

				.head .navigation
				{display: block; float: right; padding-top: 50px;}

					.head .navigation li 
					{display: inline; float: left; zoom: 1; margin-left: 5px;}

						.head .navigation li a
						{float: left; padding: 14px 18px 16px; font: 500 87.5%/100% 'AllerBold', Arial, Helvetica, sans-serif; background: #454543; color: #fff; text-transform: uppercase; border-radius: 5px; text-decoration: none;}

						.head .navigation li a:hover
						{background: #666;}

						.head .navigation #activeSection a
						{background: #F6921C;}

						.head .navigation .menu_section7 a
						{background: #EA3F22 !important;}

		.home .body
		{padding-bottom: 20px;}

		.page .body
		{width: 920px; padding: 20px; margin-bottom: 20px; background: #fff; border-radius: 8px;}

			.home .body .feature
			{width: 960px; height: 300px; overflow: hidden; position: relative; margin-bottom: 20px; border-radius: 8px;}

				.home .body .feature li 
				{position: relative;}

					.home .body .feature li .box
					{width: 310px; height: 190px; padding: 15px 25px 20px; overflow: hidden; position: absolute; top: 20px; right: 20px;}

						.home .body .feature h2
						{font: 500 220%/100% 'Aller', Arial, Helvetica, sans-serif; margin: 0 0 15px; padding: 5px 0 12px; color: #fff; background: url('../images/bullet-white.png') repeat-x bottom;}

							.home .body .feature h2 a
							{color: #fff; text-decoration: none;}

						.home .body .feature p 
						{font-size: 95%; line-height: 130%; margin-bottom: 15px;}

						.home .body .feature .arrow-link
						{font-size: 80%;  font-weight: 700; text-transform: uppercase; text-decoration: none; color: #fff; padding: 1px 12px 0 0; background: url('../images/arrow-white.png') no-repeat center right;}

						.home .body .feature a:hover
						{color: #454543;}
 
				.home .body .feature .selectors
				{width: 56px; position: absolute; bottom: 62px; right: 27px; z-index: 99;}

					.home .body .feature .selectors .previous,
					.home .body .feature .selectors .next
					{width: 25px; height: 25px; background: url('../images/trans-ui.png') no-repeat; cursor: pointer;}

					.home .body .feature .selectors .previous
					{float: left; background-position: -55px -5px;}

					.home .body .feature .selectors .next
					{float: right; margin-left: 3px; background-position: -85px -5px;}

			.page .body .content
			{width: 730px;}

			.page .body .menu
			{width: 170px;}

				.page .body .menu h2
				{display: block; font: 500 112.5%/100% 'AllerBold', Arial, Helvetica, sans-serif; padding: 0; margin: 0; border: 0;}

					.page .body .menu h2 a
					{display: block; padding: 12px 12px 15px; background: #F6921C; color: #fff; text-transform: uppercase; border-radius: 5px 5px 0 0;}
					
					.page .body .menu h2 a:hover
					{color: #fff; text-decoration:underline; }

					.donate-section .body .menu h2 a
					{background: #EA3F23;}

					.page .body .menu li
					{display: block; border-bottom: 1px solid #ccc; background: #fff;}

					.page .body .menu li.expanded
					{padding-bottom: 15px; background: #f5f5f5;}

						.page .body .menu li.selected a,
						.page .body .menu li.expanded a,
						.page .body .menu li.expanded li.selected a
						{color: #F6921C; font-family: 'AllerBold'; background: #f5f5f5;}

						.donate-section .body .menu li.selected a,
						.donate-section .body .menu li.expanded a,
						.donate-section .body .menu li.expanded li.selected a
						{color: #EA3F23;}
	
						.page .body .menu li a
						{display: block; font: 500 95%/100% 'Aller', Arial, Helvetica, sans-serif; color: #666; padding: 12px; text-decoration: none;}

							.page .body .menu li.expanded li
							{border: 0; background: #f5f5f5;}

								.page .body .menu li.expanded li a
								{font-family: 'Aller'; font-size: 80%; color: #666; padding: 5px 12px 5px 20px;}

						.page .body .menu a:hover,
						.page .body .menu li.expanded li a:hover
						{color: #F6921C;}

				.page .body .feature-image
				{margin-bottom: 30px;}

				.page .content .box img
				{display: none;}

				.page .content a img:hover
				{opacity: 0.8; filter: alpha(opacity=80);}
 
			.body .two-column
			{width: 431px;}

			.body .one-column
			{width: 920px;}

				.body .two-column .text 
				{width: 285px; float: right; min-height: 124px; position: relative; padding-bottom: 40px;}

					.body .two-column .text  .arrow-link
					{position: absolute; bottom: 20px; left: 0;}

				.page .body .content img
				{border-radius: 5px;}

			.body .box-middle
			{margin: 0 18px 20px;}

			.page .body .box
			{padding-top: 10px;}

			.black-box
			{background: #454543; border-color: #333;}

			.grey-box
			{background: #eaeaea; border-color: #999;}

			.yellow-box
			{background: #FFC709; border-color: #D5A500;}

			.orange-box
			{background: #F6921C; border-color: #E38109;}

			.red-box
			{background: #EA3F23; border-color: #BC2C12;}

				.body .donate-box p
				{margin-bottom: 7px; color: #fff;}

				.page .donate-box p
				{font-size: 80%; margin-bottom: 15px;}

				.home .body .donate-box p
				{width: 150px;}

				.body .donate-box .price
				{color: #fff; _font-size: 150%;}

				.page .body .donate-box .price
				{font-size: 280%;}

				.black-box h3,
				.orange-box h3,
				.red-box h3
				{color: #fff; background-image: url('../images/bullet-white.png');}

					.orange-box h3 a
					{color: #fff;}

				.black-box p,
				.orange-box p,
				.red-box p 
				{color: #fff;}

				.wrapper .body .yellow-box p,
				.body .yellow-box .button
				{color: #454543;}

				.body .yellow-box .button:hover
				{color: #fff;}

				.body .black-box .button:hover
				{background: #fff; color: #454543;}

				.home .body .box .text-with-image
				{width: 158px; overflow: hidden;}

				.black-box .button
				{background: #333;}

				.yellow-box .button
				{background: #D5A500;}

				.orange-box .button
				{background: #DF7E09;}

				.twitterfeed .tweet
				{display: block; position: relative; height: 105px; padding: 35px 0; margin-bottom: 20px;}

					.twitterfeed .tweet a 
					{color: #fff;}

					.twitterfeed .tweet a:hover
					{text-decoration: underline;} 

					.home .tweet .open-quote,
					.home .tweet .close-quote
					{width: 20px; height: 20px; position: absolute; background: url('../images/trans-ui.png') no-repeat;}

					.home .tweet .open-quote
					{background-position: -5px -5px; top: 0; left: 0;}

					.home .tweet .close-quote
					{background-position: -30px -5px; bottom: 0; right: 0;}

		.signup-form
		{margin-bottom: 0;}

			#mc_embed_signup,
			#mc-embedded-subscribe-form
			{width: 100%; float: left;}

			.signup-form h3
			{position: relative;}

				.signup-form h3 a
				{position: absolute; bottom: 12px; right: 0; color: #333; font: italic 500 45%/100% Arial;}

				.signup-form input
				{width: 237px; float: left; margin: 0 10px 20px 0; outline-offset: 0; outline: 0; padding: 13px 10px; background: #fff; border: 1px solid #fff; border-radius: 8px; font-size: 87.5%; color: #999;}

				.signup-form input:focus
				{border-color: #D5A500;}

				#mc-embedded-subscribe
				{width: 112px; padding: 14px 0; *padding: 11px 0; margin-right: 0; background: #D5A500; text-transform: uppercase; color: #fff; font-family: 'AllerBold'; font-size: 95%; cursor: pointer; border: 0;}

				#mc-embedded-subscribe:hover
				{background: #454543;}

		.landing-blocks
		{display: block;}

			.landing-block
			{width: 350px; padding: 10px 0 15px;}

				.landing-block h2
				{margin-bottom: 15px;}

					.landing-block h2 a
					{color: #454546;}

				.landing-block img,
				.landing-block p
				{margin-bottom: 15px;}

				.landing-block h2 a:hover,
				.landing-block a img:hover
				{opacity: 0.8; filter: alpha(opacity=80);}

				.landing-block .arrow-link
				{text-transform: none;}

				.landing-block .arrow-link:hover
				{text-decoration: underline;}

	.page .content iframe
	{margin-bottom: 20px;}

	.page .addthis_toolbox
	{width: 100%; float: left; padding: 10px 0;}

	.page .content form 
	{display: block;}

		.page .content form .form-field-wrapper
		{width: 100%; float: left; padding: 0 0 10px;}

			.page .content form label
			{width: 100%; float: left; padding: 0 0 5px; font: 500 87.5%/150% Arial, Helvetica, sans-serif; color: #666;}

			.page .content form .form-field-required-star
			{float: left; position: relative; top: -8px; left: 2px; font-weight: 700; font-size: 112.5%; color: #EA3F22;}

			.page .content form select,
			.page .content form input,
			.page .content form textarea
			{float: left; padding: 7px; margin: 0; font: 500 87.5%/120% Arial, Helvetica, sans-serif; color: #666; background: #f5f5f5; border: 1px solid #f5f5f5;}

			.page .content form .fieldError
			{border-color: #EA3F22;}

			.page .content form textarea
			{min-height: 50px; max-height: 150px;}

			.text-full .input-tiny
			{width: 105px; max-width: 702px;}

			.text-full .input-small
			{width: 255px; max-width: 702px;}

			.text-full .input-medium
			{width: 405px; max-width: 702px;}

			.text-full .input-large
			{width: 555px; max-width: 702px;}

			.text-full .input-extralarge
			{width: 702px; max-width: 702px;}

			.text-left .input-tiny
			{width: 75px; max-width: 467px;}

			.text-left .input-small
			{width: 167px; max-width: 467px;}

			.text-left .input-medium
			{width: 267px; max-width: 467px;}

			.text-left .input-large
			{width: 367px; max-width: 467px;}

			.text-left .input-extralarge
			{width: 467px; max-width: 467px;}

			.text-right .input-tiny
			{width: 75px; max-width: 187px;}

			.text-right .input-small
			{width: 127px; max-width: 187px;}

			.text-right .input-medium
			{width: 147px; max-width: 187px;}

			.text-right .input-large
			{width: 167px; max-width: 187px;}

			.text-right .input-extralarge
			{width: 187px; max-width: 187px;}

			.page .content form .input-button
			{float: left; padding: 12px 40px 17px; margin-top: 10px; background: #666; border-radius: 10px; border: 0; font: 500 100%/100% 'AllerBold', Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; text-align: center; cursor: pointer;}

			.page .content form .input-button:hover
			{background: #454543;}

		.donation
		{display: block; padding-top: 10px;}

			.donation .navigation
			{display: block;}

				.donation .navigation li
				{float: left; margin: 0 5px 11px 0;}

					.donation .navigation li a
					{float: left; padding: 15px 0; font-family: 'AllerBold'; font-size: 100%; text-transform: uppercase; color: #fff; background: #999; text-align: center; width: 160px; text-decoration: none; border-radius: 8px;}

					.donation .navigation a:hover
					{background: #666;}

				.donation .navigation li.selected
				{margin-bottom: 0;}

					.donation .navigation li.selected a
					{background: #eaeaea; color: #666; padding-bottom: 26px; border-radius: 8px 8px 0 0;}

			.donation .box
			{position: relative; top: -6px;}

				.donation .box form 
				{display: none; padding-bottom: 20px;}

				.donation .box form.selected
				{display: block;}

				.donation .box .amount
				{float: left;}

					.donation .box .amount input 
					{position: relative; top: 7px; background: none; border: 0;}

				.donation .box .amount label
				{float: left; width: auto; padding: 0 20px 0 5px; font-family: 'AllerDisplay'; font-size: 125%; color: #EA3F22;}

				.donation .box .amount .small 
				{font-family: 'Aller';}

				.donation .box .amount .smaller 
				{float: none; padding: 0; font-family: 'Aller'; font-size: 80%;}

				.donation .box .amount .other
				{font-size: 70%; padding: 6px; position: relative; top: 0px; background: #fff;}

				.donation .box .donate-button
				{float: left; padding: 10px 30px 15px; margin: 20px 0 0; border-radius: 10px; border: 0; font: 105%/100% 'AllerBold', Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; cursor: pointer; color: #fff; background: #EA3F22;}

				.donation .box .donate-button:hover
				{background: #454543;}
 
.foot
{padding: 27px 0 15px; background: #fff url('../images/border.gif') repeat-x top;}

		.foot .super-nav
		{float: right; padding-top: 7px;}

			.foot .super-nav li
			{float: left; padding: 1px 0 0 7px; margin-left: 7px; border-left: 1px solid #454543; font-family: Arial; font-size: 75%; line-height: 100%;}

			.foot .super-nav li.first 
			{border: 0;}

			.foot .super-nav li.selected 
			{font-weight:bold; }

				.foot .super-nav li a,
				.foot .super-nav .selected a:hover
				{color: #454543; text-decoration: none;}

				.foot .super-nav li a:hover
				{color: #EA3F22;}

		.foot .right p
		{width: 100%; float: right; clear: right; text-align: right; padding-top: 50px; font-size: 75%; line-height: 150%; color: #454543;}

.base
{overflow: hidden;}

	.base .contain
	{padding: 10px 0;}

		.base p
		{font-size: 75%; color: #999;}

			.base p a
			{color: #999; text-decoration: none;}

			.base p a:hover
			{text-decoration: underline;}