body {
	background: black url(images/bg.gif); /* can add fixed here, but makes it too slow to scroll */
	color: #ECECEC;
	text-align: center;
	margin: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}

div.contents {
	margin: 0px auto;
	font-family: Arial, Helvetica, sans-serif;
	width: 604px;
	text-align: left;
}

div.fakebackground1 {
	background: url(images/fakebackground1.gif);
}

div.fakebackground2 {
	background: url(images/fakebackground2.gif);
}

div.fakebackground3 {
	background: url(images/fakebackground3.gif);
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 78px;
	font-style: normal;
	font-weight: normal;
	color: #F76B08;
	margin: 0px 0px 5px 0px;
	line-height: 62px;
}

h1.genealogy {
	margin-bottom: 18px;
}

h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #0080FF;
	margin: 18px 0px 10px 0px;
}

a:link {
  color: #F76B08;
  text-decoration: none;
}

a:visited {
  color: #FFAD73;
  text-decoration: none;
}

a:hover {
  color: white;
  text-decoration: underline;
}

a:active {
	color: white;
	text-decoration: underline;
}

#navbar {
	background: #333333;
	border: 2px solid #666666;
	padding: 8px;
}

#navbar a {
	margin: 0px 15px 0px 0px;
	padding: 5px 10px 5px 10px;
}

#left a:hover, #right a:hover, #navbar a:hover, #left2 a:hover, #right2 a:hover,
#left3 a:hover, #right3 a:hover {
	background-color: #666666;
}

img {
	border: 0;
}

img.imgleft {
	margin: 0px 5px 15px 0px;
}

img.imgright {
	margin: 0px 0px 15px 5px;
}

.nobg:hover {
	background: none;
}

div.imgspacer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2px;
	height: 10px;
}

form {
	margin: 0px;
	padding: 0px;
}

input.txt {
	width: 100%;
}

input.btn {
	margin-top: 10px;
}

#left {
	float: left;
	width: 146px;
	text-align: left;
	background: #333333;
}

#middle {
   margin: 0px 150px 0px 150px;
	text-align: center;
}
	
#right {
	float: right;
	width: 146px;
	text-align: left;
	background: #333333;
}

#left2 {
	width: 393px;
	text-align: justify; /* replace with left, if you don't like justify */
	background: #333333;
}

#right2 {
	float: right;
	width: 205px;
	text-align: left;
	background: #333333;
}

#left3 {
	width: 436px;
	text-align: justify; /* replace with left, if you don't like justify */
	background: #333333;
}

#right3 {
	float: right;
	width: 162px;
	text-align: left;
	background: #333333;
}

div.undertitle {
	background: #222222;
}

span.highlight {
  color: #FF8040;
}

div.ie5bugfix {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2px;
	width: 604px;
	height: 6px;
	clear: both;
}

p, div.ind {
	padding: 5px 5px 15px 5px;
	margin: 0px;
}

p.nopad {
	padding: 0px 5px 0px 5px;
}

p.endpad {
	padding: 0px 5px 5px 5px;
}

p.endpad2 {
	padding: 10px 5px 5px 5px;
}

p.mid {
	text-align: center;
	padding: 5px;
}

p.mid2 {
	text-align: center;
	padding: 10px 5px 10px 5px;
}

div.hrule {
   margin: 0px 5px 8px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2px;
	height: 2px;
	background: #666666;
}

div.pad {
	padding: 5px 5px 15px 5px;	
}

div.pad2 {
	padding: 5px 30px 15px 30px;
}