div.person {padding-left:0px;padding-top:6px;margin-bottom:3px;font-size:12px;font-family:arial, verdana, tahoma;border:0px solid grey;border-top:0px solid blue;border-left:0px solid grey;border-bottom:0px solid blue;width:755px;}
.heading {color:red;margin:0;font-size:10px;}
p.navbar {font-family:arial, verdana, tahoma;font-size:10px;margin-bottom:10px;}
.hide {display:none;}
.expanded { display:block; }
.collapsed { display:none; }
.flag_expanded {}
.flag_collapsed {}
h1 {font-size:14px;
	font-family: arial, verdana, tahoma;
}
p {font-size:12px;font-family:arial, verdana, tahoma;}
div {font-size:12px;font-family:arial, verdana, tahoma;}
div.column1 {border:0px solid blue;width:400px;float:left;}
div.column2 {border:0px solid blue;width:350px; float:left;}

p.heading {color:red;margin:0;font-size:10px;font-family:arial, verdana, tahoma;}
p.hanging_indent {padding-left:22px;text-indent:-22px;margin-top:0px;margin-bottom:0px;font-family:arial, verdana, tahoma;}
ul {font-family:arial, verdana, tahoma;}
li {margin-bottom:2px;}
#tree_list {width:350px; border:1px solid blue;padding:3px;margin:3px;}
#persons_list {width:550px; border:1px solid blue;padding:3px;margin:3px;}
#surname_list {width:550px; border:1px solid blue;padding:3px;margin:3px;}
#notes {margin-top:10px;height:150px; overflow:scroll;}