bg-subnav-em.png/* Just for inside pages */
#home {background: black url(/tpl/img/bg-main.jpg) top no-repeat;}
#about {background: black url(/tpl/img/bg-about.jpg) top no-repeat;}
#justice_process {background: black url(/tpl/img/bg-justiceprocess.jpg) top no-repeat;}
#faq {background: black url(/tpl/img/bg-faq.jpg) top no-repeat;}
#publications {background: black url(/tpl/img/bg-publications.jpg) top no-repeat;}
#your_views {background: black url(/tpl/img/bg-yourviews.jpg) top no-repeat;}
#contact {background: black url(/tpl/img/bg-contactus.jpg) top no-repeat;}
#terms {background: black url(/tpl/img/bg-terms.jpg) top no-repeat;}

/* Subnavigation */
div#nav {
	width: 260px;
}
	div#nav dl {
		margin: 0 0 10px 55px;
	}
	map#subnav {
		background: white url(/tpl/img/bg-subnav.gif) top no-repeat;
		padding: 10px 0 0 0;
		margin: 0 0 0 55px;
	}
	#subnav ul {
		background: white url(/tpl/img/bg-subnav-ul.gif) bottom no-repeat;
		text-align: right;
		font-size: 90%;
		padding: 0 0 10px 0;
		margin: 0 0 1.5em 0;
	}
		#subnav li.selected {
			background: white url(/tpl/img/bg-subnav-li.png) right repeat-y;
			border: solid 1px #e5e5e5;
			border-right: none;
		}
		* html #subnav li {
			height: 1px;
		}
		#subnav a, #subnav em {
			display: block;
			font-style: normal;
			padding: 0.5em 25px 0.5em 0;
		}
		#subnav a {
			margin: 1px 0;
		}
		#subnav em a, #subnav em a:hover {
			display: inline;
			padding: 0;
			margin: 0;
		}
		* html #subnav a, * html #subnav em {
			position: relative;
		}
		#subnav a:hover, #subnav li.selected a:hover, #subnav em {
			text-decoration: none;
			font-weight: bold;
			color: #36A68D;
			border: none;
		}
		#subnav a:hover, #subnav li.selected a:hover, #subnav em.currentpage {
			background: url(/tpl/img/bg-subnav-em.png) top right no-repeat;
		}
		#subnav a:hover {
			background: url(/tpl/img/bg-subnav-a-hover.png) top right no-repeat;
			border: solid 1px #e5e5e5;
			border-right: none;
			border-left: none;
			margin: 0;
		}
			#subnav ul ul {
				font-size: 100%;
				background: none;
				padding: 0;
				margin: 0;
			}
				#subnav ul ul li.selected {
					background: none;
					border: none;
				}
					#subnav ul .selected ul a:hover, #subnav ul ul li.selected a:hover, #subnav ul ul em.currentpage {
						background: none;
						font-weight: normal;
						color: black;
						background: url(/tpl/img/bg-subnav-ul-ul-em.png) top right no-repeat;
					}

/* Right hand side of the screen */
div#content {
	width: 680px;
}
	#content h1 {
		margin: 3px 0 0.6em 28px;
		font-size: 130%;
		color: #36A68D;
	}
	#content h2 {
		margin: 3px 0 0.6em 28px;
		padding: 0;
		font-size: 120%;
		font-weight: bold;
		color: #36A68D;
	}
	#content p {
		margin: 0 0 1em 28px;
	}
	div#content ul {
		margin: 0 0 1em 52px;
	}
	
	#content h3 { 
		margin: 0 0 0.6em 28px;
		font-size: 120%;
		color: #36A68D;		
	}

	/* For the contact form */
	fieldset dl {
		padding: 0 0 1em 0;
		clear: both;
	}
		fieldset dt {
			float: left;
			width: 140px; 
		}
		fieldset dd {
			float: left;
			width: 450px;
		}
			#content fieldset dd input, fieldset dd textarea {
				width: 350px;
			}

/* The elected members */
#content .member {
	clear: both;
}
	/* The member image */
	#content .member p {
		width: 160px;
		margin: 0;
		float: left;
		padding: 0 0 0.5em 0;
	}
		.member p img {
			margin: 0 0 0 25px;
		}
	/* The summary */
	.member div {
		width: 520px;
		float: left;
		padding: 1em 0 0.5em 0;
	}
		.member h4, .member h5 {
			font-size: 100%;
			margin: 0;
			font-weight: normal;
		}
		.member h4, .member h5 em {
			font-weight: normal;
		}
		.member h4 {
			margin: 0 0 0.5em 0;
			font-weight:bold;
		}
		
		#content .member div p {
			width: auto;
			float: none;
			padding: 0;
		}
			.member div p img {
				margin: 0;
			}
		#content .member dl {
			border-top: solid 1px white;
			clear: both;
		}
		#content .member dt {
			float: left;
			clear: left;
			width: 60px;
			text-align: right;
			font-weight: bold;
		}
		#content .member dd {
			float: left;
			width: 455px;
			border-left: solid 5px white;
		}


/* The statutory partners */
.partner {
	clear: both;
}
	/* The member image */
	#content .partner p {
		width: 200px;
		margin: 0;
		float: left;
		padding: 0 0 0.5em 0;
	}
		.partner p img {
			padding-left:30px;
			}
			
		.partner h4 {
			margin: 0 0 0.5em 0;
			padding: 20px 0 0 0;
			font-weight:normal;
			font-size:100%
		}			
			

/* The PDF library on the Newsletter page - limited to four PDFs. */
div.library {
	text-align: center;
	padding: 1em 0 0 0;
}
	.library div {
		margin: 0 auto;
		width: 568px;
	}
	.library dl {
		float: left;
		width: 142px;
		text-align: left;
		font-size: 90%;
	}
		.library dt {
			background: url(/tpl/img/bg-library-dt.gif) top left no-repeat;
			padding: 5px;
		}
		.library dd {
			padding: 0 5px;
		}
			.library a {
				font-weight: bold;
			}

/* Glossary */
ol#glossary {
	margin: 0 0 1em 28px;
	padding: 0;
}
ol#glossary li {
	padding: 0;
	margin: 0;
	display: inline;
	background: none;
}
	#glossary a, #glossary em, #glossary strong {
		padding: 0.3em 0.52em 0.3em 0.34em;
		border-right: solid 1px black;
	}
	#glossary em {
		font-style: normal;
		font-weight: bold;
	}
	#glossary .last a, #glossary .last em, #glossary .last strong {
		border: none;
	}

/* A definition list for the glossary.  Spooky. */
#content dl {
	margin: 0 0 1em 28px;
}
	#content dt, #content dd {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	#content dt {
		font-weight: bold;
	}

/* For the Meetings page */
#content fieldset {
	margin: 0 0 0 32px;
	padding: 0.5em 0 0 0;
	border: none;
	background: #f2f2f2;
	border: solid 1px #d3d3d3;
}
	#content fieldset legend {display: none;}
	
	#content fieldset h2, #content fieldset p {
		margin-right: 30px;
		margin-left: 30px;
	}
	#content fieldset select {
		width: 450px;
		margin: 0 15px 0 0;
	}
	#content fieldset input {
		width: 106px;
	}
	#content ul#meetinglist {
		border: solid 1px #d3d3d3;
		border-top: none;
		padding: 1.5em 0 1.5em 0;
		margin: 0 5px 1em 37px;
	}
		div ul#meetinglist li {
			background: none;
			margin: 0 26px;
			padding: 0;
		}
			#meetinglist a {
				display: block;
				border-bottom: solid 1px #d3d3d3;
				background: url(/tpl/img/bg-meetinglist-a.png) right no-repeat;
				padding: 0.8em 130px 0.8em 0;
				font-weight: bold;
				font-size: 120%;
			}

/* Sitemap */

div#content #homemap, div#content #sitemap, div#content #supmap { list-style-type: none; margin-left: 10px; padding-left: 10px; }
div#content #homemap li, div#content #sitemap li, div#content #supmap li { background: none; }
	div#content #homemap li ul, div#content #sitemap li ul, div#content #supmap li ul { margin-left: 20px; }
	div#content #homemap li ul li, div#content #sitemap li ul li, div#content #supmap li ul li { background: url(/tpl/img/bullet-content.gif) top left no-repeat; }
		div#content #sitemap li ul { margin-top: 13px; }
		div#content #sitemap li ul li ul { margin: 0px; padding: 0px; }
	div#content #supmap li { padding-bottom: 13px; }