body {
  background-color: #ffffff;
  color: #000000;
  margin: 0;
  padding: 0em;
  font: 1em Arial, Helvetica, sans-serif;
  text-align: center;
}


h1{
  /*background-color: #ADD8E6;  color: #256579;*/
  background-color: #ffffff;
  font: 1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
  padding: 0.2em;
  text-align: center;
}

h2 {
  background-color: #ADD8E6;  color: #256579;
  font: 1.1em Verdana, Geneva, Arial, Helvetica, sans-serif;
  padding: 0.5em;
  text-align: center;
}


h3 {
  background-color: transparent;
  color: #256579;
  font: 1.0em Verdana, Geneva, Arial, Helvetica, sans-serif;
  padding: 0.5em;
  text-align: left;
}

input{
background-color: #FFFF99;
}

div {
  font: 1.0em Verdana, Geneva, Arial, Helvetica, sans-serif;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}


a:link, a:visited {
  text-decoration: underline;
  color: #6A5ACD;
  background-color: transparent;
}
a:hover, a:active {
  text-decoration: underline overline;
  color: #191970;
  background-color: #C9C3ED;
}

.title{
  background-color: #ffffff;
  font: 1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
  padding: 0.0em;
  text-align: center;
}

.title a:link, .title a:visited {
  text-decoration: none;
  color: #000000;
  background-color: transparent;
}
.title a:hover, .title a:active {
  text-decoration: none;
  color:  #000000;
  background-color: #C9C3ED;
}

#flash_page_image{
	width: 620px;
	margin-left: auto;
	margin-right:auto;
}

#family_line_image{
	width: 224px;
	margin-left: auto;
	margin-right:auto;
}

#text_container{
	width: 800px;
	height: 600px;
	margin-left: auto;
	margin-right:auto;
/*	background-color: #ED9F9F;*/
	background-color: #FFFFFF;
}

table li {
  font: 1.0em Verdana, Geneva, Arial, Helvetica, sans-serif;
  padding: 0.25em;
}

/* #navigation {
	width: 200px;
	position: absolute;
	top: 40px;
	left: 10px;
  }

#navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#navigation li {
  border-bottom: 1px solid #ED9F9F;
}

#navigation li a:link, #navigation li a:visited  {
  font-size: 90%;
  display: block;
  padding: 0.4em 0 0.4em 0.5em;
  border-left: 12px solid #711515;
  border-right: 1px solid #711515;
  background-color: #B51032;
  color: #FFFFFF;
  text-decoration: none;
}

#navigation li a:hover {
  background-color: #711515;
  color: #FFFFFF;
}

* html #navigation li a {
  width: 100%;
}
*/

#navigation {
text-align:center;
height: 30px;
margin-left: auto;
margin-right:auto;
font-size: 0.8em;
}

#navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-top: 0.5em;
  /* border-style: solid;
  border-width: 1px; */
  text-align: center;
}

#navigation li {
  display: inline;
}

#navigation a:link, #navigation a:visited {
  margin-right: 0;
  padding: 0.2em 0.6em 0.2em 0.6em;
  color: #A62020;
  background-color: #FCE6EA;
  text-decoration: none;
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  border-bottom: 1px solid #717171;
  border-right: 1px solid #717171;
}

* html #navigation a {
  width: 100%;
}

#navigation a:hover {
  border-top: 1px solid #717171;
  border-left: 1px solid #717171;
  border-bottom: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  
  
}.datatable {
	clear: left;
	width: 100%;
	border: 0px solid #D6DDE6;
	border-collapse: collapse;
	background-color:#f8f8f8;
}
.datatable td {
	font-size: 1.0em;
	text-align: left;
	border-bottom: 2px solid #D6DDE6;
	padding: 0.5em 0.5em 0.5em 0.5em;
}

.datatable tr.altrow {
	background-color:#DFE7F2;
	color: #000000;

}

.datatable th {
	text-align: center;
	Background-color: #BCBCBC;
	font-weight: bold;
	padding: 0.3em 0.3em 0.3em 0.3em;
	border-right: 1px solid #8da5ff;
}

.datatable caption {
	font: bold 120% "Times New Roman", Times, serif;
	font-size: 2em;
	background-color: #B0C4DE;
	color: #33517A;
	padding: 0.3em 0.3em 0.3em 0.3em;
	border-right: 2px solid #B0C4DE;
}

/* nav 1 */
#navigation1 {
  font-size: 0.9em;
  	clear: left;
	width: 660px;
	height: 1.0em;
	margin-left: auto;
	margin-right:auto;
}

#navigation1 ul {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-top: 1em;
}

#navigation1 li {
  display: inline;
}

#navigation1 a:link, #navigation1 a:visited {
  margin-right: 0.2em;
  padding: 0.2em 0.6em 0.2em 0.6em;
  color: #A62020;
  background-color: #FCE6EA;
  text-decoration: none;
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  border-bottom: 1px solid #717171;
  border-right: 1px solid #717171;
}

* html #navigation1 a {
  width: 100%;
}

#navigation1 a:hover {
  border-top: 1px solid #717171;
  border-left: 1px solid #717171;
  border-bottom: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
}

#no_script_table{
z-index: 10;
clear: both;
position: absolute;
top: 160px;
margin-left: auto;
margin-right:auto;
width: 400px;
padding: 20px;
background-color: #778899;
border: 1px solid #D6DDE6;
}

span.highlight
{
font: 1.0em Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #000000;
padding: 0em;
background: #C9DD8E;
}

span.flash
{

font: 1.0em Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FF0000;
padding: 0em 0.5em 0em 0.5em;
background: #C9DD8E;
}