/* Just for inside pages */

/* Subnavigation */
div#subnav {
	background: pink;
	height: 137px;
}
html[lang] div#subnav {
	height: auto;
	min-height: 137px;
}

	#action ul {
		margin: 0 0 10px 0;
	}
	#action li {
		background: url(/tpl/img/bullet-subnav.gif) top left no-repeat;
		padding: 0 0 0 25px;
	}
		div#subnav a {
			color: #666;
		}
		#subnav em {
			font-style: normal;
			font-weight: bold;
		}

/* Browse profiles */


/* For the Council listings pages */
fieldset#sortmembers {
	margin: 0 24px 0 80px;
	margin: 0 0 0 80px;
	padding: 12px 0 0 0;
	border: none;
	background: #F5F2E7 url(/tpl/img/bg-sortmembers.gif) top no-repeat;
}
	#sortmembers legend {
		display: none;
	}
	#sortmembers dl {
		float: left;
		width: 278px;
		margin: 0;
		clear: none;
		border: none;
	}
		#sortmembers dt, #sortmembers dd {
			float: none;
			width: auto;
			display: inline;
			padding: 0 0 0 10px;
		}
	#sortmembers p {
		width: 198px;
		float: left;
		margin: 0;
		text-align: right;
		clear: none;
	}
		#sortmembers input {
			font-size: 90%;
		}
		#sortmembers select {
			font-weight: bold;
		}
	#sortmembers p.clear {
		background: url(/tpl/img/bg-sortmembers-p.gif) bottom no-repeat;
		width: 840px;
		height: 9px;
	}

div#members {
	margin: 7px 0 0 80px;
}
	#members div {
		float: left;
		width: 281px;
		background: url(/tpl/img/bg-members-div.gif) top right no-repeat;
		position: relative;
		height: 87px;
		padding: 0;
		margin: 0 0 2px 0;
	}
	html[lang] #members div {
		height: auto;
		min-height: 87px;
	}
	#members div.first {
		width: 278px;
		clear: left;
	}
		/* The image paragraph */
		div#members p.member {
			position: absolute;
			top: 9px;
			right: 200px;
			margin: 0;
			width: 70px;
		}
		#members h2 {
			margin: 9px 5px 0 84px;
		}
		#members .first h2 {
			margin: 9px 5px 0 81px;
		}
			#members h2 a {
				color: #6A5039;
			}
		#members p {
			margin: 0 5px 0 84px;
		}
		#members .first p {
			margin: 0 5px 0 81px;
		}
		/* This paragraph was originally to contain a button reading "Vew members page", but also
		closed off the curve of each box. The button has been removed as of Dec. 2007 */
		#members p.view {
			margin: 0;
			background: url(/tpl/img/bg-members-view.gif) bottom left no-repeat;
			position: absolute;
			bottom: 0;
			right: 0;
			text-align: right;
			width: 278px;
			/* New styles */
			padding: 0;
			height: 4px;
			font-size: 0.1%;
		}
			/* This isn't needed, if no link goes in here */
			p.view a {
				color: #333;
				padding: 0.2em 0.8em;
				font-size: 80%;
				margin: 0 10px;
			}
			p.view a:hover {
				text-decoration: none;
			}

/* The page navigation for members */
#members p#pages {
	margin: 0;
	padding: 1em 23px 1em 0;
	text-align: right;
}
	#pages a, #padding strong {
		padding: 0.2em 0.4em;
		border: solid 1px white;
		/* For old IE */
		position: relative;
	}
	#pages a:hover {
		border: solid 1px #C3B9B0;
		text-decoration: none;
	}

/* The full CV page */
/* Back to listings */
p#memberlist {
	font-size: 90%;
}

h1#memberTitle { font-size: 150%; }

div#contactdetails {
	width: 300px;
	margin: 0px 0px 1em 0px;
	padding: 0px 0px 0px 0px;
	border-top: solid 1px white;
	background: #F5F2E7 url(/tpl/img/bg-minicv-contact.gif) bottom left no-repeat;
	font-size: 90%;
}
	#contactdetails h2 {
		padding: 15px 15px 5px 15px;
		margin: 0;
		background: #F5F2E7 url(/tpl/img/bg-minicv-first-contact.gif) top left no-repeat;
		position: relative;
		font-size: 120%;
	}
	#contactdetails dl {
		border-top: solid 1px #F5F2E7;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 15px;
	}
		#contactdetails dt, #contactdetails dd {
			display: inline;
			width: auto;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
		}
		
div#minicv {
	margin: 0 80px 1em 80px;
	border-top: solid 1px white;
	background: #F5F2E7 url(/tpl/img/bg-minicv.gif) bottom left no-repeat;
}

	#minicv p.first {
		padding: 15px 15px 0 15px;
		margin: 0;
		background: #F5F2E7 url(/tpl/img/bg-minicv-first.gif) top left no-repeat;
		position: relative;
	}

	#minicv p, #minicv h3 {
		float: none;
		width: auto;
		margin: 0;
		padding: 0 15px;
		text-align: left;
		font-weight: bold;
		font-size: 110%;
	}
	#minicv h3 {
		padding: 15px 15px 0 15px;
	}
	#minicv ul {
		padding: 0 0 1em 0;
		text-transform: capitalize;
	}

/* A download panel, in the second column */
#action ul.download {
	margin: 0 0 1em 0;
	background: url(/tpl/img/bg-download.gif) left repeat-y;
}
	#action .download li {
		height: 1px;
	}
	html[lang] #action .download li {
		height: auto;
	}
	#action .download li.vcf {
		background: url(/tpl/img/bg-vcf.gif) top left no-repeat;
		border-top: solid 1px white;
	}
	#action .download li.pdf {
		background: url(/tpl/img/bg-pdf.gif) bottom left no-repeat;
		border-bottom: solid 1px white;
		border-top: solid 1px white;
	}

	#action .download li.pdfnotavailable {
		background: url(/tpl/img/bg-pdfnotthere.gif) bottom left no-repeat;
		list-style-type: none;
	}	

		.download a, .download em {
			display: block;
			font-style: normal;
			margin: 9px 11px 0 65px;
			border: solid 1px #DBDAD2;
			padding: 0.2em 0.4em;
			background: #E6E2CE url(/tpl/img/bg-download-a.gif) top repeat-x;
			color: black;
			font-size: 80%;
		}
		.download em {
			background: #DBDBDB url(/tpl/img/bg-download-em.gif) top repeat-x;
		}
		.pdf a, .pdf em {
			margin: 14px 11px 16px 65px;
		}

	/* A table of contents used on the FAQ page */
	div#toc {
		background: #F5F2E7 url(/tpl/img/bg-toc.gif) top no-repeat;
		margin: 0 23px 1em 80px;
		padding: 1em 0 0 0;
	}
		#toc h2 {
			margin: 0 20px 0.5em 20px;
		}
		#toc ul {
			background: url(/tpl/img/bg-toc-ul.gif) bottom no-repeat;
			margin: 0;
			padding: 0 80px 1em 60px;
		}
			#toc a {
				color: #66543B;
			}

/* The sitemap page */
ul#sitemap {
	margin: 0 0 1em 150px;
}
	ul#sitemap ul {
		margin: 0 0 0 20px;
	}
#sitemap, #sitemap ul, #sitemap li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image:none;
}
	/* Spans are used to enclose the toggle image and link text */
	#sitemap li span {
		display: block;
		background: url(/tpl/img/bg-sitemap-li.gif) no-repeat top left;
		color: white;
		font-weight: bold;
		border-bottom: solid 1px #e3e7d7;
		padding: 5px 0 9px 60px;
		width: 452px;
	}
	/* The toggle image */
	#sitemap img {
		margin: 0 3px 0 10px;
	}
		#sitemap a {
			color: white;
		}
		#sitemap li li span {
			background: url(/tpl/img/bg-sitemap-li-li.gif) no-repeat top left;
			font-weight: normal;
			color: #6B4421;
		}
			#sitemap li li a {
				color: #6B4421;
			}
			
				#sitemap li li li span {
					background: url(/tpl/img/bg-sitemap-li-li-li.gif) no-repeat top left;
					font-weight: normal;
					color: #6B4421;
				}