/* --------------------------------------------------------------

    base.css

    Author: Greg Dalrymple
    Date: 26/06/2008

    This is the main stylesheet for fields of life

    +top

--------------------------------------------------------------

  +Resets default browser CSS styles

-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ul, li, ol,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
}

/* --------------------------------------------------------------

    +Backgrounds

-------------------------------------------------------------- */

body 		{ background: url(/images/backgrounds/textured-bg.jpg) repeat-x top center #D1BB92; margin: 0; padding: 0; }
#top 		{ background: url(/images/backgrounds/header-bg.jpg) no-repeat top center; }
#shell 	{ background: url(/images/backgrounds/header-bg.jpg) no-repeat top center; }

#content-top 				{ background: transparent url(/images/backgrounds/page-top.png) no-repeat top left; }
#footer 						{ background: url(/images/backgrounds/page-bottom.png) no-repeat bottom left; }
#content-inner 			{ background: url(/images/backgrounds/page-bg.png) repeat-y top left; }

/* --------------------------------------------------------------

    +Layout

-------------------------------------------------------------- */

#top 		{ width: 100%; margin: 0 auto; padding: 0; position: relative; }
#shell 	{ width: 1000px; margin: 0 auto; position: relative; }
#page 	{ padding-top: 20px; }

#content { display: block; height: 1%; }
#content-shell { margin-top: 16px; }
#content-inner { padding: 0 18px 18px 18px; min-height: 800px; float:left; }
#content-top { height: 15px; float:left; width:100%; }

.col { float: left; margin-right: 12px; width: 258px; }
.col[class] { float: left; }

.first { margin-left: 0; }
.last  { margin-right: 0; }

.third 	{ width: 313px; }
.full 	{ width: 100%; clear: both; }

.left { width: 150px; }

.span-1 { width: 257px; }
.span-2 { width: 530px; }
.span-3 { width: 801px; }
.span-4 { width: 963px; }

.clear-floats { clear: both; font-size: 1px; }

.floatright { float: right; }
.floatleft { float: left; }

/* --------------------------------------------------------------+

    +Default Styles

-------------------------------------------------------------- */

.featureBox { background-color: #fcf6de; border: 1px solid #cfb69f; padding: 12px; margin-bottom: 12px; min-height:110px; }
.featureBox h2 { margin-top:0; }
.featureBoxIcon { margin-top: -30px; }

.span-1 .titledBox, .span-2 .titledBox { padding: 6px; }
.span-1 .featureBox { margin-left: 12px; }

.left { background: url(/images/content/menu-tree.gif) no-repeat bottom left #fcf6de; }
.module { padding: 0 12px 12px 12px; border-bottom: 1px solid #e8e7ce; margin-bottom:12px;}
.media { width:258px; margin:0 0 10px 10px; float:right; }
.indexImage { float:left; margin: 0 10px 10px 0; }

.bord-left { border-left: 1px solid #e8e7ce; }
.bord-right { border-right: 1px solid #e8e7ce; }

/* --------------------------------------------------------------

    +Headings

-------------------------------------------------------------- */

h1, h2, h3, h4, h5 { font-weight: bold; font-family: Arial, Helvetica, sans-serif; color:#70583b; }

h1 { font-size: 3.2em; line-height: 1em; margin-bottom: 0.4em; }
h2 { font-size: 2.8em; font-weight:normal; line-height: 1.1em; margin-top:10px; margin-bottom: 0.5em; }
h3 { font-size: 2.0em; font-weight:normal; line-height: 1.3em; margin-bottom: 0.6em; }
h4 { font-size: 1.8em; font-weight:normal; line-height: 1.5em; margin-top:10px; margin-bottom: 0.2em;  }
.left h4 { padding:0 10px; }
h5 { font-size: 1.2em; line-height: 1.5em; margin-bottom: 0.9em; }

h1 a, h2 a, h3 a, h4 a { text-decoration:none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { text-decoration:underline; }

#header h1 { margin: 0; }
h1 span, h2 span, h3 span { display: none; }

#ethos h4 {
	margin:5px 0 0 0;
	padding:0;
	color:#5a7450;
	font-family:'courier new', courier, monospace;
	font-size:2em;
}

/* --------------------------------------------------------------

    +Typography

-------------------------------------------------------------- */

body { font-family: Arial, Helvetica, Verdana, Sans-Serif; font-size: 62.5%; line-height: 1.5; color: #444; }

p, ul, table, ol, dl { font-size: 1.2em; }
blockquote { font-size:1.2em; margin:20px; padding:30px 0; }
em { font-style:italic; }

/* Lists */
ul { margin: 0; padding: 0 0 0 10px; list-style: disc; }
ul ul { font-size: 1em; }
ul li, ol li { margin-left: 1.3em; }
#content-inner ul, #content-inner ol { margin: 0 0 1.5em 0; }

.left #subMenu 					{ list-style: none; margin: 0 0 200px 0; padding: 0; text-align: right; }
.left #subMenu li 				{ margin: 0; border-bottom: 1px solid #EEDDAA;}
.left #subMenu li a 			{ text-decoration: none; display: block; padding: 5px 6px 5px 0; color: #b2681b; font-weight: bold; }
.left #subMenu li a:hover       { background-color: #b2681b; color: #fcf6de; }
.left #subMenu li a.selected    { background-color: #D2882b; color: #fcf6de; }

.left #subMenu li a.top         { display: block; padding: 5px 6px 5px 0; text-decoration: none; background-color: #b2681b; color: #fcf6de; }

.left #subSubMenu           { border-bottom: 1px solid #F2C86b; background-color: #e7deb0; list-style: none; margin: 0 0 0 0; padding: 0; text-align: right; }
.left #subSubMenu li        { border-bottom:1px solid #FCF6DE; }
.left #subSubMenu li a      { padding-right:18px; }


.inline-list { margin: 0; padding: 0; list-style: none; }
.inline-list li { display: inline; float: left; margin: 0;}

p { margin-bottom: 1.5em; }
.featureBox p { margin-bottom: 0; }

a:link 		{ color: #b2681b; }
a:visited { color: #b2681b; }
a:hover  	{ color: #b2681b; }
a:active	{ color: #b2681b; }

small { font-size: 0.88em; line-height:1em }

strong { font-weight: bold; }
.large, .large-highlight { font-size: 1.4em; }
.highlight, .large-highlight { color:#900; }
.disclmr { margin-top:5px; }
.disclmr small { color:#9e9e9e; }

#ethos td, #ethos th { vertical-align:top; }
/* --------------------------------------------------------------

    +Tables

-------------------------------------------------------------- */

table#factFile { width:260px; border:1px solid #CFB69F; background:#fff; padding:1px; }
table#factFile th, table#factFile td { text-align:left; vertical-align:top; padding:2px 5px; border-bottom:1px solid #fff; }
table#factFile th { background-color:#B2681B; color:#fff; font-weight:bold; }
table#factFile td { background-color:#FCF6DE; }
table#factFile tr:hover td { background-color:#F5EDCB; }

table.basket { width:790px; border:1px solid #CFB69F; background:#fff; padding:1px; }
table.basket th, table.basket td { text-align:left; vertical-align:top; padding:2px 5px; border-bottom:1px solid #fff; }
table.basket th { background-color:#B2681B; color:#fff; font-weight:bold; }
table.basket td { background-color:#FCF6DE; }
table.basket tr:hover td { background-color:#F5EDCB; }

/* --------------------------------------------------------------

    +Forms

-------------------------------------------------------------- */

/* --------------------------------------------------------------

    +header

-------------------------------------------------------------- */

#header {  }
#logo { width: 151px; float: left; }
#nav { float: left; margin-top: 0; }
.donate { float: right; text-align:right; margin-top:-10px;margin-right:30px; }
.donate a { float:right; text-align:right; display:block;background-image:url(/images/buttons/GiveButton2.gif); background-position:top; background-repeat:no-repeat;width:90px;height:90px; }
.donate a:hover { background-position:bottom; }
.donate a span { display:none; }
.tagline a { width:265px; background-image: url(/images/graphics/strapline.gif); }
.tagline a:hover { background-position: top; }
/* --------------------------------------------------------------

    +Navigation

-------------------------------------------------------------- */

#nav { list-style: none; }
#nav ul { margin:0; }
#nav li { padding: 0 10px 0 10px; float: left; }
#nav li a { padding:40px 0 4px 0; display: block; }


/* --------------------------------------------------------------

    +Homepage

-------------------------------------------------------------- */

#mainImage { margin-bottom: 12px;  height: 280px; }
.left #searchBox { width: 144px; padding:3px; background-color:none;border-width:0;background-image:url(/images/graphics/search-box.gif) }

#subscribeBox { width: 220px; margin-bottom: 12px; }

/* --------------------------------------------------------------

    +Editorial Layout

-------------------------------------------------------------- */

#subImage { margin-bottom: 12px; }

	/* Box Styles */

	.hi { background-color:#fff; }
	.hi .titledBox { border:1px solid #E8E7CE }

	/* Content Elements */
	img.latest	{ float:left; margin:0 10px 5px 0; border:1px solid #cfb69f !important; padding:1px; }
	img.border, img.framed	{ border:1px solid #cfb69f  !important; padding:1px; }
	img.framed	{ margin:10px; }
	.article img.framed	{ margin:20px; }
	img.profile	{ float:right; margin:10px; border:1px solid #cfb69f; padding:1px; }
	.mediabox	{ text-align:center }
	.mediabox p embed	{ border:1px solid #cfb69f; padding:2px; margin:0 auto; }
	.article div { margin:0 20px 0 0;}
	#content-inner ul.latest		{ margin:0; }
	#content-inner p.more		{ text-align:left; }

	ul.buttons { list-style:none; }
	ul.buttons li { float:left; padding-top:10px; margin:2px; background-color:#FCF6DE; border:1px solid #CFB69F; }
	ul.buttons li:hover { background-color:#fff; }
	ul.buttons li a { display:block; background-repeat:no-repeat; background-position:top center; padding:15px 5px 5px 5px; width:100px; text-align:center; }

	p.projects { text-align:left; background:url(/images/graphics/in-africa/rope-bg.jpg) top center; padding:35px 0 10px 23px; }
	p.projects a img { border:1px solid #cfb69f; padding:1px; margin:0 23px 0 0; }

	.item { text-align:center; background:#fff; border-color:#E8E7CE; border-style:solid; border-width: 1px 1px 2px 1px; padding:10px; margin-bottom:10px; }
	.item p img { float:right; margin:-5px 25px 0 0; }

	/* Profiles */

	#ieOffice, #ugOffice, #niOffice, #auOffice{ float:left; width:240px; margin:5px; border:1px solid #ccc; padding:1px; }
	#ieOffice h3, #ugOffice h3, #niOffice h3, #auOffice h3 { margin:0; padding:0; }
	#ieOffice h3 a, #ugOffice h3 a, #niOffice h3 a, #auOffice h3 a { background-repeat:no-repeat; height:195px; display:block }
	#ieOffice h3 a { background-image:url(/images/offices/ireland.jpg); }
	#ugOffice h3 a { background-image:url(/images/offices/uganda.jpg); }
	#niOffice h3 a { background-image:url(/images/offices/nireland.jpg); }
	#auOffice h3 a { background-image:url(/images/offices/australia.jpg); }
	#ieOffice h3 a span, #ugOffice h3 a span, #niOffice h3 a span, #auOffice h3 a span { display:none; }
	#ieOffice p, #ugOffice p, #niOffice p, #auOffice p { padding:10px; }

/* --------------------------------------------------------------

    +Footer

-------------------------------------------------------------- */

#footer { height: 1%; margin: 0 0 20px 0; width:100%; clear:both; }
#footer ul { float: right; color: #b2681b; margin:10px 20px 15px 20px; }
#footer a { color: #b2681b; }
#footer a:hover { color: #b2681b; }

/* --------------------------------------------------------------

    Add these class names to clear any margins, paddings or floats
    Keep these declarations at the BOTTOM of this stylesheet

-------------------------------------------------------------- */

.clear-floats { clear: both; font-size: 1px; height: 1px; line-height: 0px; }
.no-marg, img.no-marg, ul.no-marg { margin: 0; }
.no-pad, img.no-pad { padding: 0; }
.no-bord { border: none; }
.last { margin-right: 0; }

/* --------------------------------------------------------------

    +Tools

-------------------------------------------------------------- */


.last { margin-right: 0; }

/* +Slideshow
-------------------------------------------------------------- */

#mainImage ul                { margin: 0; padding: 0; }
#mainImage ul li             { list-style: none; background-color: #fff;}
#slides li                   { margin: 0; height:280px; width:963px; position:absolute; }

	a.control { background-position:top;margin:2px 4px;background-repeat:no-repeat;width:16px;height:12px;display:block;}
	a.control:hover { background-position:bottom;}
	a.controllrg { background-position:top;margin:2px 4px;background-repeat:no-repeat;width:24px;height:18px;display:block;}
	a.controllrg:hover { background-position:bottom;}
	a.controltxt { background-position:left top; margin:2px 5px;background-repeat:no-repeat;height:12px;display:block; padding-left:20px; line-height:1em;}
	a.controltxt:hover { background-position:left bottom;}
	a.controlsub { background-position:top;margin:0 2px;background-repeat:no-repeat;width:12px;height:12px;display:block;}
	a.controlsub:hover { background-position:bottom;}
	a.control span, a.controlsub span, a.controllrg span { display:none; }

	a.controlflr { float:right;margin:3px 10px 8px 5px; }
#slides                      { width: 963px; float: left;}

div.slide {
	float: left;
	width: 140px;
}

a.button {
	margin-left: 10px;
	margin-right: 10px;
}

div.pgSearchResults
{
    padding: 10px;
    margin: 3px;
    border: 1px solid #999;
}

div.pgSearchResults h5
{
    font-size: 140%;
}

/* BASIC FORM */

form.dsForm { margin:10px 0; }

form.dsForm fieldset {
  margin: 10px 0 10px 0;
	border: 1px solid #EEDDAA;
}

form.dsForm ul {
	margin:0;
	padding:0;
}

form.dsForm legend {
  padding: 0 2px;
  font-size:1.20em;
  font-weight: bold;
  color:#999;
	_margin: 0 -7px; /* IE Win */
}

form.dsForm li legend {
  font-size:1em;
}

form.dsForm label {
  display: block;
  color:#666;
  float: left;
  vertical-align: top;
  width: 120px;
  margin:0 5px;
}

form.dsForm li:hover label {
  color:#000;
}

form.dsForm label span {
	width:170px;
	display:block;
}
#center form.dsForm fieldset ol {
  margin: 0;
  padding: 0;
}
form.dsForm fieldset li {
  list-style: none;
  background-color:#FCF6DE;
  padding: 5px 0;
  margin: 0;
  float:left;
  width:100%;
}

form.dsForm fieldset li.hi, form.dsForm fieldset li.hi:hover {  background:none; border-width:0; text-align:right; }


form.dsForm fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.dsForm fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.dsForm fieldset fieldset label {
  display: block;
  width: auto;
  margin-left: 125px;
}

form.dsForm em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
	}

form.dsForm span {
	font-style: normal;
	color: #999;
	}

form.dsForm fieldset table { width:100%; padding:2px; }
form.dsForm fieldset table th,
form.dsForm fieldset table td { text-align:left; padding:5px; border-bottom:2px solid #fff; }
form.dsForm fieldset table th { background-color:#F5EDCB; font-weight:bold; }
form.dsForm fieldset table tr { background-color:#FCF6DE; }
form.dsForm fieldset table tr:hover { background-color:#F5EDCB; }

/*\*//*/ form.dsForm legend { display: inline-block; } /* IE Mac legend fix */