@charset "utf-8";

/*family tree*/
#chartcontent { padding: 0px 15px ;  height: 43em; background-image: url(http://www.terrybarthdesign.com/JohnD/assets/images/tilebeige6.gif) repeat;}

#tree {width: 43em; margin-top: 0%; margin-right: auto; margin-left: auto; color: #3A3629;}

#parentscolumn {float: left; padding-top: 0px;  margin-top: 9em;  height: 1px; width: 11em;}
#centercolumn { float: left; padding-top: 0px;  margin-top: 2.8em; height: 1px; width: 11em;}

#centercolumnright { float: left; padding-top: 15px;  margin-top: 3.75em;  height: 200px; }

#childrencolumnleft {float: left; margin-top: 1em;}

#childrencolumncontainer {float: left; width: 13em; height: 1px;}
.childrencolumn { float: left; margin-top: 1em; height: 14.5em; width: 10em; border: 1px solid #484F3c;}


.boxtopmargin1 {margin-top: 3em;}

.box {border: 1px solid #484F3c;}
.box a {display: block; color:#EEE; background: #423E2F; text-decoration:none; padding: 1.5em 1em; }
.box a:hover {background: #EEE; color: #3A3629;}
.box li.active a {background: #EEE; color: #3A3629;}

.box2 {border: 1px solid #484F3c; margin: .5em 1em;}
.box2 a {display: block; color:#EEE; background: #423E2F; font-size: .9em; text-decoration:none; padding: .25em 1em; }
.box2 a:hover {background: #EEE; color: #3A3629;}
.box2 li.active a {background: #EEE; color: #3A3629;}

#parentslinesright {float: left; margin-left: 0px; margin-top: 11em; margin-bottom: 0px; margin-right: 0px; width: 20px; height: 8em; border-top: solid 1px #000; border-right: solid 1px #000; border-bottom: solid 1px #000;}

#centerlinesleft {float: left; margin-top: 14em; margin-left: 0px; width: 20px; height: 10px; border-bottom: solid 1px #000;}

.verticallines {margin-left: 0px; width: 70px; height: 5.5em; border-right: solid 1px #000;}

#centerlinesrighttop {margin-left: 0px; margin-top: 0px; margin-bottom: 0px; margin-right: 0px; width: 30px; height: 10em; border-top: solid 1px #000; border-right: solid 1px #000; border-bottom: solid 1px #000;}

#centerlinesrightbottom {margin-left: 0px; margin-top: 0px; margin-bottom: 0px; margin-right: 0px; width: 30px; height: 10em; border-top: solid 0px #000; border-right: solid 1px #000; border-bottom: solid 1px #000;}

.centerlinesright2 {float: left; margin-left: 0px; margin-top: 7em; margin-bottom: 0px; margin-right: 0px; width: 30px; height: 15.5em; border-top: solid 1px #000; border-right: solid 0px #000; border-bottom: solid 1px #000;}

.childrenlinesleft { margin-left: 0px; margin-top: 0em; margin-bottom: 0px; margin-right: 0px; width: 30px; height: 2.2em; border-top: solid 1px #000; border-left: solid 1px #000; border-bottom: solid 0px #000;}

.childrenlinesleftlast { margin-left: 0px; margin-top: 0em; margin-bottom: 0px; margin-right: 0px; width: 30px; height: 2.2em; border-top: solid 1px #000; border-left: solid 1px #000; border-bottom: solid 1px #000;}

.verticalspacelines {height: 4.2em; width: 10px;}
.verticalspaceboxes {height: 2em; width: 10px;}