body {
    background-color:#9ABBDF;
    height:900px;
    color:#000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 10px 10px;
    padding: 0px;
}
.clear{clear:both;}
* {
	margin: 0px;
	padding: 0px;
}
#container {
	margin: 0px auto;
	text-align: left;
	width: 717px;
}
a{
	font-size:12px;
}
p{
	margin: 15px 0px;
}
/********************** Header ***************************/
#header {
	margin: 0px 0px 0px 0px;
	background-image:url(../images/header.png);
	background-repeat:no-repeat;
	width:717px;
	height:140px;
	position:relative;
}
#header ul{
	background-color:#85a157;
	width:711px;
	border: 3px solid #FFFFFF;
	display:block;
	top:110px;
	position:absolute;
	margin: 0px 0px 0px 0px;
	height:22px;
	padding:5px 0px 0px 0px;
	text-align:center;
	left: 0px;
}
#header li{
	display:inline;	
}
#header ul a{
	text-decoration:none;
	color:#FFFFFF;
	margin: 0px 15px;
}
#header ul a:hover{
	text-decoration:underline;
	color:#28556b;
}
#logo_w1,#logo_w2 {
	font-size: 24px;
	font-style:italic;
	color:#000000;
	position:absolute;
}
#logo_w1{
	top:45px;
	left:327px;
}
#logo_w2{
	top:48px;
	left:481px;
}
#header_text {
	top:90px;
	left:43px;
	width:230px;
	position:absolute;
}
#header_text p{
	font-size: 18px;
	color:#FFFFFF;
}
#header_text a{color:#28556b;}
#header_text a:hover{color:#c77e0c;}
/********************** Content ***************************/
#background {
	filter:alpha(opacity=40);
  	-moz-opacity:.40;
  	opacity:.40;
	background-color:#ffffff;
	width:717px;
	height:650px;
	position:relative;
}
#content {
    background-image: url(../images/transparent.png);
    background-repeat: repeat;
    width:697px;
    padding: 10px;
    padding-bottom: 100px;
    top: 150px;
    position:absolute;
}
img{
	border-width:0px;
}
h1{
	color:#000000;
	font-size:14pt;
	margin: 20px 0px 20px 0px;
}

h1 a, h1 a:hover, h1 a:visited {
    font-size: 10pt;
    padding-left: 10px;
}

h2{
	color:#85a157;
	font-size:14px;
	text-align:center;
	width:200px;
	margin: 10px 0px 15px 0px;
}
#left {
	float:left;
	width:428px;
	margin-left:27px;
	padding: 0px 10px 30px 0px;
	display:inline;
}
#left a{color:#28556b;}
#left a:hover{color:#c77e0c;}
#photos a{
	margin-right:14px;
}
#right {
	float:right;
	width:210px;
	padding: 0px 20px 20px 20px;
	margin-top:10px;
	border-left: #FFF 2px solid;

}
#right a{
	color:#c77e0c;
}
#right a:hover{
	color:#85a157;
}
/********************** Footer ***************************/
#footerline {
clear:both;
background-image:url(images/footer_bg.gif);
font-size:1px;
height:10px;
}

#footer {
	width:717px;
	text-align:center;
	padding: 20px 0px;
}

#content table {
 
}

.box {
 font-family: Monaco, Verdana, Sans-serif;
 font-size: 10px;
 background-color: #f9f9f9;
 border: 1px solid #D0D0D0;
 color: #002166;
 display: block;
 margin: 8px 0 8px 0;
 padding: 8px 5px 8px 5px;
}

.boxHeading {
 font-weight: bold;
 font-family: Monaco, Verdana, Sans-serif;
 font-size: 14px;
}


div.autocomplete {
      position:absolute;
      width:250px;
      background-color:white;
      border:1px solid #888;
      margin:0px;
      padding:0px;
}
	
div.autocomplete ul {
	list-style:none!important;
	list-style-image:none!important;
	margin:0px;
	padding:0px;
}

div.autocomplete ul li.selected {
	background-color: #B9DAF0;
}

div.autocomplete ul li {
	font-size: small;
	list-style-type:none;
	display:block;
	margin:0;
	padding:2px;
	cursor:pointer;
}

.listingLink {
 font-size: 10px;
}

h1 {font-family:Arial, san-serif; font-size:12pt; font-weight:bold; color:#008749;}

.main {font-family:Arial, san-serif; font-size:8pt; line-height:18px;}
.copyright {font-family:Arial, san-serif; font-size:8pt; color:#616161;}
.nav {font-family:Arial, san-serif; font-size:8pt; color:#ffffff;}
.validationerrors {font-family:Arial, san-serif; font-size:8pt; color:#ff0000;}

a.main {color:#008749; text-decoration:underline;}
a.main:hover {color:#cc0000; text-decoration:underline;}
a.nav {color:#ffffff; text-decoration:none;}
a.nav:hover {font-size:10pt; color:#efefef; text-decoration:underline;}
a.copyright {color:#616161; text-decoration:underline;}
a.copyright:hover {color:#cc0000; text-decoration:underline;}

.mainTable { padding: 10px 10px 10px 10px;}

.lightRow td{
 font-family:Arial;
 font-size: 12px;
 background-color: #f9f9f9;
 border: 1px solid #D0D0D0;
 margin: 4px 0 4px 0;
 padding: 8px 5px 8px 5px;
}

.darkRow td{
 font-family:Arial;
 font-size: 12px;
 background-color: #cfdae3;
 border: 1px solid #D0D0D0;
 margin: 4px 0 4px 0;
 padding: 8px 5px 8px 5px;
}

.boxHeading {
 font-weight: bold;
 font-family: Monaco, Verdana, Sans-serif;
 font-size: 14px;
}

div.pedigreeNode {
 padding: 5px 5px 5px 5px;
 background-color: #f9f9f9;
 border: 1px solid #D0D0D0;
 font-size: 8pt;
 width: 130px;
 height: 50px;
 position:relative;
}


div.file {
 padding: 5px 5px 5px 5px;
 background-color: #f9f9f9;
 border: 1px solid #D0D0D0;
 font-size: 8pt;
 /*position:relative;*/
}

div.autocomplete {
      position:absolute;
      width:250px;
      background-color:white;
      border:1px solid #888;
      margin:0px;
      padding:0px;
}
	
div.autocomplete ul {
	list-style:none!important;
	list-style-image:none!important;
	margin:0px;
	padding:0px;
}

div.autocomplete ul li.selected {
	background-color: #B9DAF0;
}

div.autocomplete ul li {
	font-size: small;
	list-style-type:none;
	display:block;
	margin:0;
	padding:2px;
	cursor:pointer;
}

table.people_list td { padding: 2px 20px; }

#bottom_picture {
width: 100%;
height: 456px;
z-index: -100;
position: fixed;
bottom: 0px;
background-image: url(../images/leaves.png);
background-position: bottom right;
background-repeat: no-repeat;
}

table.person_info td { padding-right: 20px; }

table.children caption, table.spouse caption, table.files caption, table.parents caption { color: #008749; font-family:Arial, san-serif; font-size:12pt; text-align: left; padding-top: 20px; }

table.files td.image { padding-right: 15px; }

div.person_tag { float: left; border: 1px solid black; padding-left: 5px; padding-right: 5px; }


div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:32px;
  cursor:pointer;
}

table.search { padding-bottom: 20px; }

ul.links {list-style-type: none; display: block;}
ul.links li {list-style-type: none; float: left;  padding-right:25px; }
ul.links li a {width: 60px;}