/* Inside pages */
html, body {
	color: black;
	height: 100%;
}

body {
	font-size: 70%;
	background: #C6B5A5 url(/tpl/img/bg-inside.gif) repeat-y;
}

/* the flash movie at the top of the page */
h1 {
	background: #C6B5A5;
}

/* this is a strut which forces the content to be 95% of the height of the page */
#strut {
	height: 95%;
	float: right;
	width: 1px;
	font-size: 1px;
}

/* the strut is also used to contain the print logo */
#strut p {
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
}

#strut a, #strut p {
	display: block;
	width: 138;
	height: 75px;
}

#strut img {
	visibility: hidden;
}

#content {
	width: 99%;
}

div#nav {
	background: #D58A30;
	float: left;
}

	/* the current section */
	#nav div h2 {
		padding: 6px 12px 2px 0;
		margin: 6px 0 0 0;
	}
	
	/* the sub nav */
	#nav div {
		background: #E5B57C;
		padding: 0 0 7px 0;
		margin: 11px 0 0 0;
	}
	
	#nav div a {
		color: black;
	}
	
	#nav h3 {
		font-weight: normal;
		margin: 0;
		padding: 0 12px 2px 0;
	}

	#nav div.sup h2 {
		border-bottom-color:#E2AD6F;
	}

/* the main content */	
div#matter {
	float: left;
	width: 558px;
	padding: 0 0 15px 0;
}
	
	#matter h2, input, textarea {
		font-size: 100%;
		margin: 0;
	}
	
	#matter h2, #matter h4, #matter p {
		margin: 0 0 1em 15px;
	}
	
	#matter p.intro {
		margin: 0 0 15px 0;
	}
	
	#matter h3 {
		clear: both;
		padding: 0.5em 0;
		margin: 0 0 0 15px;
		color: white;
		font-size: 100%;
	}
	
	/* quotes */
	blockquote {
		margin: 0;
		font-style: italic;
	}
	
	/* definition lists by default are a two column table layout */
	dl {
		margin: 1em 0 1em 15px;
	}
	
	dt {
		font-weight: bold;
		width: 80px;
	}
	
	dd {
		margin: -1.2em 0 0.5em 80px;
	}
	
	/* definition lists are used for the company structure pages */
	.staff {
		margin: 0 0 0 34px;
	}
	
	.staff dl {
		float: left;
		width: 120px;
		color: #534741;
		text-transform: lowercase;
	}
	
	.staff dt, .staff dd {
		width: auto;
	}
	
	/* Staff pictures */
	.staff a img {
		border: solid 2px #D58A31;
	}
	
	.staff a:hover img {
		border: solid 2px #FBEDE8;
	}
	
	.staff a {
		color: black;
		text-decoration: none;
	}
	
	.staff a:hover {
		text-decoration: underline;
	}
	
	/* Staff names */
	.staff dd {
		margin: 0;
		padding: 0 0 0 10px;
		background: url(/tpl/img/bullet-staff.gif) no-repeat left;
	}
	
	/* Hmmm.  I wonder if this will work? */
	.staff br, br {
		clear: both;
	}

#foot {
	clear: both;
	height: 5%;
	background: #FBEDE8 url(/tpl/img/bg-foot.gif) repeat-y;
}

#foot p {
	margin: 0;
	padding: 1em 0 1em 70px;
}

#foot img {
	margin: 0 20px 0 0;
	vertical-align: middle;
}

/* this is a "back to home" link, to sit over the logo, top right */
p#home {
	position: absolute;
	top: 0;
	left: 0;
}

#foot p#home, p#home a {
	width: 161px;
	height: 89px;
	margin: 0;
	padding: 0;
	display: block;
}

a img {
	border: none;
}

/* this is for the collections pages */
#matter p.colimg, #matter p.colthumb {
	margin: 0 0 1em 0;
	float: left;
}

/* the large image */
p.colimg {
	width: 393px;
}

/* the thumbnails */
p.colthumb {
	width: 165px;
}

/* the thumbnail links */
.colthumb a img {
	border: solid 1px white;
	margin: 0 0 2px 0;
}

.colthumb a:hover img {
	border-color: #BF81A2;
}

/* this is for the how to find us page */
#matter div.address {
	width: 444px;
	border-top: solid 1px white;
}

#matter .address p {
	width: 133px;
	margin: 10px 0 0 11px;
	float: left;
	font-size: 80%;
}

#matter .address br {
	clear: both;
}

/* for the newsletter page */
dl.newsletter dd {
	margin-top: -55px;
	height: 55px;
}