#container {
	width:720px;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:11px;
	text-align:center;
	xborder:1px solid red;
	padding:0px;
}
#container a {
	display:block;
	color:#000;
	text-decoration:none;
	background-color:#f6f6ff;
}
#container a:hover {
	color:#900;
	background-color:#f6f6ff;
}

#line0h {
	width:24px;
	color:#fff;
	float:left;
	margin-top:23px;	
	border-bottom:1px solid black;
	padding:0px;
	height:.1em;
	xborder: 1px solid blue;
}

/*\*/
html*#line0h {
]margin-top:10px;
}/**/


#line0v {
	width:1px;
	height:52px;
	color:#fff;
	background-color:#000;
	margin:auto;
	xborder:1px solid green;
}

html:first-child  div#line0h {
margin-bottom:-24px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #line0h {margin-bottom:-24px;}
	.seperator1{margin:-20px;}
}

html:first-child  div#line0v{
	/*Hack for Opera*/
	position:relative;
	display:inline;
	left:-265px;
	float:left;	
	margin-bottom:0px;
}


x#line1hx {
	width:450px;
	height:1px;
	color:#fff;
	background-color:#000;
	margin:auto;
	position:relative;
	left:-26px;
}

#line3 {
	display:inline;
	width:1px;
	height:20px;
	color:#fff;
	background-color:#000;
	margin-left:0px;
	float:left;
}
#line4 {
	display:inline;
	width:1px;
	height:20px;
	color:#fff;
	background-color:#000;
	margin-left:112px;
	float:left;
}

#line8 {

	display:inline;
	width:1px;
	height:90px;
	color:#fff;
	background-color:#000;
	margin-left:24px;
	clear:both;
	float:left;
}
#line9 {
	font-size:0;
	display:inline;
	width:1px;
	height:90px;
	color:#fff;
	background-color:#000;
	margin-left:112px;
	float:left;
}

#father {
  font-size:11px;
  font-weight:normal;
  display:inline;
  border:1px solid #000;
  margin-left:17.3em;
  float:left;
}
#mother {
  font-size:11px;
  font-weight:normal;
  display:inline;
  border:1px solid #000; 
  float:left;
}

#father a, #mother a{
	width:14em;
	height:42px;
	padding-top:6px;
}

#no2 {
	font-size:11px;
	font-weight:normal;
	display:block;
	border:1px solid #000;
	margin:0;
	margin-right:19px;
	float:left;
	xmargin-top:-90px;
}

#no4 {
	font-size:11px;
	font-weight:normal;
	display:inline;
	border:1px solid #000;
	margin:0;
	margin-left:18px;
	margin-top:10px;
	float:left;
}

#no2 a, #no4 a {
width:92px;
height:50px;
padding-top:8px;
}

.clear {
clear:both;
}

.seperator_1 {width:1px; margin-right:auto; margin-left:auto; clear:both; position:relative; top:-40px; margin-bottom:-40px;}
.seperator_2 {width:1px; margin-right:auto; margin-left:auto; clear:both; position:relative; top:-40px; margin-bottom:-20px; height:32px;}
/*\*/ html*.seperator_1 { ]top:-20px; margin-bottom:-20px; }/**/
/*\*/ html*.seperator_2 { ]top:-20px; margin-bottom:-0px; display:inline;  margin-bottom:-20px;}/**/
 
.tree2 {margin-left:auto; margin-right:auto; height:0px; xborder:1px solid orange; position:relative;}
.tree1 {margin-left:auto; margin-right:auto; height:0px; xborder:1px solid orange; position:relative;}

 @media all and (min-width:0px) {
		:root head~body:lang(en) .tree2{ top:-40px;}
	}

.offset1{float:left; width:67px; xborder: 1px solid yellow;}

.lines2 {position:relative; top:0px; left:42px; margin-left:auto; margin-right:auto;width: 566px; xborder:1px solid grey;}
.lines1 {margin-left:auto; margin-right:auto; border-top:1px black solid; width:566px; xborder:1px solid grey;}


.children1{clear:both;margin-left:auto; margin-right:auto; width:700px;padding-left:40px; position:relative; top:0px; xborder:1px solid violet;}
.children2{clear:both;margin-left:auto; margin-right:auto; width:700px;padding-left:40px; position:relative; top:-90px; left:20px; xborder:1px solid violet;}