/* main tags / general classes
============================== */

body {
	border-top: 0;
	height: 100%;
	margin: 0;
	background-color: #f2faff;
	/* text-align to center content in IE 5.5 */
	text-align: center;
}

.right { float:right; }

/*  core styles have been removed as they are applied by the core style sheet */

/* header
============================== */

#header {
	background: #fff;
	border-bottom: 1px solid #c9e0ee;
	height: 90px;
	margin: 0 20px 10px 20px;
	padding: 5px 0 0 0;
}

#site_name {
	float: right;
	margin:5px 0 0 0;
	padding:0 0 0 0;
}

#header img {
	margin-left: 0;
	padding: 0;
}

#logo	{ float:left; }

#header #languagechoice {
	float:right;
	clear:both;
	padding: 0 0 0 0;
	margin:5px 16px 0 0;
	position:absolute;
	top: 60px;
	margin-left: 637px;
	font-size:94%;
}

/* Container div
============================= */
#container {
	width: 950px;
	margin: 0 auto;
	border-left: 1px solid #c9e0ee;
	border-right: 1px solid #c9e0ee;
	background: #fff;
	height: 100%;
	/* text-align left for IE 5.5 (see body style above) */
	text-align: left;
}

/* Left Nav
============================= */

#leftnav {
	width: 160px;
	float: left;
	padding:0;
	border: 0;
	margin:0;
	background: #fff;
	border-right: 1px solid #c9e0ee;
	border-bottom: 1px solid #fff;
}

#leftnav ul {
	border-top: 1px solid #c9e0ee;
	vertical-align: top;
	list-style: none;
	margin: 0 0 0 20px;
	padding: 0;
	border-right: 0;
}

#leftnav li {
	border-bottom: 1px solid #c9e0ee;
	padding:0;
	font-size: 0.9em;
	line-height: 115%;
	margin: 0;
}

#leftnav .noborder {
	zoom:1;
	border:none;
	background: url(/about/local/images/community/bullets/nav_arrow.gif);
	background-repeat: no-repeat;
	background-position: 15px 6px;
	padding-left:26px;
}

#leftnav .bottomborder {
	border:none;
	background: url(/about/local/images/community/bullets/nav_arrow.gif);
	background-repeat: no-repeat;
	background-position: 15px 6px;
	padding-left:26px;
	border-bottom: 1px solid #c9e0ee;
}

#leftnav .topborder {
	border-top: 1px solid #c9e0ee;
}

#leftnav .homepage_selected,
#leftnav .about_selected,
#leftnav .global_selected,
#leftnav .volunteering_selected,
#leftnav .team_selected,
#leftnav .fundraising_selected,
#leftnav .caring_selected,
#leftnav .charity_selected,
#leftnav .news_selected,
#leftnav .thailand_selected
	{background:#f2faff;
	font-weight:bold;}

#leftnav a,
#leftnav a:hover,
#leftnav a:visited
	{display:block;
	color: #333;
	text-decoration: none;
	padding:3px 5px 3px 2px;}

* html #leftnav #raisemoney
	{zoom:1;}

#leftnav #raisemoney a
	{background:none;
	padding:0;}

#leftnav li a
	{border:2px solid #fff;}

#leftnav li.noborder a,
#leftnav li.bottomborder a
	{border:0;}

#leftnav a:hover
	{background:#f2faff;
	text-decoration:underline;}

#leftnav li.noborder a:hover,
#leftnav li.bottomborder a:hover
	{background:none;}

#leftnav .contact_details {
	background-image:none;
 	background-color: #efefef;
	padding: 5px 5px 5px 8px;
	margin-left:0px;
	margin-top:0;
	margin-bottom:0;
	font-size: 0.9em;
	border-right: 0;
	border-left: 1px solid #c9e0ee;
	line-height:1.2em;
}

#leftnav #contact .padding2 { font-weight:bold; line-height:2em; }

#leftnav #contact .padding3 { line-height:3em; }

#leftnav .home { background-color: #f2fce3; }

#leftnav #raisemoney {
	border-top:0px solid #c9e0ee;
}
#leftnav #raisemoneyexpanded {
	border-top:1px solid #c9e0ee;
}
#leftnav #raisemoney, #leftnav #raisemoneyexpanded {
	vertical-align: top;
	list-style: none;
	margin: 0 0 0 19px;
	padding: 0;
	border-right: 0;
	background-image: url(/about/local/images/community/find_a_job.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
}
#leftnav #raisemoney p, #leftnav #raisemoneyexpanded p {
	padding: 0px 4px 11px 50px;
	font-size: 0.9em;
	color:#333333;
	margin:0 0 0 0;
}
#leftnav #raisemoney p a, #leftnav #raisemoneyexpanded p a {
	color:#333333;
}

#leftnav #raisemoney img#head, #leftnav #raisemoneyexpanded img#head {
	margin: 5px 0px 5px 5px;
}

/* centre column
============================= */
#centrecolumn {
	width: 540px;
}

/* Main content div
============================= */

#maincontent {
	float: left;
	margin-left: -1px;
	padding: 0 0 0 20px;
	width: 748px;
	background: #fff;
	border-left: 1px solid #c9e0ee;
}

/* hide from IE */
html>body>#container>#maincontent  {
	margin-bottom: 20px;
}

/* Crumbtrail
============================= */
#crumb {
	font-size: 0.9em;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom: 1px solid #c9e0ee;
}

#crumb ul { list-style:none; }
#crumb li { display:inline; }
#crumb a:link, #crumb a:visited { text-decoration:none; color: #333; }
#crumb a:hover { text-decoration:underline; }



/* right nav
============================= */
#rightcol {
	position: relative;
	float: right;
	width: 185px;
	margin-left: 20px;
}

/*	contact box
======================= */
.contact {
	position: relative;
	border: 1px solid #B4E1FF;
	font-size: 0.9em;
	margin-bottom: 1em;
}

.contact a {
	color: #333;
}

.contact ul {
	list-style: none;
	margin: 5px 5px 5px 10px;
	padding: 0;
}

.contact .telno {
	display: block;
	font-size: 1.5em;
	line-height: 1.2em;
	font-weight: bold;
	padding-bottom: 0.5em;
}

.phoneicn,
.nophoneicn,
.emailicn {
	background: no-repeat 0 0.3em;
}

.phoneicn,
.nophoneicn { /* phone icon */
	background-image: url(/about/local/images/community/bullets/bld_phone.gif);
	padding-left: 25px;
	line-height: 1.8em
}


.emailicn { /* letter icon */
	background-image: url(/about/local/images/community/bullets/bld_email.gif);
	position: relative;
	padding-left: 25px;
	line-height: 1.8em;
	display: block;
}

/* footer
============================= */

#footer {
            padding-top: 5px;
            margin: 5px 20px;
            border-top: 1px solid #C9E0EE;
            clear: both;
            font-size: 0.9em;
}

#footer ul {
            list-style: none;
            text-align: right;
            margin: 0;
            padding: 0;
}

#footer ul li {
            display: inline;
}

#footer a, #footer a:visited {
            color: #09F;
            text-decoration: none;
            border-right: 1px solid #09f !important;
            padding: 0 7px 0 5px;
            margin: 0;
}

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

#footer a.nopipe {
            border-right: 0 !important;
}

/* boxes homepage
============================== */

h2 a, h2 a:visited, h2 a:hover {
	color: #333333;
	text-decoration: none;
}

.team h2 {
	padding: 5px 0 5px 10px;
	margin: 0 0 0 0;
	background-color: #C3D4E5;
	background-image: url(/about/local/images/community/bullets/bullet_team.gif);
	background-repeat: no-repeat;
	background-position: 8px 6px;
}

.caring h2 {
	padding: 5px 0 5px 10px;
	margin: 0 0 0 0;
	background-color: #C9E0EE;
	background-image: url(/about/local/images/community/bullets/bullet_team.gif);
	background-repeat: no-repeat;
	background-position: 8px 6px;
}

.volunteering h2 {
	padding: 5px 0 5px 10px;
	margin: 0 0 0 0;
	background-color: #BEDDDD;
	background-image: url(/about/local/images/community/bullets/bullet_volunteering.gif);
	background-repeat: no-repeat;
	background-position: 8px 6px;
}

.fundraising h2 {
	padding: 5px 0 5px 10px;
	margin: 0 0 0 0;
	background-color: #CECEEB;
	background-image: url(/about/local/images/community/bullets/bullet_fundraising.gif);
	background-repeat: no-repeat;
	background-position: 8px 6px;
}

.thailand h2 {
	padding: 5px 0 5px 59px;
	margin: 0 0 0 0;
	background-color: #E2CEBA;
	background-image: url(/about/local/images/community/bullets/bullet_thailand.gif);
	background-repeat: no-repeat;
	background-position: 58px 6px;
}


.team h2 a, .caring h2 a,  .volunteering h2 a, .fundraising h2 a, .thailand h2 a, .latestnews h2 a {
	padding: 0 0 0 15px;
	margin: 0;
	font-size:0.7em;
	color:#333333;
}


.team h2 a:hover, .caring h2 a:hover,  .volunteering h2 a:hover, .fundraising h2 a:hover, .thailand h2 a:hover, .latestnews h2 a:hover {
	text-decoration: underline;
}

.team p, .caring p, .green_box p, .volunteering p, .fundraising p {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom:5px;
	margin-top: 5px;
	font-size:0.9em;
}

.map {
	position:absolute;
	margin: -1px 0px 0px -1px;
}

.thailand p {
	padding-left: 60px;
	padding-right: 10px;
	margin-bottom:5px;
	margin-top: 5px;
	font-size:0.9em;
}

.latestnews {
	padding: 0 0 0 0;
	margin: 20px 0 10px 10px;
	border: solid 1px #BADDFF;
	width:211px;
}

img.latestnewsphoto {
	margin:0px 0px 0px 0px !important;
	padding:0px 0px 0px 0px !important;
}

.latestnews h2 {
	padding: 5px 0 5px 5px;
	margin: 0 0 0 0;
	background-color: #BADDFF;
	background-image: url(/about/local/images/community/bullets/bullet_latestnews.gif);
	background-repeat: no-repeat;
	background-position: 3px 6px;
}

.latestnews ul {
	margin:0 0 0 0;
	padding: 0 0 0 0;
}

 .latestnews li {
 	background-image:url(/about/local/images/community/bullets/nav_arrow_small.gif);
	background-repeat: no-repeat;
	background-position: 3px 3px;
}

.latestnews li {
	padding: 0 5px 0 11px;
	margin: 5px 0 5px 0;
	font-size:0.9em;
	list-style-type: none;
	line-height:11px;
}

.latestnews li a,  .latestnews li a:visited  {
 	color:#333333;
	text-decoration: none;
 }

.latestnews li a:hover,  {
 	color:#333333;
	text-decoration: underline;
 }

.latestnews p {
	padding-left: 6px;
	padding-right: 10px;
	margin-bottom:5px;
	margin-top: 5px;
	font-size:0.9em;
	list-style-type: none;
}

.team {
	background-color:#D9ECFF;
	border-bottom: solid 15px #fff;
	padding-bottom: 5px;
	padding-top: 0;
	margin-top:5px;
}

.volunteering {
	background-color: #D3F3F3;
	border-bottom: solid 15px #fff;
	padding-bottom: 5px;
	padding-top: 0;
	margin-top:5px;
}

.caring {
	background-color:#D9ECFF ;
	padding-bottom:5px;
	padding-top:0;
	border-bottom: solid 15px #fff;
}

.fundraising {
	background-color: #E4E3FE;
	padding-bottom:5px;
	padding-top:0;
	border-bottom: solid 15px #fff;
}

.thailand {
	background-color: #FFF;
	padding: 0 0px 5px 0;
	margin: 20px 0 0 0;
	border: solid 1px #E2CEBA;
	height: 1%;
	overflow: hidden;
}


/* highlight boxes
============================== */

.highlightbox_china {
	background-color: #F8FFDA;
	margin: 5px 0px 15px 0px;
	padding:0px 0px 10px 0px;
}

.highlightbox_china ul {
	margin: 15px 15px 0px 15px;
	padding:15px 15px 0px 15px;
}

.highlightbox_china ul li {
	margin: 0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}


/* other bits
============================== */

ul#toc {
	list-style: none;
	margin: 0 0 0 25px;
	padding: 0;
	line-height: 1.5em;
}

ol li {
	margin: 0px 0px 7px 0px;
}

img {
	border:0;
}

.right {
	float: right;
}


.left {
	float: left;
}

.intro_para {margin-top:0;padding-top:0;}

.mainimg {
	float: right;
	padding:0 5px 8px 10px;
	margin:0;
}


.smalltext {font-size:0.9em;}

table.data {border-collapse:collapse;margin-top:20px; margin-bottom:5px;}
.data td {font-size:.9em; padding:3px 15px; border:1px solid #cccccc;}
.data th {font-size:.9em; padding:3px 15px;font-weight:bold;background:#e0edcc;}

hr {
	color: #c9e0ee;
	height: 1px;
	padding: 0;
	margin:0;
	border: 0;
	clear: right;
}

.clearfloats {
		display: block;
/*		clear: both;*/
		margin-top:15px;
	}

.error {
	color: #ff3333;
	}

/* used on some tds of forms to give space between chunks of text */

.toppadding  {
	padding-top: 15px;
	vertical-align:bottom;
}

.center {display:block; margin-left:auto; margin-right:auto;}

/* Tables
============================== */

tr {vertical-align:top;}

/* Next steps menu images

=============================================== */

div.nextsteps {
	background-color:#F2FCE3;
	padding: 1px 15px 15px 15px;
	clear: both;
	margin-top: 1em;
}

.nextsteps h2	{
	margin-top: .5em;
}

.nextsteps ul {
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0;
}

.nextsteps li {
	margin-left:0px;
	padding:3px 20px;
	background-repeat: no-repeat;
	background-position: 0 3px;
}

.nextsteps li a, .nextsteps li a:hover, .nextsteps li a:visited {
/*	color:#55702D; */
	color:#333333;
	text-decoration:underline;

}

.nextsteps .search { /* magnify glass icon */
	background-image: url(/about/local/images/community/bullets/bullet_search.gif);
}

.nextsteps .info { /* i icon */
	background-image: url(/about/local/images/community/bullets/bullet_information.gif);
}

.nextsteps .email { /* letter icon */
	background-image: url(/about/local/images/community/bullets/bullet_email.gif);
}

.nextsteps .phone { /* phone icon */
	background-image: url(/about/local/images/community/bullets/bullet_phone.gif);
}

.nextsteps .download { /* phone icon */
	background-image: url(/about/local/images/community/bullets/bullet_download.gif);
}

.nextsteps .read { /* phone icon */
	background-image: url(/about/local/images/community/bullets/bullet_read.gif);
}


/* pdf lists
============================== */

.pdfs {
	list-style:none;
	font-size: 0.9em;
	margin: 15px 0 0 0;
	padding: 0;
	}

.pdfs li {
	margin-left:0px;
	font-size: 1.1em;
	padding:3px 20px;
	background-repeat: no-repeat;
	background-position: 0 3px;
	background-image: url(/about/local/images/community/icons/icn_pdf_sm.gif);
	}

.pdfs a:hover {text-decoration:underline;}
.pdfs a:visited, .pdfs a:link  {text-decoration:none;}

/* right column on factsheets list page */

#factsheetsrightcol	{
	width: 250px;
	float: right;
	text-align: right;
}

#factsheetsrightcol p	{
	margin-top: 2em;
}

#factsheetsleftcol	{
	width: 250px;
	float: left;
}

/* removes margin from lists that sit next to images */

ul.content	{
	margin-left: 1.2em;
}


#chinesehomepageintro	{
	width: 260px;
}

#chinesehomepageintro p	{
	margin-bottom: 2em;
}

.righthandimages {
	float:right;
	margin: 0 0 0 7px;
}

.righthandimages img {
	margin: 5px 0 5px 0;
}

div#tintedhalf {
	padding: 0px 7px 5px 7px;
	margin:10px 0px 10px 0px;
	background-color:#EEF6E4;
	border: 1px #9ED4A7 solid;
	width:50%;
}

div#tintedfull {
	clear: both;
	padding: 0px 7px 5px 7px;
	margin:10px 0px 10px 0px;
	background-color:#EEF6E4;
	border: 1px #9ED4A7 solid;
}

div#quoteshalf {
	padding: 0px 7px 5px 7px;
	margin:10px 0px 10px 0px;
	background-color:#EEF6E4;
	border: 1px #9ED4A7 solid;
	width:210px;
}

div#quotesfull {
	clear: both;
	padding: 5px 7px 5px 7px;
	margin:10px 0px 10px 0px;
	background-color:#FFF2FC;
	border: 1px #EED8E9 solid;
	text-align:center;
}

.volunteer {
	border: 1px solid #CCCCCC;
}

.volunteerslayout {
	display:block;
	height:130px;
}

.newstable {
	border-collapse: collapse;
}

table.newstable th {
	background-color:#EEF6E4;
	font-size: 110%;
}

.newstable td, .newstable th {
	border: 1px #9ED4A7 solid;
}

.caption	{
	font-size: 0.9em;
	text-align: center;
	margin: 0 0 10px 0;
}



.bia {
	 background: #E1F5FF;
	 padding: 10px;
	 width: 85%;
	 overflow: hidden;
	 margin: 16px 0;
}

.bia p {float: left;}

.bia p img {float: left; margin: 0 10px 10px 0;}