body {
  background: white;
  color: blue;
  font-family: Verdana, Arial, sans-serif; 
  font-size: 8pt;
  cursor: Arrow; /* CrossHair Hand; */
  scrollbar-face-color: #0000ff; 
  scrollbar-shadow-color: #639; 
  scrollbar-highlight-color: #63F; 
  scrollbar-track-color: #0A0A7D; /* #FFC; */
  scrollbar-arrow-color: #0A0A7D;
  margin-top: 0 0 0 0;
}
a  {  
  color: #00F; 
  font-weight: bold; 
  text-decoration: none;
}
a:link, a:visited { 
  color: blue; 
}
a:active { 
  color: gray; 
}
a:hover {
  color: #0a0a7d; 
  background: #FC3; 
}
b, strong { 
  color: black; 
}
checkbox { 
  background-color: #FC3; 
}
input {
  background-color: #FC3;
  font-family: Verana, Arial, sans-serif;
  font-size: 8pt;
}
input.blue {
  background-color: #0a0a7d;
  font-weight: bold;
  color: #FFF;
}
select {
  background-color: #FC3;
  font-family: Verana, Arial, sans-serif;
  font-size: 8pt;
}
textarea {
  background-color: #FFF;
  font-family: Verana, Arial, sans-serif;
  font-size: 8pt;
}
.reportTitle {
  background-color: buttonface;
  /* border-left: 1px ridge buttonshadow;
  border-right: 1px ridge buttonhighlight;
  border-top: 1px ridge buttonshadow;
  border-bottom: 1px ridge buttonhighlight; */
  border: ridge 1px;
  font-weight: normal;
  color: #000;
  font-family: Verdana, Arial, sans-serif;
  padding: 2px;
}
table { 
  border: 0px; 
  padding: 2px;
  border-spacing: 2px;
  font-family: Verana, Arial, sans-serif;
  font-size: 8pt;
}
.heading {
  background-color: #336699; 
  /* background-image: url(/images/backgroundcolumnheaderoff.gif); */
  /* border-left: 1px ridge buttonshadow;
  border-right: 1px ridge buttonhighlight;
  border-top: 1px ridge buttonshadow;
  border-bottom: 1px ridge buttonhighlight; */
  border: ridge 1px;
  color: #FFC;  
  font-weight: normal;
  font-family: Verana, Arial, sans-serif;
  padding: 2px;
  vertical-align: bottom;
}
.explain {
  background-color: white;
  background-image: url('/images/backgroundcolumnheaderon.gif');
  /* border-left: 1px ridge buttonshadow;
  border-right: 1px ridge buttonhighlight;
  border-top: 1px ridge buttonshadow;
  border-bottom: 1px ridge buttonhighlight; */
  border: ridge 1px;
  color: #FFC;  
  font-weight: bold;
  font-family: Verana, Arial, sans-serif;
  padding: 2px;
  vertical-align: bottom;
}
.label {
  background-color: #336699; 
  /* border-left: 1px ridge buttonshadow;
  border-right: 1px ridge buttonhighlight;
  border-top: 1px ridge buttonshadow;
  border-bottom: 1px ridge buttonhighlight; */
  border: ridge 1px;
  font-family: Verana, Arial, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  color: #FFC;
  padding: 2px;
  vertical-align: top;
  text-align: right;
}
td.left {
  background-color: #cccccc;
  font-weight: bold;
  text-align: right;
  vertical-align: top;
}
th {
  background: #0a0a7d;
  color: #FFC; /* #FFF; */
  border: ridge 1px;
  text-align: center;
  font-weight: normal;
  font-family: Verana, Arial, sans-serif;
  font-size: 8pt;
}
td {
  font-weight: normal;
  font-family: Verdana,Arial,sans-serif;
  font-size: pt;
}
.highlight { 
  background: #0A0A7D;
  color: white;
}
h6 {
  font-weight: bold;
  font-family: Verdana,Arial,sans-serif;
  font-size: 12pt;
  color: #0A0A7D;
}
.family {
  background: #00A3D9;
  border: 4px ridge #00D9D9;
  color: black;
  font-weight: normal;
  font-family: Verdana,Arial,sans-serif;
  font-size: larger;
  padding: 1% 1% 0 1%;
}
#family {
  background-color: navy;
  /* For WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, left bottom, from(#00f), to(#fff));
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #00f, #fff);
  /* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0000FF, endColorstr=#FFFFF);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0000FF, endColorstr=#FFFFF)";
  padding: 1% 1% 0 0;
  text-align: left;
}
#family dl {
  list-style: none;
}
#family ul li , #headOfFamily {
  color: white;
  padding: 1%;
}
#family ul ul {
  list-style: square;
}
#family ul ul ul {
  list-style: circle;
}
#family ul ul ul ul {
  list-style: disc;
}
#main {
	margin: 1% 0 0 20%; /* the auto margins (in conjunction with a width) center the page */
  text-align: center;
  width: 80%;
}
#leftcol {
  display: float;
  float: left;
  margin: 0 2% 0 0;
  position: relative;
  width: 300px;
}
#rightcol {
  display: float;
  float: left;
  margin: 0 0 0 0;
  position: relative;
  /* width: 75%; */
}
#familyTree {
  background: navy;
}