.families {
	margin: 0 1em 0 2em;
	overflow: visible;
	padding: 0;
}
.family {
	font-size : 80%;
	margin : 0 1em 0 0;
	padding : 0px 0px 0px 0px;
	overflow : visible;
	background : #ffffe4;
	border : 1px solid #452e25;
}
.family a{
	font-weight : normal;
	color : #000099;
	text-decoration : none;
}

.family a:hover{
	color : blue;
}

.spacer {
	height : 5px;
	border-left : 1px solid #452e25;
	overflow:hidden;
	clear: both;
	}

.familyName{
	border : 1px solid #452e25;
	margin : 0px 0px 0px 0px;
	padding : 10px 5px 10px 5px;
	background-color : #8b5d4a;
	color : White;
	font-weight : bold;
	text-align : center;
	width:36em;
}

.familyName a{
	color : white;
	font-weight : normal;
	font-size : 80%;
	float : right;
	text-decoration : underline;
	text-decoration-style: dotted;
}

.familyName a:hover{
	color : white;
	text-decoration : underline;
	text-decoration-style: solid;
	
}

.pedigree {
	border : 1px solid #452e25;
	display:block;
	overflow : auto;
	background: #ffffe4;
	font-size : 70%;
	padding : 2px 0px 2px 10px;
	width : 8em;
}

.childrenList {
	clear:both;
	padding : 5px 0px 5px 20px;
	font-size : 90%;
	text-align : left;
}
.children {
	font-size : 90%;
	clear:both;
	padding : 5px 0px 5px 20px;
	display : none;
	text-align : left;
	border-top : 1px solid #452e25;

}
.child {
	clear:both;
	padding : 0px .5em 0px .5em;
	font-size : 80%;
}

.spouse {
	clear:both;
	width : 36em;
	padding : 5px 5px 5px 5px;
	overflow : visible;
	text-align : left;
	}

.parent {
	float : left;
	width : 35em;
	padding : 5px 5px 5px 5px;
	overflow : visible;
	text-align : center;
	}

.singleParents {
	overflow : visible;
	background: #ffffe4;
	text-align : center;
	}

.singleParent {
	width : 35em;
	padding : 5px 5px 5px 5px;
	text-align : center;
	}

.ancestor{
	width : 37em;
}

.ancestorFamily {
	border : 1px solid;
	font-size : 80%
}

.ancestorParent {
	text-align : center;
	float : left;
	width : 50%;
}

.ancestorMarriage {
	clear : both;
	text-align : center;
}

.ancestorChildren {
	display : none;
}

.ancestorLink {
	text-align : center;
}

.ancestorLinkImage {
	width : 50%;
}
.parentLinkImage {
	height:1.5em;
}

.link{
	padding: 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
	height : 20px;
	overflow : auto;
	text-align : center;
}	




.detailTitle{
	font-size : 80%;
	padding: 2px 2px 2px 5px;
	overflow : hidden;
	vertical-align : top;
}
	
.detailContent{
	font-size : 80%;
	padding: 2px 2px 2px 5px;
	overflow : hidden;
	vertical-align : top;
}

#details {
	clear : both;
	font-size : 80%;
	border : 1px solid #452e25;
	border-top : none;
	background: #ffffe4;
	display : block;
	width : 46em;
	overflow : auto;
	}

	
.infoHeader {
	font-size : 80%;
	font-weight : bold;
	background-color: #ffffe4;
	border : 1px solid #452e25;
	margin: 5px 0px 0px 0px;
	padding : 2px 2px 2px 10px;
	width : 44em;
}

.infoDetails{
	clear : both;
	display : block;
	font-size : 80%;
	border : 1px solid #452e25;
	border-top : none;
	background: #ffffe4;
	width : 45em;
	overflow : auto;
	}