/* resets */
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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* clearfix */
html body div.clear,html body span.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	height: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	}
.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height:0
	}
.clearfix {
	display: inline-block
	}
.break {
	clear: both;
	height: 0px;
	line-height: 0px;
	padding-bottom: 15px;
	width: 100%;
	}
.hide {
	position: absolute;
	left: -3000px;
	}
.nowrap { white-space: nowrap; }

/* site-specific code */
body {	
	font: 15px/150% arial, helv, sans-serif;
	}

a:link { color: #d67e44; }
a:visited { color: #ca601a; }
a:hover { color: #f60; text-decoration: underline; }
a:active { }

.container {
	background: transparent url(/images/containerbg.gif) repeat-y top left;
	margin: 10px auto;
	position: relative;
	width: 960px;
	}
	.container.home {
		background: transparent url(/images/homebackground.jpg) no-repeat right 96px;
		}
		.container.home .header .leftnav {
			min-height: 365px;
			}
		.container.home .maincontent h2 {
			color: #f60 !important;
			margin-right: 20px;
			text-align: center;
			}
		.container.home .maincontent h3 {
			font-size: 140%;
			margin-left: 100px;
			margin-right: 120px;
			text-align: center;
			}
	.flower {
		background: transparent url(/images/flower.gif) no-repeat top left;
		bottom: -20px;
		height: 144px;
		left: 100px;
		position: absolute;
		width: 150px;
		}
.unit {
	display: inline;
	float: left;
	margin: 0 10px;
	}
.unitfirst {
	margin-left: 0;
	}
.unitlast {
	margin-right: 0;
	}
.columnbreaker {
	clear: both;
	height: 18px;
	}
.page12 .unit1 { width: 60px; }
.page12 .unit2 { width: 140px; }
.page12 .unit3 { width: 220px; }
.page12 .unit4 { width: 300px; }
.page12 .unit5 { width: 380px; }
.page12 .unit6 { width: 460px; }
.page12 .unit7 { width: 540px; }
.page12 .unit8 { width: 620px; }
.page12 .unit9 { width: 700px; }
.page12 .unit10 { width: 780px; }
.page12 .unit11 { width: 860px; }
.page12 .unit12 { width: 940px; }

.page16 .unit1 { width: 40px; }
.page16 .unit2 { width: 100px; }
.page16 .unit3 { width: 160px; }
.page16 .unit4 { width: 220px; }
.page16 .unit5 { width: 280px; }
.page16 .unit6 { width: 340px; }
.page16 .unit7 { width: 400px; }
.page16 .unit8 { width: 460px; }
.page16 .unit9 { width: 520px; }
.page16 .unit10 { width: 580px; }
.page16 .unit11 { width: 640px; }
.page16 .unit12 { width: 700px; }
.page16 .unit13 { width: 760px; }
.page16 .unit14 { width: 820px; }
.page16 .unit15 { width: 880px; }
.page16 .unit16 { width: 940px; }

/* header */
.header {
	}
	.header .logo h1 a {
		background: transparent url(/images/mainlogo.png) no-repeat left top scroll;
		display: block;
		height: 250px;
		width: 220px;
		}
	.header .leftnav {
		background-color: #a8d393;
		margin-right: 25px;
		padding: 0 10px 10px 10px;
		}
		.header .leftnav a {
			background: transparent url(../images/navorange.gif) no-repeat 0px 3px;
			color: #000;
			font-weight: bold;
			text-decoration: none;
			padding-left: 15px;
			}
			.header .leftnav a:hover {
				color: #030;
				}
		.header .leftnav ul li a.current {
			color: #360;
			}
		.header .leftnav ul li ul {
			font-size: 90%;
			margin-left: 15px;
			}
			.header .leftnav ul li ul a {
				background: none;
				color: #390;
				font-weight: normal;
				padding: inherit;
				}
				.header .leftnav ul li ul a:hover {
					text-decoration: underline;
					}
			.header .leftnav ul li ul li a.current {
				font-weight: bold;
				color: #360;
				}

/* main content */
.maincontent {
	margin-top: 25px;
	padding-bottom: 15px;
	}
	.maincontent h2 {
		color: #444;
		font-size: 280%;
		font-weight: normal;
		letter-spacing: -1px;
		line-height: 100%;
		margin-bottom: 12px;
		}
		.maincontent h2 .Light {
			color: #888;
			}
	.maincontent h3 {
		color: #390;
		font-size: 180%;
		font-weight: normal;
		letter-spacing: -1px;
		line-height: 120%;
		margin-bottom: 12px;
		}
	.maincontent h4 {
		color: #555;
		font-size: 140%;
		font-weight: normal;
		letter-spacing: -1px;
		margin-bottom: 12px;
		}
	.maincontent h5 {
		color: #444;
		font-size: 110%;
		font-weight: bold;
		margin-bottom: 6px;
		}
	.maincontent p {
		margin: 0 0 12px 0;
		}
	.maincontent ul {
		list-style-type: square;
		margin: 0 10px 12px 10px;
		padding: 0 0 0 25px;
		}
	.maincontent ol {
		list-style-type: decimal;
		margin: 0 10px 12px 10px;
		padding: 0 0 0 25px;
		}
	.maincontent dl {
		margin: 0 10px 12px 10px;
		padding: 0 0 0 25px;
		}
		.maincontent dl dt {
			font-weight: bold;
			}
		.maincontent dl dd {
			padding-left: 15px;
			}

	.maincontent blockquote {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 120%;
		font-style: italic;
		color: #444;
		margin: 10px 20px 12px 20px;
		}

.subnav {
	background-color: #eee;
	border-top: 1px #aaa solid;
	border-bottom: 1px #aaa solid;
	clear: both;
	margin-bottom: 12px;
	padding: 4px;
	}
	.subnav ul {
		display: inline;
		margin: 12px 0;
		padding: 0;
		}
		.subnav ul li {
			border-right: 1px #aaa solid;
			display: inline;
			padding: 0 10px;
			}
			.subnav ul li a.current {
				font-weight: bold;
				}

ul.download,
ul.links {
	list-style-type: none;
	padding: 0px 8px 8px 8px;
	}
	ul.download li,
	ul.links li {
		padding: 4px 4px 2px 28px;		
		}
	ul.links li {
		margin-bottom: 0;
		margin-top: 0;
		}
		ul.download li.pdf {
			background: transparent url(../images/icons/page_white_acrobat.png) no-repeat 0px 7px;
			}
		ul.download li.word {
			background: transparent url(../images/icons/page_white_word.png) no-repeat 0px 7px;
			}
		ul.links li {
			background: transparent url(../images/icons/link.png) no-repeat 0px 7px;
			}
		ul.linksnav li {
			background: transparent url(../images/icons/world_link.png) no-repeat 0px 7px;
			}


p.strapline {
	color: #390;
	font-weight: bold;
	text-align: center;
	}

img.sideimage {
	border: 1px #ccc solid;
	}
img.inline {
	margin-bottom: 12px;
	}
img.stack {
	margin-bottom: 12px;
	}
img.cover {
	background-color: #eee;
	border: 1px #999 solid;
	float: right;
	margin: 0 0 15px 15px;
	padding: 8px;
	}

.publication {
	border-bottom: 1px #ccc solid;
	padding: 10px 0;
	width: 100%;
	}

.todo {
	color: #f00;
	font-weight: bold;
	margin: 10px 0;
	}

table.contenttable {
	border: 1px #a8d393 solid;
	margin-bottom: 12px;
	}
	table.contenttable td,
	table.contenttable th {
		padding: 3px 5px;
		}
	table.contenttable thead th {
		background-color: #d4ffbf;
		border-bottom: 2px #a8d393 solid;
		text-align: left;
		}

.irhstaff .vcard { width: 95%; }
.vcard {
	background-color: #f8f8f8;
	border: 1px #ccc solid;
	margin-bottom: 12px;
	margin-right: 15px;
	position: relative;
	}
	.vcard div {
		padding: 4px 10px 10px 70px;
		}
	.vcard img {
		background-color: #f0f0f0;
		border: 1px #ddd solid;
		left: 4px;
		padding: 4px;
		position: absolute;
		top: 4px;
		width: 45px;
		}
	.vcard h5 {
		color: #444;
		margin-bottom: 0;
		padding-bottom: 0;
		padding-top: 5px;
		}
	.vcard .phone,
	.vcard .email,
	.vcard .role {
		display: block;
		font-size: 85%;
		line-height: 140%;
		}

.supporter {
	padding: 4px 4px 4px 120px;
	position: relative;
	}
	.supporter h3 {
		margin-bottom: 2px;
		}
	.supporter h4 {
		color: #585;
		}
	.supporter img {
		background-color: #eee;
		border: 1px #ddd solid;
		padding: 4px;
		position: absolute;
		top: 0px;
		left: 0px;
		}

.bottomnav {
	border-top: 1px #eee solid;
	font-size: 85%;
	padding: 8px 0;
	text-align: center;
	}
	.bottomnav ul {
		border-left: 1px #888 solid;
		display: inline;
		}
		.bottomnav ul li {
			border-right: 1px #888 solid;
			display: inline;
			padding: 0 8px;
			}
			.bottomnav ul li a.current {
				font-weight: bold;
				}

.footer {
	background: #390 url(../images/footerbar.gif) no-repeat bottom left;
	border-bottom: 20px white solid;
	}
	.footer p {
		color: #bad7ac;
		font-size: 150%;
		padding: 8px 10px;
		text-align: right;
		}