/*
		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/welcome.png') center center no-repeat;
		height:      180px;
		margin:      10px 0 30px;
		text-indent: -10000px;
		width:       940px;
	}

		#welcome div {
			position: relative;
			left: -10000px;
		}



	/*
		Page Contents
	----------------------------------------------------------------------*/

	#page {
		background: #fff;
		padding:    20px;
	}

		#content {
			display: inline;
			float:   left;
			width:   540px;
		}

			#content.wider {
				width: 670px;
			}

		#sidebar {
			display: inline;
			float:   right;
			width:   340px;
		}

			#sidebar.narrow {
				width: 210px;
			}



	/*
		Page Elements
	----------------------------------------------------------------------*/

	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.allocation {
		clear:      both;
		background: #fffde5;
		margin-top: 10px;
		padding:    5px 0;
	}

		.allocation li {
			padding: 0 10px !important;
		}

		.allocation strong.amount {
			display: inline;
			float:   right;
		}



    ul.blog_archive {}

        .blog_archive a.avatar {
            display: block;
            float:   left;
            margin:  0 0 10px;
        }

            .blog_archive a.avatar img {
                display: block;
            }

        .blog_archive h3 {}

            .blog_archive li.has_avatar h3 {
                float: right;
                width: 612px;
            }

        .blog_archive li {}

        .blog_archive p {
            clear: both;
        }

            .blog_archive li.has_avatar p.details {
                clear: right;
                float: right;
                width: 612px;
            }



	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 {
			float:  left;
			margin: 0 0 10px;
			width:  48px;
		}

			.post_head .avatar img {
				display: block;
			}

		.post_head.has_avatar h2.title {
		    float:  right;
		    margin: 0 0 5px;
		    width:  612px;
		}

		.post_head.has_avatar p {
		    float:  right;
		    margin: 0 0 5px;
		    width:  612px;
		}



	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.donation_summary {
		background: #fffcd9;
		padding:    10px 15px;
	}

		.donation_summary dt {
			clear:          left;
			display:        inline;
			float:          left;
			margin:         0;
			padding:        3px 0;
			width:          120px;
			vertical-align: top;
		}

		.donation_summary dd {
			display:        inline;
			float:          left;
			margin:         0;
			padding:        3px 0;
			vertical-align: top;
			width:          520px;
		}



	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.direct_donations {
		border-bottom: 1px solid #ccc;
		padding:       0.5em 1.5em 1.5em;
	}


		.direct_donations a {
			font-weight:     normal;
			text-decoration: none;
		}

			.direct_donations a:hover {
				text-decoration: underline;
			}

			.direct_donations a strong {
				float: none;
			}

		.direct_donations li {
			list-style:  none;
			line-height: 2;
			margin:      0;
		}

		.direct_donations strong {
			float: right;
		}

			.direct_donations strong.ref {
				float: none;
			}



	ul.other_donations {}

		.other_donations a {
			font-weight:     normal;
			text-decoration: none;
		}

			.other_donations a:hover {
				text-decoration: underline;
			}

		.other_donations div.allocation {
			clear: both;
		}

			.js .other_donations div.allocation {
				display: none;
			}

			.other_donations div.allocation ul {
				margin: 0;
			}

				.other_donations div.allocation li {
					border:  0;
					margin:  0;
					padding: 0;
				}

		.other_donations h4 {
			font-weight: normal;
			margin:      0;
		}

		.other_donations li {
			border-bottom: 1px solid #ccc;
			list-style:    none;
			line-height:   2;
			margin:        0;
			padding:       1em;
		}

			.other_donations li.alt {
				background: #fffef2;
			}

		.other_donations p {
			display: inline;
			float:   right;
			margin:  0;
		}

		.other_donations span.alloc {
			display:     inline;
			float:       right;
			font-weight: bold;
		}

			.js .other_donations span.alloc_drop {
				cursor:        pointer;
				position:      relative;
				padding-right: 15px;
			}

				.js .other_donations span.alloc_drop span {
					border:           5px solid #fff;
					border-top-color: #000;
					display:          block;
					height:           0;
					position:         absolute;
					width:            0;
					right:            0;
					top:              7px;
				}

					.js .other_donations span.alloc_drop span.open {
						border-bottom-color: #000;
						border-top-color:    #fff;
						top:                 2px;
					}



	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;
		}



	/* Is press list being used???*/

	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;
			}


	/*	Associated documents
		Currently used on the blog (added by Jon on 22nd June 2011
		------------------------------------------------------------------ */
	div.assoc_docs {
		margin: 20px 0 30px;
	}

		.assoc_docs a {}

		.assoc_docs dl {
			margin: 0;
		}

			.assoc_docs dt {
				background-position: left 2px;
				background-repeat:   no-repeat;
				display:             block;
				float:               none;
				font-weight:         normal;
				margin:              .35em 0 0;
				padding:             0 0 0 24px;
			}

				.assoc_docs dt.doc  { background-image: url('/img/icons/doc.png');      }
				.assoc_docs dt.jpg  { background-image: url('/img/icons/jpg.png');      }
				.assoc_docs dt.link { background-image: url('/img/icons/world_go.png'); }
				.assoc_docs dt.pdf  { background-image: url('/img/icons/pdf.png');      }
				.assoc_docs dt.ppt  { background-image: url('/img/icons/ppt.png');      }
				.assoc_docs dt.xls  { background-image: url('/img/icons/xls.png');      }

				.assoc_docs dt span {
					color:     #777;
					font-size: .9em;
				}

			.assoc_docs dd {
				color:        #444;
				font-size:    .9em;
				margin:       0 0 1em;
				padding-left: 24px;
				text-indent:  0;
			}

		.assoc_docs h4 {
			font-weight: bold;
		}








	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;
		}



	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;
	}

		.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.1em;
			display:   inline;
			float:     left;
		}

			#legal p.credits {
				clear:   both;
				display: block;
				float:   none;
			}

				#legal p.credits a {
					color:           #000;
					font-weight:     normal;
					text-decoration: underline;
				}

		#legal ul {
			display: inline;
			float:   right;
			margin:  0;
		}

			#legal li {
				display:     inline;
				float:       left;
				font-size:   1.1em;
				line-height: 30px;
				list-style:  none;
				margin:      0 0 0 10px;
			}

				#legal li a {
					background:  center center no-repeat;
					display:     block;
					height:      30px;
					text-indent: -9999px;
					width:       30px;
				}

					#legal li.facebook a { background: url('/img/icons/facebook.png'); }
					#legal li.twitter  a { background: url('/img/icons/twitter.png');  }
					#legal li.rss      a { background: url('/img/icons/rss.png');      }



	/*
		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/icons/facebook.png) 0 8px no-repeat; border-top: 1px solid #e4cb9c; }
	div.acts_norows p.twitter { padding: 6px 0 0 40px; background: url(/img/icons/twitter.png) 0 8px no-repeat; border-top: 1px solid #e4cb9c; }
	div.acts_norows p.rss { padding: 6px 0 0 40px; background: url(/img/icons/rss.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 p.checks input { width: auto; }
			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;
		}

	/*
	Tips and errors
	--------------------------------------------------------------------*/
	form.default p.tip { margin: 12px 0 12px 0; padding: 0px 5px 8px 28px; font-size: 1.2em; width: 350px; }
	form.default p.tip span { position: relative; display: block; top: -8px; left: -21px; width: 15px; height: 8px; }
	form.default p.terror { background: #fde6e6 url(/img/icons/cancel.gif) 6px 8px no-repeat; border: 1px solid #e56666; }
	form.default p.terror span { background: transparent url(/img/icons/tip_arrow_red.gif) 0px 0px no-repeat; }
	form.default p.twarning { background: #fcfce2 url(/img/icons/alert.gif) 6px 8px no-repeat; border: 1px solid #e4cb9c; }
	form.default p.twarning span { background: transparent url(/img/icons/tip_arrow_yellow.gif) 0px 0px no-repeat; }
	form.default p.thelp { background: #edf2fa url(/img/icons/helper.gif) 6px 8px no-repeat; border: 1px solid #9dbadf; }
	form.default p.thelp span { background: transparent url(/img/icons/tip_arrow_blue.gif) 0px 0px no-repeat; }



	/* 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; }


	ul.links_list {} 
	ul.links_list li { margin: 0 0 10px 0; padding: 0 0 10px 0; list-style-type: none; border-bottom: 1px solid #EAEAEA; } 
	ul.links_list li h4 { margin: 0; padding: 0; font-size: 1.1em; } 
	ul.links_list li p { margin: 0; padding: 2px 0; } 

	table.messages { width: 100%; border: 1px solid #47a5ff; font-size: 1.2em; }
		table.messages tr.even td { background: #fffde5; }
		table.messages tr.unread td, table.messages tr.unread td a { font-weight: bold; }

		table.messages th { border: 1px solid #47a5ff; padding: 5px; background: #47a5ff; color: #ffec01; text-align: center; }
		table.messages td { border: 1px solid #47a5ff; padding: 5px; text-align: center; }

		table.messages .title { text-align: left; }
		table.messages .money { text-align: right; }

		
		table.messages a { font-weight: normal; }

		table.messages { }
		table.messages { }

		p.message_actions { margin: 4px 0; text-align: right; }

		p.message_request { display: block; padding: 5px; background: #fffabf; }