/* Applied to all pages */
body {
	text-align: center;
	background: white;
	color: black;
	font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
	font-size: 80%;
	margin: 26px 0 0 0;
	padding: 0;
}

form {
	text-align: left;
	background: url(/tpl/img/bg-main.gif);
	width: 976px;
	margin: 0 auto;
}
	/* The logo and strapline */
	dl#strap {
		background: url(/tpl/img/bg-strap.gif) top no-repeat;
		height: 13px;
	}
	html[lang] dl#strap {
		height: auto;
		min-height: 13px;
	}
		#strap dt, #strap dd {
			float: left;
			text-align: right;
		}
		dl#strap dt {
			width: 185px;
			padding: 33px 0 0 0;
		}
		dl#strap dd {
			width: 743px;
			padding: 47px 0 0 0;
			font-size: 140%;
			color: #36A68D;
		}

/* The main horizontal navigation, top */
map#mainnav {
	clear: both;
}
map#mainnav ul {
	margin: 0 0 0 192px;
	clear: both;
}
	#mainnav li {
		float: left;
		width: 98px;
		text-align: center;
	}
	#mainnav li.large {
		width: 148px;
	}
		#mainnav a, #mainnav em {
			display: block;
			font-style: normal;
			text-transform: lowercase;
			width: 98px;
			background: url(/tpl/img/bg-mainnav-a.gif) top no-repeat;
			font-size: 120%;
			padding: 0.5em 0 0.4em 0;
			border-bottom: solid 1px #CACACA;
		}
		/* You are here */
		#mainnav em a, #mainnav .large em a {
			font-size: 100%;
			padding: 0;
			background: none;
			border: none;
			color: black;
			width: auto;
		}
		#mainnav .large a,  #mainnav .large em {
			width: 148px;
			background: url(/tpl/img/bg-mainnav-large-a.gif) top no-repeat;
		}

h2 {
	margin: 0 38px;
	padding: 130px 20px 15px 20px;
	color: white;
	clear: both;
	font-weight: normal;
	font-size: 180%;
}

/* The main content */
div#content {
	float: left;
	width: 730px;
	margin: 25px 0 0 0;
}
		div#content ul li {
			padding: 0 28px 0 10px;
			background: url(/tpl/img/bullet-content.gif) top left no-repeat;
		}

div#nav {
	float: left;
	padding: 30px 0 0 0;
}
	div#nav dl {
		background: url(/tpl/img/bg-action-dl.gif);
	}
		div#nav dt a {
			display: block;
			background: url(/tpl/img/bg-action-dt-a.gif) top no-repeat;
			padding: 25px 0 35px 85px;
			font-size: 130%;
		}
		#nav dd a {
			display: block;
			padding: 0 15px 30px 15px;
			background: url(/tpl/img/bg-action-dd-a.gif) bottom no-repeat;
			color: #23585E;
			font-size: 90%;
		}
		/* To increase the hit area of the call to action */
		* html div#nav dt a, * html #nav dd a {
			width: 100%;
			w\idth: auto;
		}
		/* The icons on the right */
		dl#partners dt a {background: url(/tpl/img/bg-partners-dt-a.gif) top no-repeat; margin-top:17px;}
		dl#members dt a {background: url(/tpl/img/bg-members-dt-a.gif) top no-repeat;}
		dl#publications dt a {background: url(/tpl/img/bg-publications-dt-a.gif) top no-repeat;}

/* List killer rule */
#strap, #strap dd, #strap dt, #mainnav ul, #mainnav li, #content ul, 
#content ul li, #nav dl, #nav dt, #nav dd, #content .member dl, 
#content .member dt, #content .member dd, #nav ul, #nav li, .library dl, 
.library dt, .library dd {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

p.cap, p.clear {
	margin: 0;
	font-size: 0.1%;
	clear: both;
	background: url(/tpl/img/bg-main-cap.gif) bottom no-repeat;
	height: 25px;
}

p.clear {
	height: 0;
	line-height: 0;
	background: none;
}

/* The disclaimer at the bottom */
div#copyright {
	text-align: left;
	width: 875px;
	margin: 1.5em auto 0 auto;;
	font-size: 90%;
}
	#copyright p {
		float: left;
		width: 437px;
		text-align: right;
		color: #36A68D
	}
		p#realise {
			text-align: left;
		}

* html td, * html th {
	font-size: 70%;
	f\ont-size: 100%;
}

input, select, textarea {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 100%;
}
/* To indicate content which is omitted */
s, ins {
	text-decoration: none;
	color: black;
	background-color: #fcf;
	border: solid 1px #969;
	padding: 1px 3px;
}
#wai, .print {display: none;}
.r {text-align: right;}
img.r {float: right; margin: 0 0 10px 10px;}
img.l {float: left; margin: 0 10px 10px 0;}
map {display: block;}
a {text-decoration: none; color: #36A68D;}
a:hover {text-decoration: underline;}
a img {border: none;}
.incomplete {color: red; font-weight:bold}