body {
	margin: 0;
	padding: 0;
	color: #151513;
	height:100%;
	min-height:100%;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #E1E3DE;
	background-image: url('Bottom_texture.jpg');
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: top left;
	min-width: 960px;
	font-size:90%;
}

#bground {
position:absolute;
  background-image: url('Middle_texture.jpg');
  background-repeat: repeat-x;
  background-position: top left;
  background-attachment: fixed;
  width:100%;
  min-height:100%;
  min-width: 960px;
}

#wrapper {
  position: relative;
  
  margin: 0 auto;
  min-width: 1px;
  min-height: 1px;
  margin-top: 50px;
  margin-bottom: 0;
  background-color: #B3B5AA
  cursor:auto;
  width: 960px;
}
	


table.pedigree {
	border-width: 1px;
	border-spacing: 2px;
	border-color: gray;
	border-collapse: separate;
	width:100%;

}
table.pedigree th {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: gray;
	background:#2F302C;
	color:#fff;

}
table.pedigree td {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: gray;

}

h1, h2, h3, h4 {
	margin: 0;
	padding: 0 0 20px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #151513;
}

h1 {
	font-size: 35px;
	line-height:43px;
}

h2 {
	font-size: 30px;
	line-height:38px;
}

h3 {
	font-size: 20px;
}

h4 {
	font-size: 18px;
}

p, ul, ol {
	margin-top: 0;
}

a:link, a:visited {
	color:#50453F;
}

a:hover {
	text-decoration:none;
}





/* Header */

#header {
	width: 960px;
	margin: 0 auto;
	padding:0px;
	background:#373C36 url(header.jpg) no-repeat left top;
	
}

#headerx {
	width: 960px;
	margin: 0 auto;
	padding:0px;
	background-color:#373C36;
	
}

#banner {
	margin: 0 ;
	padding: 0px;
	display: none;
}

/* Logo */

#logo {
	margin: 0;
	padding: 0px;
	color: #000;
}

#logo h1 {
	padding-left: 25px;
	padding-top: 35px;
	padding-bottom:5px;
	color:#cccccc;
	font-size: 2.8em;
}

#logo p {
	margin: 0;
	padding: 0px 0 0 30px;
	color:#cccccc;
	font: normal 16px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
} 

/* Content */

#content {

	width : 910px;
	margin:0 auto;
	padding:25px 25px 15px 25px;
	line-height: 145%;
	overflow:auto;
	background-color: #B3B5AA;
	clear:both;

}
 
#navigationstrip {
width:960px;
margin:0px auto;
padding:3px 0px;
background-color:#2F302C;

}

#nav ul{
	padding:0 0 5px 0;
	margin:0; 
	list-style:none; 
	font: 12px verdana, sans-serif; 
	border:1px solid #000; 
	border-width:1px; 
	background:#5B5E55 url(nav.jpg) repeat; 
	position:relative; 
	min-width:150px;
	z-index:200;
	}
	

#nav {
	height:25px; 
	width:960px; 
	padding:0;
	margin:0;
	position:relative;}

#nav table {
	border-collapse:collapse;}
	
#nav li {
	float:left;
	padding:0px 15px 0 10px;
	margin:1px 0px 1px 2px;
	-moz-border-radius: 5px;
 	border-radius: 5px;
 }
	
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a {
	display:block; 
	float:left; 
	color:#fff; 
	height:25px; 
	padding-right:5px; 
	line-height:25px; 
	text-decoration:none; 
	white-space:nowrap;}
	
.active {
	 
	color:#000;
	background:#8DA26A url(active.jpg) repeat-x; 
	}
	
#nav li li a {
	height:20px; 
	line-height:20px; 
	float:none;}

#nav li:hover {
	position:relative; 
	z-index:300;
 
	background:#5B5E55 url(nav.jpg) repeat-x; }
	
#nav a:hover {
	position:relative;
	z-index:300; 
	color:#fff;}

#nav :hover ul {
	left:0; 
	top:22px;}
	
/* another hack for IE5.5 and IE6 */
#nav a:hover ul {left:-10px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; background:#8DA26A; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:none; color:#fff;}


/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:-1px;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

.thumbnail
{
border: 1px solid #999;
padding: 5px;
}

#contact {
	width:400px;
	line-height:19px;
	background-color:#2F302C;
	color:#fff;
	margin:20px auto;
	padding:15px;
	}
		
#contact h3 {
	font-size:20px;
	line-height:24px;
	font-weight:normal;
	color:#F2BE54;
	padding:0 0 5px;
	}
	
#contact a {
	color:#F2BE54;
}		

/* Footer */

#footer-wrapper {
	width: 960px;
	margin: 0 auto;
	padding: 0;
}

#footer {
	width: 960px;
	height: 30px;
	margin: 0 auto;
	padding: 15px;
	font-family: Arial, Helvetica, sans-serif;
}

#footer p {
	margin: 0;
	line-height: normal;
	font-size: 10px;
	text-transform: uppercase;
	text-align: center;
	color: #000;
}

#footer a {
	color: #000;
}

input.guest {
	width:180px;
	margin-bottom: 5px;
	font-size: 90%; 
	background-color: #EEEBEA; 
	border: 1px solid #50453F;
	padding:3px;
}

textarea {
	width:380x;
	margin-bottom: 5px;
	font-size: 90%; 
	background-color: #EEEBEA; 
	border: 1px solid #50453F;
	padding:3px;
}

input.button {    
 font: 90% Verdana, Geneva, Arial, Helvetica, sans-serif; 
 font-weight:bold;   
 background-color: #2F302C;    
 color: #fff;    
 margin-left: 12px;    
 margin-top: 3px;    
 margin-bottom: 2px; 

}

.highslide img {
	border: 1px solid #50453F;
	padding:4px;
}

.highslide:hover img {
	border-color: gray;
}