body {
	background-color: rgb(228,208,175);
	font-family: verdana, arial, sans-serif;
	font-size: 10pt;
}
a { text-decoration: none; }
a:hover { text-decoration: underline; }
h1, div.picture, div.bottom {
	text-align: center;
}
table#pictureList {
    width: 100%;
    border-collapse: collapse;
    background-color: #fff;
}
td, th {
    border: 1px solid #888;
    font-size: 90%;
    text-align: left;
    vertical-align: top;
}

div#familyTree { width: 100%; }
div#familyTree div {
	margin-right: 1em;
	border: 1px solid #888;
	float: left;
	font-size: 80%;
	background-color: #fff;
}
div#familyTree div h2 {
	font-size: 110%;
	text-align: center;
	margin-top: 0px;
	padding: 3px 0px;
	width: 100%;
	background-color: #ccc;
}
div#familySurnames, div#familyNames { width: 150px; }
div#individualRecord { width: 400px; }
div#individualRecord p { padding-left: 5px; }
ul li {
	list-style-type: none;
	margin-left: -2em;
	margin-bottom: 3px;
}
html[xmlns] ul li { margin-left: -2em; }
ol li ul > li { margin-top: 3px;}