/*------------------------------------------------
Main Style Sheet

Version:	1.0
Author:		Michael Walsh
Website:	www.enov8.co.uk
Created:	23/10/07
------------------------------------------------*/

/*HTML TAGS*/

body {
  margin:0;
  padding:0;
  padding-top:20px;
  color:#000;
  font:70% Arial, Helvetica, sans-serif;
  text-align:center;
  background:#000 url(../images/interface/bg.gif) repeat-x;
}

html {
     overflow: -moz-scrollbars-vertical;
}

#header {
	width:922px;
	height:157px;
	position:relative;
	background-color:#FFF;
	z-index:100;
}

h1 {
	position: absolute;
	top: 0px;
	margin: 0;
	font-size: 2px;
}

h1 a {
	display: block;
	text-indent: -700em;
	text-decoration: none;
	height:98px;
	width:347px;
	background-image:url(../images/interface/logo.gif);
}

p, h3, h4 {
	border:0;
	margin:0;
	padding-top:1em;
}

h3, h4 {
	text-align:left;
}

table {
	margin-top:1.4em;
	margin-bottom:0.4em;
}

h2 {
	margin:0;
	padding:0;
	font-size:1.4em;
	color:#797c31;
	font-family:Arial Rounded, Arial, Helvetica, sans-serif;
	margin-bottom:1.5em;
}

h2.orange {color:#c26000;}

h3 {
	font-size:1.4em;
	color:#336600;
	font-family:Arial Rounded, Arial, Helvetica, sans-serif;
}

#home h3 {
	margin:0;
	padding:0;
	margin-top:3.5em;
}

#home p.insurance {
	padding:0;
	margin:0;
}

h4 {
	color:#797c31;
	font-size:1.1em;
	font-family:Arial, Helvetica, sans-serif;
}

em {
	color:#333;
}

* html em {
	overflow: hidden;
	width: 100%;
	zoom: 1;
}


abbr, acronym {
  border-bottom: 1px dotted #004fa3;
  cursor: help;
}

blockquote {
	padding:20px;
	margin:0;
	border-top:1.4em solid #FFF;
	font-style:italic;
	overflow:visible;
	height:1%;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.3em;
	color:#000;
	background-color:#e0e0e0;
	clear:both;
}

.jsenabled blockquote {
	background-color:transparent;
	padding:0;
}

blockquote span {
	display:block; 
	float:left;
	width:840px;
}

blockquote .curve-tl {
	width:796px;
}

blockquote p {
	padding-top:0.5em;
}

cite {
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:bold;
	font-size:0.8em;
	margin-top:0.5em;
	/*color:#999;*/
	color:#004fa3;
	display:block;
}

img {
	border: 0px none;
}

/* FORM */

#ajaxSearch_form {
	width:262px;
	height:27px;
	background:url(../images/interface/search.gif) no-repeat;
	position:absolute;
	right:23px;
	top:40px;
	padding:0;
}

#ajaxSearch_form p {
	margin:0;
	padding:0;
	padding-top:4px;
}

#ajaxSearch_form label {
	width:90px;
	display:block;
	float:left;
	color:#004fa3;
	text-indent: -700em;
}

#ajaxSearch_form #ajaxSearch_input {
	width:130px;
	border:0;
	color:#336600;
	background-color:#d3ed44;
}

#ajaxSearch_submit {
    width: 36px !important;
    height: 27px !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent  url(../images/interface/search-go.gif) no-repeat center top;
    padding: 27px 0 0 !important;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 0px;
}

.form {
	margin-top:1.5em;
	padding:20px;
	padding-top:0px;
	background-color:#e9f6a1;
	float:right;
	margin-left:30px;
}

.formintro {
	width:211px;
	float:left;
}

.form p {clear:both; padding-top:0.5em;}

.form input.clearonfocus, .form textarea.clearonfocus, select.text {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	width:383px;
	padding:3px;
	color:#666;
	border:0;
	margin:4px;
}

select.text {
	width: 231px;
}

.form label {
	width:150px;
	display:block;
	float:left;
	text-align:left;
	padding-top:3px;
	vertical-align:middle;
	color:#336600;
}

.form input:focus, .form textarea:focus {
	color:#000;
}

.form p.buttonrow {
	padding-left:150px;
}

.form .invalidValue{border:1px solid #F00;}
.form .requiredValue{border:1px solid #F00;}

.form span, #projectfilter span {display:block; float:left;}
.curve-tl {background:url(../images/interface/news-page-tl.gif) top left no-repeat;}
.curve-tr {background:url(../images/interface/news-page-tr.gif) top right no-repeat;}
.curve-br {background:#e9f6a1 url(../images/interface/news-page-br.gif) bottom right no-repeat;}
.curve-bl {background:url(../images/interface/news-page-bl.gif) bottom left no-repeat;}
.input-tl {background:#FFF url(../images/interface/input-tl.gif) top left no-repeat;}
.input-tr {background:url(../images/interface/input-tr.gif) top right no-repeat;}
.input-br {background:url(../images/interface/input-br.gif) bottom right no-repeat;}
.input-bl {background:url(../images/interface/input-bl.gif) bottom left no-repeat;}


#projectfilter .input-tl {background:#FFF url(../images/interface/filterselectbg.gif) top left no-repeat;}
#projectfilter .input-tr {background:url(../images/interface/filterselectbg.gif) top right no-repeat;}
#projectfilter .input-br {background:url(../images/interface/filterselectbg.gif) bottom right no-repeat;}
#projectfilter .input-bl {background:url(../images/interface/filterselectbg.gif) bottom left no-repeat;}



.jsenabled .form {
	padding:0;
	background-color:transparent;
}

.curve-tl {
	padding:20px;
	padding-top:10px;
}

fieldset {
	border:0;
	padding:0;
	margin:0;
}

* html fieldset {float:left;}

.errors {
	padding:20px;
	margin:0;
	padding-top:10px;
	width:486px;
	margin-top:1em;
	background:url(../images/interface/validation-icon-wide.gif) top left no-repeat;
	padding-left:40px;
	color:#336600;
}

.errors strong {
	
}

* html .errors {margin-top:1.5em;}
*+html .errors {margin-top:1.5em;}

#EmailForm.form input.clearonfocus, #EmailForm.form textarea.clearonfocus {
	width:225px;
}

#EmailForm.form label {
	width:87px;
}

#EmailForm.form p.buttonrow {
	padding-left:87px;
}

#EmailForm.form .errors {
	width:265px;
	background:url(../images/interface/validation-icon.gif) top left no-repeat;
}

.checkbox {
	width:80px !important;
}

.terms {
	padding-left:150px !important;
	width:auto !important;
}

/*ACCESSIBILITY*/

.skipLink {
	position: absolute;
	left: -999px;
	width: 990px;
}

.hide {
	display:none;
	clear:both;
}

/* CLASSES */

.image {
	float:right;
	margin-left:20px;
	margin-bottom:20px;
	margin-top:1.6em;
	position: relative;
	width:285px;
	height:214px;
}

.imagenoframe {
	float:right;
	margin-left:20px;
	margin-bottom:20px;
}

.image span {
	width:285px;
	height:214px;
	display:block;
	position:absolute;
	top:0;
	left:0;
	background-image:url(../images/interface/image-frame-secondary.png);
}

* html .image span {background-image:url(../images/interface/image-frame-secondary.gif)}

.imageportrait {
	float:right;
	margin-left:20px;
	margin-bottom:20px;
	margin-top:1.6em;
	position: relative;
	height:285px;
	width:214px;
}

.imageportrait span {
	height:285px;
	width:214px;
	display:block;
	position:absolute;
	top:0;
	left:0;
	background-image:url(../images/interface/image-frame-secondary-portrait.png);
}

* html .imageportrait span {background-image:url(../images/interface/image-frame-secondary-portrait.gif)}

.imagesquare {
	margin-bottom:2em;
	position: relative;
	height:240px;
	width:240px;
}

.imagesquare span {
	height:240px;
	width:240px;
	display:block;
	position:absolute;
	top:0;
	left:0;
	background-image:url(../images/interface/image-frame-square.png);
}

* html .imagesquare span {background-image:url(../images/interface/image-frame-secondary-square.gif)}

.photoportrait {
	float:right;
	border-left:20px #FFFFFF solid;
}

.center {
	text-align: center;
}

.clear {
	clear:both;
}

.datatable {
	width:100%;
	line-height:normal;
	border:1px solid #336600;
}

.datatablenarrow {
	line-height:normal;
	border:1px solid #336600;
}

.datatable th, .datatablenarrow th {
	background:#336600;
	/*background:#c26000;*/
	font-size:1em;
	padding:0.4em 0.8em 0.5em 0.8em;
	vertical-align:top;
	font-weight:bold;
	color:#FFF;
	text-align:left;
}

.detail .datatable th {
	white-space:nowrap;
}

.datatable td, .datatablenarrow td {
	background-color:#e0f258;
	/*background:#f6eacd;*/
	padding:0.5em 0.8em;
	vertical-align:top;
	color:#333;
	text-align:left;
}

.datatable th a, .datatablenarrow th a {
	color:#FFF !important;
	text-decoration:none;
}

.datatable th a:hover, .datatablenarrow th a:hover {
	color:#CCC !important;
}

.datatable tr:hover td, .datatablenarrow tr:hover td {
	background-color:#FFF !important;
}

.datatable tr:nth-child(2n+1) td, .datatable tr:nth-child(odd) td, .datatablenarrow tr:nth-child(2n+1) td, .datatablenarrow tr:nth-child(odd) td {
	/*background-color:#e9ddc1;*/
	background-color:#d3ed44;
}

.datatable tr.odd td, .datatablenarrow tr.odd td {
	/*background-color:#e9ddc1;*/
	background-color:#d3ed44;
}

.datatable ol {
	margin-bottom:0;
	margin-top:0;	
}

.twitter {
	background:url(../images/interface/twitter.gif) no-repeat;
	padding:40px 27px 30px 27px;
	font-style:italic;
	color:#336600;
	width:209px;
	height:83px;
	/*font-size:1.1em;*/
	text-align:center;
	line-height:1.6;
}

.twitter strong {
	font-size:0.8em;
	color:#c26000;
	font-style:normal;
	display:block;
}

#news {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	padding-top:2.5em;
	padding-left:22px;
}

#home #news {
	padding:0;
}

#news li {
	margin:0;
	padding:0;
	float:left;
}

#news a {
	display:block;
	background-color:#f6fbda;
	text-decoration:none;
	padding:5px 10px;
	color:#666;
	width:243px;	
	clear:both;
	margin-top:2px;
}

#news a:hover {
	text-decoration:none;
	color:#000;
}

#news a:hover strong {
	color:#336600;
}

#news strong {
	width:60px;
	display:block;
	float:left;
	color:#c26000;
}

#news span {display:block; float:left;}
.news-tl {background:#f6fbda url(../images/interface/news-tl.gif) top left no-repeat;}
.news-tr {background:url(../images/interface/news-tr.gif) top right no-repeat;}
.news-br {background:url(../images/interface/news-br.gif) bottom right no-repeat;}
.news-bl {background:url(../images/interface/news-bl.gif) bottom left no-repeat;}

.subscribe-tl {background:#ff9900 url(../images/interface/subscribe-tl.gif) top left no-repeat;}
.subscribe-tr {background:url(../images/interface/subscribe-tr.gif) top right no-repeat;}
.subscribe-br {background:url(../images/interface/subscribe-br.gif) bottom right no-repeat;}
.subscribe-bl {background:url(../images/interface/subscribe-bl.gif) bottom left no-repeat;}

#subscribe-form.form input {
width:225px;
}

#subscribe-form .buttonrow input {
width:123px;
}

#subscribe-form .buttonrow {
padding-left:87px !important;
}

#subscribe-form.form label {
width:87px;
}


.jsenabled #news a {
	padding:0;
	background-color:transparent;
}

.news-br, .subscribe-br {
	padding:5px 10px;
	width:243px;
	cursor:pointer;
}

#news a span.title {
	float:left;
	display:block;
	width:180px;
	text-align:left;
}

#news a.subscribe span.title {
	float:left;
	display:block;
	width:100%;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
}

.postdate {
	display:block;
	/*float:right;*/
	position: absolute;
	top: 40px; right: 20px;
	color:#666;
	font-size:0.9em;
	width:122px;
	height:21px;
	background:url(../images/interface/post-date.gif) no-repeat;
	text-align:left;
	padding-top:4px;
	padding-left:28px;
}

.ditto_summaryPost h3 {
	float:left;
	height: 32px;
	width: 100%;
}

.ditto_summaryPost p {
	clear:none;
}

.ditto_summaryPost .projectname {
	/*margin-top: 4em;*/
}

.ditto_summaryPost {
	padding:20px;
	padding-top:0;
	background-color:#e9f6a1;
	clear:both;
	margin-top:2em;
	height:1%;
}

.ditto_summaryPost .thumbnail {
	float: right;
	height: 112px;
	margin-left: 24px;
	width: 149px;
	position: relative;
	padding-top: 0;
	margin-top: 1em;
}

.ditto_summaryPost .thumbnail span {
	position: absolute;
	left: 0; top: 0;
	display: block;
	width: 149px;
	height: 112px;
	background: url('../images/interface/image-frame-thumbnail.png') no-repeat top left;
}

.ditto_summaryPost img {
	height: 112px;
	width: 149px;
}

.post-teaser a {
	color:#c26000 !important;
	font-weight:bold;
	clear:both;
	
}

.ditto_summaryPost span {display:block; float:left;}
.news-page-tl {background:#e9f6a1 url(../images/interface/news-page-tl.gif) top left no-repeat;}
.news-page-tr {background:url(../images/interface/news-page-tr.gif) top right no-repeat;}
.news-page-br {background:url(../images/interface/news-page-br.gif) bottom right no-repeat;}
.news-page-bl {background:url(../images/interface/news-page-bl.gif) bottom left no-repeat;}

.jsenabled .ditto_summaryPost {
	padding:0;
	background-color:transparent;
}

*:first-child+html .jsenabled .ditto_summaryPost {margin:0;} * html .jsenabled .ditto_summaryPost {margin:0;}

.news-page-tl {
	margin-top:2em;
}

.news-page-br {
	padding:20px;
	padding-top:0;
	width:822px;
}

#rss {
	position:absolute;
	top:289px;
	right:22px;
}

#home #rss {
	top:17px;
}

.jscurves-tl {background:#e9f6a1 url(../images/interface/news-page-tl.gif) top left no-repeat; display:block; float:left;}
.jscurves-br {background:url(../images/interface/news-page-br.gif) bottom right no-repeat; display:block; float:left;}

.jscurves {
	padding:20px;
	padding-top:5px;
	background-color:#e9f6a1;
	clear:both;
	margin-top:1em;
	height:1%;
}

.jsenabled .jscurves {
	padding:0;
	background-color:transparent;
}

*:first-child+html .jsenabled .jscurves {margin:0;} * html .jsenabled .jscurves {margin:0;}

.jscurves-tl {
	margin-top:1em;
}

.jscurves-br {
	padding:20px;
	padding-top:5px;
	width:822px;
}

/* HEADER */

.sf-menu {
	margin:			0;
	padding:		0;
	list-style:		none;
	width:922px;
	height:3.1em;
	background:url(../images/interface/tile-primary.gif) top repeat-x;
	position:absolute;
	bottom:0px;
	left:0px;
	margin:0;
	padding:0;
	list-style:none;
	font-size:1.4em;
	z-index:100;
}

* html #header ul.sf-menu {bottom:-1px;}

.sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}

.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			11em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			3.1em; /* match top ul list item height */
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			11em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			11em; /* match ul width */
	top:			0;
}

/* SKIN */

.sf-menu {
	float:			left;
}
.sf-menu a {
	padding: 		1.075em 1em 1.05em 1em;
	text-decoration:none;
	color: #336600;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #336600;
}

.sf-menu li li {
	background-color:		#ff9900;
	font-size:0.8em;
	line-height:1.4;
}
.sf-menu li li li {
	background-color:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background-color:		#ffbb00;
	outline:		0;
	background-position: 0% -100px;
}

.sf-menu li:hover a, .sf-menu li.sfHover a {
	background-position: 0% -100px;
	color:#333;
}

.sf-menu li a {
	background:url(../images/interface/tile-primary-hover.gif) top repeat-x;
}

.sf-menu li a:hover {
	background-position: 0% -100px;
	color:#333;
}

#header ul.sf-menu ul li a {
	background-image:none;
	color:#FFF;
	padding: 		0.6em 1.2em;
}

#header ul.sf-menu ul li a:hover {
	color:#333;
}

.sf-menu li.current {
	background:url(../images/interface/tile-primary-hover.gif) 0 -200px repeat-x;
}

.sf-menu li li.current {
	background-image:none;
	background-color:#ffbb00;
}

.sf-menu li li.current a {
	color:#333 !important;
}

/* ARROWS */

.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.35em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			1.3em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/* SHADOWS for all but IE6 */

.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/* IDs */
	
#wrapper {
	width:922px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

#masthead {
	width:922px;
	height:230px;
}

#flash {
	width:615px;
	height:230px;
	float:left;
}

#quick-links {
	width:307px;
	height:230px;
	padding-top:22px;
	padding-left:22px;
	float:right;
	background:url(../images/interface/quick-links.gif) no-repeat;
	voice-family: "\"}\""; voice-family:inherit;
	width:285px; /*box model hack for IE5*/
	height:208px;
}

#secondary-quick-links {
	width:615px;
	height:121px;
	padding-top:56px;
	/*margin-top:-20px;*/
	padding-left:30px;
	float:left;
	background:url(../images/interface/body-btm.gif) no-repeat;
	voice-family: "\"}\""; voice-family:inherit;
	width:585px; /*box model hack for IE5*/
	height:65px;
}

#wide #secondary-quick-links {
	width:922px;
	background:url(../images/interface/body-wide-links-btm.gif) no-repeat;
	voice-family: "\"}\""; voice-family:inherit;
	width:892px; /*box model hack for IE5*/
	height:65px;
}

#quick-links ul, #secondary-quick-links ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#secondary-quick-links ul {
	float:left;
}

#wide #secondary-quick-links ul {
	padding-left:150px;
}

#quick-links li, #secondary-quick-links li {
	margin:0;
	padding:0;
	float:left;
	background-image:none !important;
}

#quick-links #donate-online, #quick-links #give-regularly, #quick-links #get-in-touch {
	margin-bottom:14px;
	width:262px;
	height:52px;
	display:block;
	padding-top:52px;
	overflow:hidden;
	voice-family: "\"}\""; voice-family:inherit;
	height:0px; /*box model hack for IE5*/
}

#secondary-quick-links #donate-online, #secondary-quick-links #give-regularly, #secondary-quick-links #get-in-touch {
	width:185px;
	height:33px;
	display:block;
	padding-top:33px;
	overflow:hidden;
	voice-family: "\"}\""; voice-family:inherit;
	height:0px; /*box model hack for IE5*/
}

#donate-online:hover, #give-regularly:hover, #get-in-touch:hover {
	background-position:0 -100px;
}

#quick-links #donate-online {background-image:url(../images/buttons/donate-online.gif);}
#quick-links #give-regularly {background-image:url(../images/buttons/give-regularly.gif);}
#quick-links #get-in-touch {background-image:url(../images/buttons/other-ways.gif);}
#secondary-quick-links #donate-online {background-image:url(../images/buttons/sec-donate-online.gif);}
#secondary-quick-links #give-regularly {background-image:url(../images/buttons/sec-give-regularly.gif);}
#secondary-quick-links #get-in-touch {background-image:url(../images/buttons/sec-other-ways.gif);}

#photos {
	height:216px;
	width:307px;
	margin-bottom:15px;
}

#outerbodywrapper {
	height:1%;
	width:922px;
	float:left;
	background:#d3ed44 url(../images/interface/bodywrapper-curve.gif) bottom right no-repeat;
}

#wide #outerbodywrapper {
	background-image:none;
	background-color:transparent;
}

#bodywrapper {
	height:1%;
	width:922px;
	float:left;
	background:url(../images/interface/body-top.gif) top no-repeat;
}

#home #bodywrapper {
	background:#d3ed44 url(../images/interface/bodywrapper-curve.gif) bottom right no-repeat;
}

#wide #bodywrapper {
	background:#FFF url(../images/interface/body-wide-top.gif) top no-repeat;
}

#mBody {
	font-family: Arial, Helvetica, sans-serif;
	float:left;
	height:1%;
	min-height:275px;
	width:615px;
	font-size:1.1em;
	/*line-height:1.8;*/
	line-height:1.5;
	text-align:justify;
	color:#333;
}

#mBody h2 {
	margin-top:1em;
	margin-bottom:2em;
}

*:first-child+html #mBody h2 {margin-bottom:3em;} * html #mBody h2 {margin-bottom:3em;}

#home #mBody h2 {
	margin:0;
	margin-bottom:1.5em;
	line-height:1.5;
}

* html #mBody {height:275px;} 

#home #mBody {
	padding:0;
	background:url(../images/interface/home-left.gif) no-repeat;
	width:615px;
	height:334px;
	line-height:1.8;
}

#wide #mBody {
	width:922px;
	background:url(../images/interface/body-wide-btm.gif) bottom right no-repeat;
}

#innermBody {
	min-height:350px;
	padding-left:30px;
	padding-right:30px;
}

*:first-child+html #innermBody {min-height:375px;} * html #innermBody {height:375px;}

#ancillaryBar {
	width:307px;
	float:right;
	background:url(../images/interface/ancilliary-bar.gif) top no-repeat;
	padding:16px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	height:1%;
	font-size:1.1em;
	line-height:1.8;
	text-align:justify;
	color:#333;
	position:relative;
}

#ancillaryBar h2 {
	margin-left:22px;
	margin-bottom:7px;
	line-height:1.5;
}

*:first-child+html #ancillaryBar h2 {margin-bottom:14px;} * html #ancillaryBar h2 {margin-bottom:14px;}

#home #ancillaryBar h2 {
	margin-left:0;
	margin-bottom:1.5em;
	line-height:1.5;
}

#home #ancillaryBar {
	width:307px;
	padding:16px 22px 0px 22px;
	voice-family: "\"}\""; voice-family:inherit;
	width:263px; /*box model hack for IE5*/
}

#mBody ul {
	list-style-type:none;
	/*text-align:left;*/
	margin-bottom:0;
	margin-top:1em;
}

#mBody ul ul {margin-top:0;}

#mBody ul li {
	padding-left:15px;
	background:url(../images/interface/bullet.gif) no-repeat 0 0.6em;
	margin-left:-15px;
}

#mBody ol li {
	padding-left:0;
	margin-left:-15px;
}

#mBody a {
	color:#336600;
	text-decoration:none;
}

#mBody a:hover {
	text-decoration:underline;
}

/*#mBody a:visited {
	background:url(../images/interface/tick.gif) right no-repeat;
	padding-right:15px;
}*/

#breadcrumb {
	position:absolute;
	right:335px;
	top:175px;
	float:right;
	color:#797c31;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:lowercase;
}

#projectpage #breadcrumb {
	position:static;
	float:none;
	margin-top:1em;
	color:#999;
}

#wide #breadcrumb {
	right:30px;
}

#breadcrumb a {
	color:#797c31;
	text-decoration:none;
}

#projectpage #breadcrumb a {
	color:#999;
}

#breadcrumb a:hover {
	color:#000 !important;
	text-decoration:none;
}

/*FOOTER*/

#footer {
	padding:0 30px;
	background:#ff9900 url(../images/interface/footer-curve.gif) right no-repeat;
	width:615px;
	clear:both;
	height:32px;
	voice-family: "\"}\""; voice-family:inherit;
	width:555px;
}

#wide #footer {
	background:transparent url(../images/interface/footer-wide-curve.gif) right no-repeat;
	padding-right:60px;
	width:922px;
	voice-family: "\"}\""; voice-family:inherit;
	width:832px;
}

#footer a {	
	text-decoration:none;
}

#footer a:hover {	
	text-decoration:underline;
}

#footer h3 {
	position: absolute;
	left: -9999px;
	width: 990px;
	background:none;
}

#backtotop {
	float:right;
	color:#FFF;
	padding-top:8px;
}

#footer ul {
	float:left;
	width: auto;
	margin:0;
	padding:0;
	border:0;
	list-style: none;
	padding-top:8px;
}

#footer li {
	float:left;	
}

#footer ul a {
	float: left;
	display: block;
	padding-right: 10px;
	color:#FFF;
}

#copyright {
	clear:both;
	padding-top:15px;
	padding-bottom:10px;
	color:#333;
	height:1%;
	text-align:center;
	font-size:0.8em;
}

#copyright a {
	color:#333;
	text-decoration:none;
}

#copyright a:hover {
	text-decoration:underline;
}

/* HOMEPAGE */

.columnright, .columnleft {
	width:247px;
	padding-top:16px;
}

.columnleft {
	padding-left:30px;
	float:left;
	padding-top:16px;
}

.columnright {
	padding-right:30px;
	float:right;
	padding-top:16px;
}

#home #mBody ul {
	text-align:left;
	padding-left:15px;
	margin-left:0;
}

#home #mBody ul li {
	padding-left:20px;
	background:url(../images/interface/home-tick.gif) no-repeat 0 0.4em;
}

/* GOOGLE MAP */

#map {
	margin-top:1.5em;
	width:618px;
	height:400px;
	border:1px solid #004fa3;
}

#map strong {
	display:block;
}

/* PAGING CONTROLS */

.paging {
	padding-top:2em;
	clear:both;
}

.paging span a, .paging span.selectedpage {
	display:block;
	padding:4px 10px;
	color:#333;
	float:left;
	border-right:1px solid #FFF;
	background-color:#e6fe64;
}

.paging span a:hover {
	background-color:#d3ed44;
	text-decoration:none !important;
}

.paging span.selectedpage {
	background:#336600 url(../images/interface/tile-table-heading.gif) top repeat-x;
	color:#FFF;
	font-weight:bold;
}

#ajaxSearch_form_resultListContainer li {
	padding-bottom:0.5em;
}

#ajaxSearch_form_resultListContainer {
	/*padding-bottom:1em;*/
}

/* PROJECT */

#accordian {
	padding-top:0.4em;
}

*:first-child+html #accordian {padding-top:2em} * html #accordian {padding-top:2em}

#accordian a.attribute {
	display:block;
	background:url(../images/buttons/accordian-wide.gif) top no-repeat;
	color:#336600;
	width:862px;
	font-size:1.2em;
	font-weight:bold;
	padding:6px 12px;
	margin:0;
	border-top: 0.75em #FFFFFF solid;
	cursor:pointer;
	voice-family: "\"}\""; voice-family:inherit;
	width:838px;
}

#projectpage #accordian a.attribute {
	background:url(../images/buttons/accordian.gif) top no-repeat;
	width:555px;
	voice-family: "\"}\""; voice-family:inherit;
	width:531px;
}

#accordian a.attribute:hover, #accordian a.selected, #projectpage #accordian a.attribute:hover, #projectpage #accordian a.selected  {
	background-position:0 -100px;
	color:#FFF;
	text-decoration:none;
}

div.detail {
	width:862px;
	padding:0 20px;
	voice-family: "\"}\""; voice-family:inherit;
	width:822px;
	overflow:hidden;	
}

#projectpage div.detail {
	width:555px;
	voice-family: "\"}\""; voice-family:inherit;
	width:515px;
}

#projectpage div.gallery {
	padding-right:0;
	width:575px;
	voice-family: "\"}\""; voice-family:inherit;
	width:535px;
}

#projectpage ul.thumbs {
	margin:0;
	padding:0;
	padding-top:1.5em;
	height:1%;
}

#projectpage ul.thumbs li {
	padding:0 !important;
	margin:0 !important;
	padding-right:20px !important;
	padding-bottom:10px !important;
	background-image:none;
	float:left;
	display:block;
}

#projectpage ul.thumbs img {
	border:1px solid #336600;
}

#projectpage ul.thumbs a:hover img {
	border:1px solid #ff9900;
}

/* PROJECT PAGING */

#projectpaging * {
	padding:0 !important;
	margin:0 !important;
}

#projectpaging {
	padding:0 !important;
	margin:0 !important;
	margin-top:1em !important;
	background:url(../images/interface/project-paging.gif) no-repeat;
	width:555px;
	height:33px;
	position:relative;
}

#projectpaging li {
	background-image:none !important;
	position:absolute;
	padding-top:6px !important;
}

#projectpaging li.total {
	left:128px;
	width:300px;
	text-align:center;
}

#projectpaging a.index {
	font-weight:bold;
}

#projectpaging li.n {
	right:0;
	padding-right:12px !important;
	font-weight:bold;
}

#projectpaging li.p {
	left:0;
	padding-left:12px !important;
	font-weight:bold;
}

/* PROJECTS OVERVIEW FLASH */

#projectsoverview {
	width:862px;
	height:360px;
	/*border-top:2em solid #FFF;*/
}

/* HOW TO DONATE */

ul.primary-donate-links {
	margin:0;
	padding:1em 0 0 0;
	clear:both;
}

img.gift-aid-logo {
	float:left;
	margin-right:2em;
	margin-bottom:3em;
}

ul.primary-donate-links li {
	float:left;
	list-style-type:none;
	margin:15px 30px 0 0 !important;
	padding:0 !important;
	width:267px;
	height:90px;
}

ul.primary-donate-links li.last {
	margin-right:0 !important;
}

ul.primary-donate-links a {
	display:block;
	float:left;
	text-indent:-9999em;
	position:relative;
	width:267px;
	height:90px;
}

ul.primary-donate-links a strong {
	height:40px;
	width:267px;
	background: url('../images/buttons/getinvoled-overlay.jpg') no-repeat;
	position:absolute;
	top:0;
	left:0;
}

ul.primary-donate-links a span {
	height:31px;
	width:75px;
	background: url('../images/interface/giftaid.png') no-repeat;
	position:absolute;
	top:4px;
	right:5px;
	text-indent:-9999em;
}

.online { background: url('../images/buttons/donate-online.jpg') no-repeat !important;}
.standingorder { background: url('../images/buttons/donate-standingorder.jpg') no-repeat !important;}
.cheque { background: url('../images/buttons/donate-cheque.jpg') no-repeat !important;}
.giftcatalogue { background: url('../images/buttons/donate-giftcatalogue.jpg') no-repeat !important;}
.cash { background: url('../images/buttons/donate-cash.jpg') no-repeat !important;}
.banktransfer { background: url('../images/buttons/donate-banktransfer.jpg') no-repeat !important;}

h3.other-ways {
	clear:both;
	padding-top:1em;
}

dl.secondary-donate-links {
	margin:0 auto;
	padding:1em 0 0 0;
	clear:both;
	/*width:600px; Added in JS */
}

dl.secondary-donate-links dt {
	/*float:left; Added in JS */
	list-style-type:none;
	padding:10px !important;
	margin:0 !important;
}

.corporategiving a { background: url('../images/buttons/buttons-donate-12.jpg') no-repeat;}
.gaye a { background: url('../images/buttons/buttons-donate-9.jpg') no-repeat }
.insurance a { background: url('../images/buttons/buttons-donate-8.jpg') no-repeat }
.trustgiving a { background: url('../images/buttons/buttons-donate-11.jpg') no-repeat }
.legacy a { background: url('../images/buttons/buttons-donate-7.jpg') no-repeat }
.churchgiving a { background: url('../images/buttons/buttons-donate-10.jpg') no-repeat }

dl.secondary-donate-links dt a {
	display:block;
	width:179px;
	height:36px;
	text-indent:-9999em;
}

dl.secondary-donate-links dt a:hover, dl.secondary-donate-links dt a.selected {
	background-position:0 -36px;
}

#donate-description p {
	min-height:3.5em;	
}

* html #donate-description p {height:3.5em;}

/* DONATE FACEBOX */

#donate {
	width: 612px;
	background: #ffffff url('../images/interface/donate-bg.jpg') no-repeat;
	padding-bottom: 13px;
	float:left;
	position:relative;
}

#donate h4 {
	margin:0; padding:0;
	height:80px;
	text-indent:-999999px;
}

#donate p {
	text-align:center;
	font-size: 1.1em;
	margin-bottom:2em;
}

#donate ul {
	list-style-type:none;
	margin:0 0 0 25px;
	padding:0;
}

#donate ul li {
	float:left;
	margin:0;
	padding:0 22px 18px 0;
}

#donate ul li.last {
	padding-right:0;	
}

#donate ul li a {
	display:block;
	float:left;
	padding: 12px;
	width:100px;
	height:29px;
	background: url('../images/interface/donate-proj.gif') no-repeat;
	color:#767b2b;
	text-decoration:none;
	font-size: 12px;
}

#donate ul li a:hover {
	background-position: 0 -100px;
	color: #fff;
}

#donate ul li a.large {
	font-size: 11px;
}

.close {
	display:block;
	position:absolute;
	right: 25px;
	top: 13px;
	height: 29px;
	width:29px;
	text-indent: -999999px;
	background: url('../images/interface/close.png') no-repeat;
}

.close:hover {
	background-position: 0 -29px;
}

/* NEWSLETTER FACEBOX */

#signup {
	position:relative;
	float:left;
}

#signup label {
	width:100px !important;
	font-size: 1.1em;
	padding-top:6px;
}

#signup .curve-tl, #signup .curve-br {
	background: none !important;
	padding:0; margin:0;
}

#signup .form {
	margin:0 22px !important;
	float:none;
}

#signup .buttonrow {
	padding-left:99px !important
}

#signup .form input.clearonfocus {
	width: 205px;
}

#no-firstname, #no-lastname, #no-email {
	display:none;
	width:310px;
	height:30px;
	color: #fff;
	line-height:30px;
	font-size: 1.1em;
	background:#f90 url('../images/interface/signup-error-bottom.jpg') no-repeat bottom right;
	position:relative;
	float:left;
	padding-left: 10px;
}

.error-top {
	position:absolute;
	right:0;
	top: -12px;
	height:12px;
	width:12px;
	font-size:1px;
	background: url('../images/interface/signup-error-top.jpg') no-repeat bottom right;
}

.signup-top {
	background: url('../images/interface/signup-bg-top.png') no-repeat;
	width:366px;
	height: 36px;
	float:left;
}

.signup-bottom {
	background: url('../images/interface/signup-bg-bottom.png') no-repeat;
	width:366px;
	height: 36px;
	float:left;
}

.signup-form {
	width: 366px;
	background-color: #e9f6a1;
	float:left;
}

* html .signup-form {
	width: 344px;
}

.signup-form em {
	padding-left:22px;
	padding-bottom:12px;
	display:block;
}


/* SIFR */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h2 {
	visibility: hidden;
	/*font-size: 18px;*/
	font-size: 17px;
}

.sIFR-hasFlash h3.insurance {
	visibility: hidden;
	font-size: 13px;
}

*:first-child+html.sIFR-hasFlash h2 {margin-bottom:2em;} * html.sIFR-hasFlash h2 {margin-bottom:2em;}


/* HOW YOUR MONEY HELPS */

#hymh-filter {
	margin-top: 60px;
}

#hymh-filter form {
	background: url('../images/interface/filter-bg.gif') no-repeat top left;
	padding: 8px 16px 0;
	height: 150px;
}

#hymh-filter h3, #hymh-filter h4 {
	padding-top: 0;
}

#hymh-filter .hymh-left {
	float:left;
	margin-right:32px;
	width:150px;
}

#hymh-filter .hymh-centreleft {
	float:left;
	padding-top: 4px;
	margin-right:32px;
	width:210px;
}

#hymh-filter .hymh-centreright {
	float:left;
	padding-top: 4px;
	margin-right:30px;
	width:210px;
}

.chk-individual, .chk-family, .chk-project {
	background: url('../images/interface/filterprojecticons.gif') no-repeat top left;
	height: 24px;
	font-size: 1.1em;
	/*line-height: 22px;*/
	display:block;
	padding-left: 34px;
	width: 174px;
}

.chk-family {
	background-position: left center;
}

.chk-project {
	background-position: left bottom;
}

#hymh-filter .chk {
	float:none;
	/*margin-top:4px;*/
	display:inline;
	padding: 0;
	margin: 0;
}

#hymh-filter label span {
	display:block;
	width: 150px;
	}

#hymh-filter .dropdown {
	margin-top: 16px;
	width: 180px;
}

#hymh-filter select.text {
	width: 209px;
}

#hymh-filter .submit {
	width: 158px;
	height: 36px;
	padding-top: 36px;
	overflow:hidden;
	background: url('../images/interface/filter.gif') no-repeat top left;
	border:0;
	margin-top: 24px;
	margin-left: 0;
}

h3.individual, h3.family, h3.project {
	background:url(../images/interface/projecticons.gif) no-repeat left top;
	height:36px;
	margin-left:-28px;
	margin-top:0;
	padding-left:60px;
	padding-top:14px;
}

h3.family {
	background-position: left center;
}

h3.project {
	background-position: left bottom;
}

.ditto_summaryPost {
	margin-top: 0;
	position: relative;
	overflow: visible;
}

.news-page-tl {
	margin-top: 2em;
}

.col2 {
	float: left;
	margin-right: 30px;
	width: 376px;
	padding: 0 20px 20px;
	margin-top: 30px;
	background-color: #f4fad0;
}

.col3 {
	float:left;
	margin-right: 11px;
	padding-bottom: 20px;
	width: 240px;
	padding: 0 20px 20px;
	margin-top: 30px;
	background-color: #f4fad0;
}

.col3 .imgcontainer {
	margin: 20px 0 6px;
	position: relative;
}

.col2 .imgcontainer {
	margin: 20px 0 6px 68px;
	position: relative;
}

.end {
	margin-right: 0 !important;
}

/* GET INVOLVED */

.getinvolved {
	background: url('/assets/templates/handinhand/images/interface/getinvolved-bg.gif') no-repeat;
	float: left;
	height: 202px;
	margin: 4px;
	position: relative;
	width: 278px;
}

.getinvolved h3 {
	padding-top: 12px;
	padding-left: 16px;
	padding-bottom: 110px;
}

.getinvolved ul {
	position: absolute;
	left: 0px;
	bottom: 16px;
}

#gi-collect h3 {background: url('/assets/templates/handinhand/images/interface/getinvolved-collect.jpg') no-repeat left bottom;}
#gi-pray h3 {background: url('/assets/templates/handinhand/images/interface/getinvolved-pray.jpg') no-repeat left bottom;}
#gi-fundraise h3 {background: url('/assets/templates/handinhand/images/interface/getinvolved-fundraise.jpg') no-repeat left bottom;}
#gi-donate h3 {background: url('/assets/templates/handinhand/images/interface/getinvolved-donate.jpg') no-repeat left bottom;}
#gi-go h3 {background: url('/assets/templates/handinhand/images/interface/getinvolved-go.jpg') no-repeat left bottom;}
#gi-learn h3 {background: url('/assets/templates/handinhand/images/interface/getinvolved-learn.jpg') no-repeat left bottom;}