
	/*
		HTML and Body
	----------------------------------------------------------------------*/

	html {}

		body {
			background: #ffec01;
			padding:    20px 0 40px;
			text-align: center;
		}

			.wrapper {
				margin:     0 auto;
				text-align: left;
				width:      940px;
			}



	/*
		Header
	----------------------------------------------------------------------*/

	#header {
		height: 130px;
	}

		div.logo {
			display: inline;
			float:   left;
			width:   371px;
		}

			#header h1 {
				margin: 0;
			}

				#header h1 a {
					background:  url('/img/design/acts435.png') center center no-repeat;
					display:     block;
					font-size:   2.4em;
					height:      120px;
					width:       371px;
					text-indent: -10000px;
				}

		p.tagline {
			display: none;
		}

		div.header_tools {
			display: inline;
			float:   left;
			width:   569px;
		}

			div.top_login {
				height: 30px;
				width:  569px;
			}

				.top_login a {
					font-weight:     bold;
					text-decoration: none;
				}

					.top_login a:hover {
						text-decoration: underline;
					}

				.top_login p {
					font-size:   1.2em;
					line-height: 30px;
					margin:      0;
					text-align:  right;
				}

			ul#navigation {
				display: inline;
				float:   right;
				margin:  0;
				padding: 30px 0 0;
			}

				#navigation a {
					background-color:  #000;
					background-image:  url('/img/design/navigation.png');
					background-repeat: no-repeat;
					color:             #fff;
					display:           block;
					height:            50px;
					font-size:         2em;
					margin-left:       10px;
					padding:           10px 0 0 10px;
					text-indent:       -10000px;
					width:             150px;
				}

					#navigation a:hover {
						background-color: #fff;
						color:            #000;
					}

					#navigation li a.give-now     { background-position: left   top; }
					#navigation li a.ask-for-help { background-position: -160px top; }
					#navigation li a.how-we-work  { background-position: -320px top; }

						#navigation li a.give-now:hover     { background-position: left   bottom; }
						#navigation li a.ask-for-help:hover { background-position: -160px bottom; }
						#navigation li a.how-we-work:hover  { background-position: -320px bottom; }


						body.give-now #navigation li a.give-now { background-position: left bottom; border-bottom: 10px solid #fff; }
						body.ask-for-help #navigation li a.ask-for-help { background-position: -160px bottom; border-bottom: 10px solid #fff; }
						body.how-we-work #navigation li a.how-we-work { background-position: -320px bottom; border-bottom: 10px solid #fff; }


				#navigation li {
					display:    inline;
					float:      left;
					list-style: none;
					margin:     0;
				}



	/*
		Welcome Banner
	----------------------------------------------------------------------*/

	#welcome {
		background:    url('/img/design/flash_back.png') center center no-repeat;
		height:        300px;
		margin-bottom: 20px;
		width:         940px;
	}



	/*
		Page Contents
	----------------------------------------------------------------------*/

	#page {
		background: #fff;
		padding:    20px;
	}



	/*
		Content
	----------------------------------------------------------------------*/

	#content {
		display: inline;
		float:   left;
		width:   540px;
	}

		#content.wider {
			width: 670px;
		}



		div.aby {
			background:    #fffde5;
			margin-bottom: 20px;
			padding:       10px;
		}

			body.how-we-work .aby {
				display: inline;
				float:   right;
				margin:  0 0 1em 1em;
				width:   320px;
			}


			.aby blockquote {
				padding: 0;
			}

			.aby cite {
				clear:      both;
				font-size:  1.3em;
				font-style: italic;
				margin:     0;
			}

			.aby img {
				float:         right;
				margin-bottom: 10px;
				margin-left:   10px;
			}

			.aby p {
				font-size: 1.4em;
				margin:    0;
				padding:   4px 0 0 0;
			}



		div.close_this {
			font-size:   1.4em;
			font-weight: bold;
			text-align:  right;
		}



		div.full_details {
			display:     inline;
			float:       left;
			padding-top: 5px;
			width:       520px;
		}

			.full_details h3 {
				clear: both;
			}



		div.map {
			display: inline;
			float:   right;
			width:   360px;
		}



		div.next_open_day {
			background: #ececec;
			clear:      both;
		}

			.next_open_day p {
				display:     inline;
				float:       left;
				font-weight: bold;
				line-height: 34px;
				margin:      0;
				padding:     0 10px;
			}

			.next_open_day h3 {
				background:  #dcdcdc;
				display:     inline;
				float:       left;
				line-height: 34px;
				margin:      0;
				padding:     0 10px;
			}



		div.no_account {
			background: #ececec;
			display:    inline;
			float:      right;
			padding:    3px 20px 20px;
			width:      400px;
		}

			.no_account h3 {
				font-size: 2.2em;
			}

			.no_account p {
				font-size: 1.6em;
			}

				.no_account p.reg_link {
					display: inline;
					float:   right;
					margin:  6px 0 7px;
				}


		div.post_content {}

			.post_content img {
				border:  1px solid #ccc;
				display: inline;
				float:   right;
				margin:  0 0 20px 20px;
			}



		div.post_head {
			border-bottom: 1px solid #ddd;
			margin-bottom: 1em;
		}

			.post_head .avatar {
				display: inline;
				float:   left;
				margin:  0 10px 0 0;
				width:   42px;
			}

				.post_head .avatar img {
					display: block;
				}

				.post_head .avatar a {
					background: url('/img/design/avatar_default.png') center center no-repeat;
					border:     1px solid #ccc;
					display:    block;
					height:     40px;
					width:      40px;
				}

					.post_head .avatar a:hover {}

			.post_head .details {
				padding-top: 2px;
			}

				.post_head .details span {
					display: block;
				}



		div.welcome {}



		div.youtube {
			padding:    10px 0;
			text-align: center;
		}



		dl.church_details {}

			.church_details dt {
				clear:          left;
				display:        inline;
				float:          left;
				width:          80px;
				vertical-align: top;
			}

			.church_details dd {
				display:        inline;
				float:          left;
				vertical-align: top;
				width:          440px;
			}

				.church_details p {
					margin: -2px 0 0 0;
				}



		dl.contact_details {}

			.contact_details dt {
				clear:          left;
				display:        inline;
				float:          left;
				width:          80px;
				vertical-align: top;
			}

			.contact_details dd {
				display:        inline;
				float:          left;
				vertical-align: top;
				width:          400px;
			}

				.contact_details p {
					margin: -2px 0 0 0;
				}



		dl.your_details {}

			.your_details dt {
				clear:   left;
				display: inline;
				float:   left;
				width:   80px;
			}

			.your_details dd {}

				.your_details p {
					margin: -2px 0 0 0;
				}



		form.account_form {
			background: #fffde5;
			border:     1px solid #ffec01;
			padding:    20px 80px;
		}

			.account_form button {
				display: inline;
				float:   right;
				padding: 5px 10px;
			}

			.account_form fieldset {
				font-size: 1em;
			}

			.account_form input {
				border:  1px solid #bbb;
				padding: 4px;
				width:   268px;
			}

				.account_form input.error {
					border-color: #f77;
				}

				.account_form input.focus {
					border-color: #47a5ff;
				}

			.account_form label {
				display: block;
				font-weight: bold;
				margin-bottom: .25em;
			}

			.account_form span {}

				.account_form span.asterisk {
					color: #f77;
				}

			form.login_form {
				display: inline;
				float:   left;
				width:   278px;
			}

			form.password_form,
			form.register_form {
				margin: 0 auto;
				width:  280px;
			}



		form.contact_form {
			background: #fffde5;
			border:     1px solid #ffec01;
			padding:    20px 80px;
			width:      280px;
		}

			.contact_form button {
				display: inline;
				float:   right;
				padding: 5px 10px;
			}

			.contact_form input {
				border:  1px solid #bbb;
				padding: 4px;
				width:   268px;
			}

				.contact_form input.error {
					border-color: #f77;
				}

				.contact_form input.focus {
					border-color: #47a5ff;
				}

			.contact_form label {
				display:       block;
				font-weight:   bold;
				margin-bottom: .25em;
			}

			.contact_form span {}

				.contact_form span.asterisk {
					color: #f77;
				}

			.contact_form textarea {
				border:      1px solid #bbb;
				font-family: Arial, sans-serif;
				font-size:   1.1em;
				padding:     4px;
				width:       268px;
			}

				.contact_form textarea.error {
					border-color: #f77;
				}

				.contact_form textarea.focus {
					border-color: #47a5ff;
				}



		form.directions {
			background: #fffde5;
			border:     1px solid #fffabf;
			margin-top: 20px;
			padding:    9px;
		}

			.directions button {
				cursor:         pointer;
				display:        inline;
				float:          right;
				height:         27px;
				vertical-align: bottom;
				width:          55px;
			}

			.directions fieldset {}

			.directions input {
				border:  1px solid #bbb;
				display: inline;
				float:   left;
				padding: 4px;
				vertical-align: bottom;
				width:   268px;
			}

				.directions input.error {
					border-color: #f77;
				}

				.directions input.focus {
					border-color: #47a5ff;
				}

			.directions label {
				display:       block;
				margin-bottom: 3px;
			}

			.directions p {
				margin: 0;
			}



		form.give_filter {
			background: #f7f7f7;
			border:     1px solid #ececec;
			margin:     0 1px 1em 1px;
			padding:    0;
		}

			form.give_filter button {
				line-height: 1.5;
				margin-left: 3px;
			}

			form.give_filter p {
				margin:      10px;
				padding:     0;
				font-size:   1.4em;
				line-height: 2.5em;
			}



		form.postcode_lookup {
			background:    #fffabf;
			margin-bottom: 15px;
			padding:       15px 70px;
		}

			.postcode_lookup button {
				display:        inline;
				float:          left;
				padding:        2px 5px;
				vertical-align: middle;
			}

			.postcode_lookup fieldset {
				padding-top: 10px;
			}

			.postcode_lookup input {
				border:       1px solid #bbb;
				display:      inline;
				float:        left;
				margin-right: 5px;
				padding:      4px;
			}

				.postcode_lookup input:focus {
					border-color: #47a5ff;
				}

			.postcode_lookup label {
				display:      inline;
				float:        left;
				font-size:    1.3em;
				line-height:  26px;
				margin-right: 10px;
			}

			.postcode_lookup legend {
				font-size:   1.6em;
				font-weight: bold;
			}



		h2.title {
			font-size:   2.2em;
			line-height: 1;
			margin:      0 0 1em;
		}



		h3.mid_header {
			font-size: 1.9em;
		}



		img.copy_image {}



		p.breadcrumb {
			border-bottom: 1px solid #ddd;
			margin:        0 0 1em 0;
			padding:       0 0 5px 0;
		}

			p.breadcrumb a {
				text-decoration: none;
			}

				p.breadcrumb a:hover {
					text-decoration: underline;
				}



		p.more {
			font-size:  1.4em;
			text-align: right;
		}

			p.more a {
				font-weight: bold;
			}



		p.paging {
			color:       #666;
			font-size:   1.4em;
			font-weight: bold;
			text-align:  center;
		}

			.paging a {
				padding:         1px 4px;
				text-decoration: none;
			}

				.paging a:hover,
				.paging a.current {
					background:      #000;
					color:           #fff;
					text-decoration: none;
				}

			.paging span {
				color:   #999;
				padding: 1px 4px;
			}



		ul.blog_archive {}

			.blog_archive a {
				text-decoration: none;
			}

				.blog_archive a:hover {
					text-decoration: underline;
				}

			.blog_archive li {
				margin: 0 0 20px;
			}

			.blog_archive h3 {
				border-bottom: 1px solid #e0e0e0;
				font-size: 1.3em;
				margin:    0 0 5px;
			}

			.blog_archive p {}

				.blog_archive p.details {
					color:     #777;
					font-size: .9em;
					margin:    0 0 10px;
				}

			body.home .blog_archive { background: #EAEAEA; padding: 10px; padding-bottom: 0; }
			body.home .blog_archive p.desc { padding-bottom: 10px; }

		ul.requests {
			border-bottom:  1px solid #b2b2b2;
			padding-bottom: 2em;
		}

			.requests div.request_info {
				clear:      both;
				padding-top: 15px;
			}

				.js .requests div.request_info {
					display: none;
				}

			.donation_form_wrapper {
				background:    #ffec01;
				height:        30px;
				padding:       15px;
				margin-bottom: 15px;
			}

				.donation_form_wrapper p.confirm {}

					.confirm span {
						display:     inline;
						float:       left;
						line-height: 30px;
					}

					.confirm a {
						background:      #47a5ff;
						color:           #fff;
						display:         inline-block;
						float:           right;
						height:          30px;
						line-height:     30px;
						padding:         0 10px;
						text-decoration: none;
					}

						.confirm a:hover {
							text-decoration: underline;
						}

			.requests form.donation_form {}

				.donation_form button {
					background:     #000;
					border:         1px solid #000;
					color:          #fff;
					cursor:         pointer;
					display:        inline;
					float:          left;
					font-family:    "Helvetica Neue", Helvetica, Arial, sans-serif;
					font-size:      1.8em;
					font-weight:    bold;
					height:         29px;
					line-height:    30px;
					margin-left:    10px;
					text-align:     center;
					vertical-align: middle;
					width:          118px;
				}

					.donation_form button:hover {
						background:   #fff;
						border-color: #b2b2b2;
						color:        #000;
					}

				.donation_form input {
					background:     #fff url('/img/icons/sterling.png') 4px 9px no-repeat;
					border:         1px solid #fff;
					display:        inline;
					float:          left;
					font-family:    "Helvetica Neue", Helvetica, Arial, sans-serif;
					font-size:      1.5em;
					font-weight:    bold;
					height:         21px;
					margin-left:    10px;
					padding:        6px 5px 0 15px;
					vertical-align: middle;
					width:          48px;
				}

					.donation_form input[type=hidden] {
						display:    none;
						visibility: hidden;
					}

					.donation_form input:focus {
						border-color: #b2b2b2;
					}

				.donation_form label {
					display:        inline;
					float:          left;
					font-size:      1.4em;
					line-height:    30px;
					vertical-align: middle;
					width:          270px;
				}

					.donation_form label.single_label {
						width: 300px;
					}

					.donation_form label.error {
						background:  #fdd;
						text-indent: 8px;
					}

				.donation_form legend {
					display: inline;
					float:   left;
				}

			.requests h3 {
				font-size:   1.8em;
				font-weight: bold;
				line-height: 1.3;
				margin:      0 0 .5em 0;
			}

			.requests.completed h3 { 
				font-size:   1.4em;
			}

				.requests h3 a {
					color:           #000;
					text-decoration: none;
				}

					.requests h3 a:hover {
						color:           #000;
						text-decoration: underline;
					}

			.requests li {
				border:     1px solid #fff;
				font-size:  1em;
				list-style: none;
				margin:     0;
				padding:    14px;
			}

				.requests li:after {
					clear:      both;
					content:    ' ';
					display:    block;
					height:     0;
					visibility: hidden;
				}

				.requests li {
					display:inline-block;
				}

					* html .requests li {
						height: 1%;
					}

				.requests li {
					display:block;
				}

				.requests li.active {
					border-color: #b2b2b2;
				}

				.requests li.alt {
					background: #eaeaea;
				}

			.requests p {
				font-size: 1.3em;
			}

				.requests p.details {
					margin: 0 0 .6em;
				}

				.requests p.needs {
					display:     inline;
					float:       left;
					line-height: 1em;
					margin:      0;
					width:       400px;
				}

					p.needs a {
						background: #47A5FF;
						color: #fff;
						padding: 3px 6px;
						text-decoration: none;
					}

						p.needs a:hover {
							text-decoration: underline;
						}

				.requests p.learn_more {
					display:     none;
					float:       right;
					line-height: 1;
					margin:      -25px 8px 0 0;
				}

					body.js .requests p.learn_more {
						display: inline;
					}

					.learn_more a {
						background:      #000;
						border:          1px solid #000;
						color:           #fff;
						display:         block;
						font-size:       1.35em;
						font-weight:     bold;
						padding:         6px 0;
						text-align:      center;
						text-decoration: none;
						width:           118px;
					}

						.learn_more a:hover {
							background:      #fff;
							border-color:    #b2b2b2;
							color:           #000;
						}

		ul.success_list {}

			.success_list h3 {
				font-size: 1.3em;
			}

			.success_list li {
				border-bottom: 1px solid #aaa;
				list-style:    none;
				margin:        0 0 15px;
			}

				.success_list li:last-child {
					border: 0;
				}



		ul.churches {}

			.churches a {}

				.churches a:hover {}

				.churches a.big_link {}

			.churches dl {
				display:   inline;
				float:     left;
				font-size: 1.3em;
				margin:    0;
			}

				.churches dl:after  { clear: both; content: ' '; display: block; height: 0; visibility: hidden; }
				.churches dl        { display:inline-block; }
				* html .churches dl { height: 1%; }
				.churches dl        { display:block; }

				.churches dt {
					width: 70px;
				}

				.churches dd {
					width: 315px;
				}

			.churches h3 {
				font-size:   1.8em;
				font-weight: bold;
				line-height: 1.3;
				margin:      0 0 .5em 0;
			}

				.churches h3 a {
					color:           #000;
					text-decoration: none;
				}

					.churches h3 a:hover {
						color:           #000;
						text-decoration: underline;
					}

			.churches li {
				font-size:  1em;
				list-style: none;
				margin:     0;
				padding:    15px 15px 8px;
				position:   relative;
			}

				.churches li.alt {
					background: #eaeaea;
				}

				.churches li:after  { clear: both; content: ' '; display: block; height: 0; visibility: hidden; }
				.churches li        { display:inline-block; }
				* html .churches li { height: 1%; }
				.churches li        { display:block; }

			.churches p {
				font-size: 1.3em;
			}

				.churches p.view_loc {
					bottom:   23px;
					display:  inline;
					float:    right;
					margin:   0;
					position: absolute;
					right:    13px;
				}



		ul.partners_list {}

			.partners_list div.details {
				display: inline;
				float:   right;
				width:   450px;
			}

			.partners_list h4 {
				font-size:   1.2em;
				font-weight: bold;
				margin-top:  0;
			}

			.partners_list img {
				display: inline;
				float:   left;
				margin:  0 20px 10px 0;
			}

			.partners_list li {
				border-bottom:  1px solid #ddd;
				margin:         0 0 20px;
				padding-bottom: 10px;
			}



		ul.press_list {
			margin-top: 30px;
		}

			.press_list h3 {
				background-position: left 3px;
				background-repeat:   no-repeat;
				border-bottom:       1px solid #e0e0e0;
				font-size:           1.2em;
				margin:              0 0 10px;
				padding-left:        22px;
			}

				.press_list li.doc h3 { background-image: url('/img/icons/doc.png'); }
				.press_list li.pdf h3 { background-image: url('/img/icons/pdf.png'); }
				.press_list li.xls h3 { background-image: url('/img/icons/xls.png'); }

				.press_list h3 a {
					text-decoration: none;
				}

					.press_list h3 a:hover {
						text-decoration: underline;
					}

			.press_list li {
				list-style: none;
				margin:     0 0 20px;
				padding:    0 0 6px;
				position:   relative;
			}

			.press_list p {
				clear: both;
			}

				.press_list p.details {
					color:     #666;
					font-size: .9em;
					position:  absolute;
					right:     0;
					top:       3px;
				}



		ul.staff_list {}

			.staff_list h4 {
				font-size:   1.2em;
				font-weight: bold;
			}

			.staff_list img {
				border:  1px solid #ccc;
				display: inline;
				float:   left;
				margin:  0 15px 10px 0;
			}

			.staff_list li {
				border-bottom:  1px solid #ddd;
				margin:         0 0 20px;
				padding-bottom: 10px;
			}



	/*
		Sidebar
	----------------------------------------------------------------------*/

	#sidebar {
		display: inline;
		float:   right;
		width:   340px;
	}

		#sidebar.narrow {
			width: 210px;
		}



		div.filter {
			background:     #fffde5;
			margin-bottom:  20px;
			padding-bottom: 10px;
		}

			div.filter #sidebar h2.title {
				margin: 0;
			}



		div.filter_map {
			padding:    10px 10px 0;
			text-align: center;
		}



		div.message_beta {	
			background: #fffabf;
			border:		1px solid #47A5FF;			
			margin:     10px 10px 0 10px;
			padding:    6px 6px 6px 6px;
			/*
			background: #fffabf url(/img/design/pilot.gif) right 0 no-repeat;
			border:     1px solid #ffec01;
			margin:     10px 10px 0 10px;
			padding:    6px 55px 6px 6px;
			*/

		}

			.message_beta a {
				font-weight:     bold      !important;
				text-decoration: underline !important;
			}

				.message_beta a:hover {
					text-decoration: none !important;
				}

			.message_beta p {
				margin-bottom: 0;
			}



		#sidebar h2.title {
			background:  #ffec01;
			color:       #111;
			font-size:   1.4em;
			line-height: 2em;
			margin:      0 0 .25em;
			text-indent: 10px;
		}



		.filter ul {
			padding: 5px 10px 0;
			margin: 0 0 0;
		}

			.filter ul li {
				display:     inline;
				float:       left;
				line-height: 1.6;
				list-style:  none;
				margin:      0;
				width:       160px;
			}

				.filter ul li a {
					border:          1px solid #fffde5;
					display:         block;
					padding:         3px 8px;
					text-decoration: none;
				}

				.filter ul li a:hover,
				.filter ul li a.hover {
					background-color: #fffabf;
					border-color:     #fffabf;
				}

				.filter ul li a.active {
					border-color: #ccc;
					background:   #fff;
				}



		ul.steps_checkout {}

			.steps_checkout li {
				background:   #fffde5 url('/img/design/cart_progress.png') right -10px no-repeat;
				display:      block;
				float:        left;
				font-size:    d1.6em;
				line-height:  50px;
				margin:       0;
				padding-left: 20px;
				width:        205px;
			}

				.steps_checkout li.active {
					background-color:    #fffabf;
					background-position: right -80px;
					font-weight:         bold;
				}

				.steps_checkout li.done {
					background-color:    #fffabf;
					background-position: right -150px;
				}

					.steps_checkout li.done a {
						color:           #777;
						text-decoration: none;
					}

				.steps_checkout li#step4        { background-position: right -220px; }
				.steps_checkout li#step4.active { background-position: right -290px; }



		ul.sub_navigation {}

			.sub_navigation li {
				border-bottom: 1px solid #fff;
				list-style:    none;
				margin:        0;
			}

				.sub_navigation li span {
					background:  #ffec01;
					display:     block;
					font-weight: bold;
					font-size:   1.1em;
					padding:     4px 10px;
				}

				.sub_navigation li ul {
					background: #fffde5;
					padding:    10px;
				}

					.sub_navigation li ul li {
						border:    0;
						font-size: .9em;
					}

						.sub_navigation li ul li a {
							background:      #fffde5;
							border:          1px solid #fffde5;
							display:         block;
							font-weight:     bold;
							font-size:       1.1em;
							padding:         4px 10px;
							text-decoration: none;
						}

							.sub_navigation li ul li a:hover {
								background:   #fffabf;
								border-color: #fffabf;
							}

					.sub_navigation li ul li.active {}

						.sub_navigation li ul li.active a {
							background:   #fff;
							border-color: #d7d7d7;
						}

							.sub_navigation li ul li.active a:hover {
								background:   #fffabf;
								border-color: #fffabf;
							}



		ul.success_stories {
			margin: 0 0 2.5em;
		}

			.success_stories h3 {
				font-size: 1.1em;
			}

			.success_stories li {
				list-style: none;
				margin:     0;
				padding:    0 10px;
			}

			.success_stories p {
				font-size: 1em;
			}



	/*
		Foot Buttons
	----------------------------------------------------------------------*/

	#foot_buttons {
		margin-bottom: 10px;
	}

		p.foot_basket {
			display:     inline;
			float:       left;
			line-height: 30px;
			margin:      30px 0 0 0;
		}



		ul.foot_nav {
			display: inline;
			float:   right;
			margin:  0;
		}

			.foot_nav a {
				background-color:  #000;
				background-image:  url('/img/design/navigation.png');
				background-repeat: no-repeat;
				color:             #fff;
				display:           block;
				height:            50px;
				font-size:         2em;
				margin-left:       10px;
				padding:           10px 0 0 10px;
				text-indent:       -10000px;
				width:             150px;
			}

				.foot_nav a:hover {
					background-color: #fff;
					color:            #000;
				}

				.foot_nav li a.give-now     { background-position: left   top; border-top: 10px solid #ffec01; }
				.foot_nav li a.ask-for-help { background-position: -160px top; border-top: 10px solid #ffec01; }
				.foot_nav li a.how-we-work  { background-position: -320px top; border-top: 10px solid #ffec01; }

					.foot_nav li a.give-now:hover     { background-position: left   bottom; }
					.foot_nav li a.ask-for-help:hover { background-position: -160px bottom; }
					.foot_nav li a.how-we-work:hover  { background-position: -320px bottom; }

					body.give-now .foot_nav li a.give-now     { background-position: left   bottom; border-color: #ffec01; }
					body.ask-for-help .foot_nav li a.ask-for-help { background-position: -160px bottom; border-color: #ffec01; }
					body.how-we-work .foot_nav li a.how-we-work  { background-position: -320px bottom; border-color: #ffec01; }

			.foot_nav li {
				display:    inline;
				float:      left;
				list-style: none;
				margin:     0;
			}



	/*
		Footer
	----------------------------------------------------------------------*/

	#footer {
		background:    url('/img/design/footer_columns.png') left top repeat;
		margin-bottom: 20px;
	}

		.footer_column {
			border-top:   20px solid #ffec01;
			display:      inline;
			float:        left;
			margin-right: 20px;
			width:        300px;
		}

			.footer_column.last { margin: 0; }

			.footer_column h2 {
				border:      1px solid #fff;
				background:  #ffec01;
				color:       #111;
				font-size:   1.4em;
				line-height: 2em;
				margin:      0 0 .25em;
				text-indent: 9px;
			}

			.footer_column ul {
				margin: 0 0 .75em;
			}

				.footer_column a {
					color:           #333;
					font-weight:     normal;
					text-decoration: none;
				}

					.footer_column a:hover {
						text-decoration: underline;
					}

				.footer_column li {
					display:      inline;
					float:        left;
					line-height:  2;
					list-style:   none;
					margin:       0;
					padding-left: 10px;
					width:        140px;
				}


	/*
		Legal
	----------------------------------------------------------------------*/

	#legal {
		border-top:  1px solid #b2a501;
		color:       #000;
		padding-top: 20px;
	}

		#legal a {
			color:       #fff;
			font-weight: bold;
		}

		#legal p {
			font-size:  1.2em;
			text-align: center;
		}

		#legal p.credits { }
		#legal p.credits a { color: #000; font-weight: normal; text-decoration: none; }
		#legal p.credits a:hover { text-decoration: underline; }


	/*
		No results (ask Jon if you dont get)
	----------------------------------------------------------------------*/
	div.acts_norows { padding: 16px 16px 6px 16px; background: #fcfce2; border: 1px solid #e4cb9c; }
	div.acts_norows h3 { font-size: 1.5em; margin-top: 20px; }
	div.acts_norows p.intro { padding: 22px 0 12px 0; text-align: center; font-size: 1.5em; }
	div.acts_norows p.change { padding: 6px 0 0 40px; background: url(/img/design/arrow_up_32.gif) 0 8px no-repeat; border-top: 1px solid #e4cb9c; }
	div.acts_norows p.email { padding: 6px 0 0 40px; background: url(/img/design/email_32.gif) 0 6px no-repeat; border-top: 1px solid #e4cb9c; }
	div.acts_norows p.random { padding: 6px 0 0 40px; background: url(/img/design/user_32.gif) 0 8px no-repeat; border-top: 1px solid #e4cb9c; }
	div.acts_norows p.facebook { padding: 6px 0 0 40px; background: url(/img/design/facebook_32.png) 0 8px no-repeat; border-top: 1px solid #e4cb9c; }
	div.acts_norows p.twitter { padding: 6px 0 0 40px; background: url(/img/design/twitter_32.png) 0 8px no-repeat; border-top: 1px solid #e4cb9c; }
	div.acts_norows p.rss { padding: 6px 0 0 40px; background: url(/img/design/rss_32.png) 0 8px no-repeat; border-top: 1px solid #e4cb9c; }
	div.acts_norows p.advocates { padding: 6px 0 0 0px; border-top: 1px solid #e4cb9c; }



	/*
		cart
	----------------------------------------------------------------------*/
	/*table.cart { border-collapse: collapse; border: 1px solid #EAEAEA; border-right: none; width: 600px; }*/
	table.cart { border-collapse: collapse; width: 600px; margin: 1em 0; }
		fieldset table.cart { width: 407px; }

		table.cart th, table.cart td { padding: 8px; font-size: 1.4em; border: 1px solid #EAEAEA;}
		table.cart a { font-weight: normal; }
		table.cart th { background: #EAEAEA; }
		table.cart tr.alt td { background: #F7F7F7; }

		table.cart .delete, table.cart tr.alt td.delete { background: #fff; border: none; padding: 0; }

		table.cart .delete a {
			display: block;
			width: 20px; padding: 4px;
			text-indent: -100000px;
			background: #fff url(/img/icons/delete.gif) center center no-repeat; }



	/*
		larger giving form
	----------------------------------------------------------------------*/
	form.larger_giving {}
	form.larger_giving table { border-collapse: collapse; width: 500px; border-left: 1px solid #EAEAEA; border-right: 1px solid #EAEAEA; }
	form.larger_giving table th { background: #EAEAEA; }
	form.larger_giving table td { border-bottom: 1px solid #EAEAEA; }
	form.larger_giving table tr.noborder td { border-bottom: none; }

	form.larger_giving table th, form.larger_giving table td { padding: 8px; font-size: 1.4em; }
	form.larger_giving table td input { width: 70px; border: 1px solid #bbb; padding: 4px; margin-left: 4px; }

	form.larger_giving p.button { margin: 10px 0 0 353px; }
		form.larger_giving p.button button { padding: 5px; }

	form.larger_giving table td p.warning {
		margin: 0; padding: 0px 5px 8px 28px; border: 1px solid #e4cb9c; 
		background: #fcfce2 url(/img/icons/alert.gif) 6px 8px no-repeat; 
		font-size: 0.9em;
	}

	form.larger_giving table td p.warning span {
		position: relative; display: block; top: -8px; left: -21px; width: 15px; height: 8px;
		background: transparent url(/img/icons/tip_arrow_yellow.gif) 0px 0px no-repeat;
	}

	div.explaination { background: #FFFDE5; padding: 10px; }



	/*
		Default forms
	----------------------------------------------------------------------*/
	form.default { border: 1px solid #ffec01; background: #fffde5; padding: 10px; margin: 10px 0; }
		form.default fieldset { border: 1px solid #47A5FF; padding: 10px; margin-bottom: 2em; background: #fff; }
			form fieldset.no_border { border: 0; padding: 0; margin-bottom: 0; background: none; text-align: right; }
		form.default button {
			cursor:  pointer;
			padding: 5px 10px;
		}

			form.summary button {
				cursor:       pointer;
				margin-right: 342px;
				padding:      5px 10px;
			}

		form.default h3 { margin-top: 0; }
		form.default label { display: block; font-weight: bold; margin-bottom: 2px; }
			form.default label span.asterisk { color: red; }
		form.default legend { font-weight: bold; font-size: 1.6em; color: #47A5FF; }
		form.default input { padding: 4px; width: 268px; border: 1px solid #bbb; }
			form.default input.error   { border-color: #f77; }
			form.default input.focus   { border-color: #47a5ff; }
			form.default input.small   { width: 90px; }

		form.default select { padding: 4px; width: 278px; border: 1px solid #bbb; }
			form.default select.error   { border-color: #f77; }
			form.default select.focus   { border-color: #47a5ff; }
			form.default select.small   { width: 90px; }

		form.default p.giftaid input {
			border:       0;
			display:      inline;
			float:        left;
			margin-right: 8px;
			padding:      0;
			width:        auto;
		}

		form.default p.giftaid span {
			display: inline;
			float:   left;
			padding: 0;
			width:   370px;
		}



	/* Cart > Your details (and will be login / register too)
	----------------------------------------------------------------------*/
	div.cart_col_one { width: 440px; margin: 0 20px 0 0; display: inline; float: left; }
	div.cart_col_two { width: 440px; display: inline; float: left; }



	/* Corrections for when it sits inside a form with padding/border
	----------------------------------------------------------------------*/
	form.default div.cart_col_one { width: 429px; }
	form.default div.cart_col_two { width: 429px; }



	form.temp_form { border: 1px solid #ccc; background: #eee; padding: 10px; margin: 10px; }
		form.temp_form h3 { margin-top: 0; }


	pre { font-size: 12px; color: #000; }
