div.example {
  background-color: #fff;
  border: dashed 2px #ccc;
  margin: auto 4em;
  padding: 1em;
}

ul.tree, ul.tree ul {
  list-style-type: none;
  background: url(/images/tree/vline.png) repeat-y;
  margin: 0;
  padding: 0;
}

ul.tree ul {
  margin-left: 10px;
}

ul.tree li {
  margin: 0;
  padding: 0 12px;
  line-height: 20px;
  color: #369;
  font-weight: bold;
  background: url(/images/tree/node.png) no-repeat;
}

ul.tree li.last {
  background: #fff url(/images/tree/lastnode.png) no-repeat;
}


/* --- tree-2 --- */

ul.tree-2, ul.tree-2 ul {
  list-style-type: none;
}


/* --- tree-3 --- */

ul.tree-3, ul.tree-3 ul {
  list-style-type: none;
  background: url(/images/tree/vline.png) repeat-y;
  margin: 0;
  padding: 0;
}

ul.tree-3 ul {
  margin-left: 10px;
}

ul.tree-3 li {
  margin: 0;
  padding: 0 12px;
}


/* --- tree-4 --- */

ul.tree-4, ul.tree-4 ul {
  list-style-type: none;
  background: url(/images/tree/vline.png) repeat-y;
  margin: 0;
  padding: 0;
}

ul.tree-4 ul {
  margin-left: 10px;
}

ul.tree-4 li {
  margin: 0;
  padding: 0 12px;
  line-height: 20px;
  background: url(/images/tree/node.png) no-repeat;
  color: #369;
  font-weight: bold;
}


/* --- tree-5 --- */

ul.tree-5, ul.tree-5 ul {
  list-style-type: none;
  background: url(/images/tree/vline.png) repeat-y;
  margin: 0;
  padding: 0;
}

ul.tree-5 ul {
  margin-left: 40px;
}

ul.tree-5 li {
  margin: 0;
  padding: 0 20px;
  line-height: 20px;
  background: url(/images/tree/node.png) no-repeat;
  color: #369;
  font-weight: bold;
}

ul.tree-5 li.last {
  background: #fff url(/images/tree/lastnode.png) no-repeat;
}


/* --- tree-a --- */

ul.tree-a, ul.tree-a ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.tree-a ul {
  margin-left: 10px;
  background: url(/images/tree/vline.png) repeat-y left bottom;
}

ul.tree-a li {
  margin: 0;
  padding: 0 12px;
  font-size: 14px;
  line-height: 20px;
  color: #369;
  font-weight: bold;
}

ul.tree-a ul li {
  background: url(/images/tree/node.png) no-repeat;
}

ul.tree-a ul li.last {
  background: #fff url(/images/tree/lastnode.png) no-repeat;
}


.SideBlock {
	height:56px;
	width:740px;
	/*background-image:url(/images/tree/bg.png);*/
	/*background-repeat:no-repeat;*/
	margin:0px;
	padding-top:5px;
}


.SideImage {
	float: left;
	width:90px;
	height:50px;
}

.SideInfo{
	float: left;
	padding-top:10px;
	width:300px;
	height:38px;
	color: #990000;
	font-family: verdana, sans-serif;
	font-size:11px;}

.subtext{
	color:#0000CC;
	font-weight:normal;
	line-height:12px;
	}

a.tree:link	{
	color: #990000;
	font-family: verdana, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration: none;
	margin:0;
	padding:0;
	}

a.tree:visited	{
	color:#990000;
	font-family: verdana, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration: none;
	margin:0;
	padding:0;
	}

a.tree:hover	{
	color:#990000;
	font-family: verdana, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration: underline;
	margin:0;
	padding:0;
	}