/* Arkitkt 01 - an open source xhtml/css website layout by Scott Benedict--arkitkt.com.
Free to use for any purpose as long as the proper credits are given to the original author.

Version: 1.0 (28 Jun 2006) */

@import url("global.css");

body {
     background-color: #999999;
     margin: 0 auto;
     font-size: 10pt;
}

#page {
     margin: 0 auto;
     width: 790px;
     position: relative;
     top: 10px;
}

#header {
     background-image: url(images/header.jpg);
     width: 790px;
     height: 200px; 
}

#navbar {
     display: inline;
     float: right;
     position: relative;
     top: +19px;
     width: 100%;
     left: -145px;
     z-index: 1; 
}

#navbar a {
     color: #ffffff;
     font-family: Arial, Helvetica, sans-serif;

}

#navbar a:hover {
     color: #650B14;
}

#facebook {
/* 	border: 1px red dashed;
	width: 460px;
	position: relative;
	margin-top: 50px;
	margin-left: 35px;
	*/
	padding-bottom: 20px;
}

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#title {
	font-family: "Arial Narrow", Verdana, Tahoma, Arial, Helvetica, sans-serif;
  width: 720px;
	text-align: right;
	padding: 20px;
}
#title a, #title a:active, #title a:visited {
	color: #FFFAF0;
	text-decoration: none;
	font-size: 2.6em;
	font-weight: bold;
}
#title a:hover {
	text-decoration: underline;
}

#title h2 {
	color: #FFFAF0;
	font-size: 1.3em;
	font-weight: bold;
}

#wrapper {
     background-image: url(images/bg.gif);
     background-repeat: repeat-y;
     width: 790px;
     float: left; 
}

#content {
     width: 710px;
     position: relative;
     float: left;
     margin-left: 10px;
     top: 0px;
     font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
     padding-right: 10px;
     padding-bottom: 10px;
     padding-left: 25px; 
     background-color: #FFFFFF;
}

#content h2 {
	color: #FF0000;
	font-size: 13pt;
	padding-bottom: 5px; 
}

#content p {
     color: #000000;
     text-align: left;
     padding-bottom: 20px; 
}

#download_link_table {
	width: 710px;
	text-align: center;
}

#download_link_table a.download_links, #download_link_table a.download_links:visited {
	color: #000000;
  text-decoration: underline;
}

#content p a, #content p a:visited {
	color: #000000;
  text-decoration: underline;
}

#content p a:hover, #content #download_link_table a:hover {
     color: #FF0000;
     text-decoration: none;
}

#ps ul {
     font-family: Arial, Helvetica, sans-serif;
     color: #000000;
     text-align: left;
     padding-bottom: 20px;
	list-style-type: disc;     
}
#ps ul li {
     font-family: Arial, Helvetica, sans-serif;
     color: #000000;
     text-align: justify;
     padding-bottom: 10px; 
}
#image_row {
	width: 710px;
	height: 275px;
	display: block;
}

.thumbnail {
	border: thin solid black;
}

.gads_square_r, .form_image_r {
	margin: 10px;
	display: inline;
	float: right;
}
.gads_square_l, .form_image_l {
	margin: 10px;
	display: inline;
	float: left;
}

#gads_banner {
	margin-bottom: 20px;
	margin-top: 20px;
	margin-left: -10px;
}

ul a {
     font-family: Arial, Helvetica, sans-serif;
     color: #ae7e0f;
     font-size: 0.8em;
     text-align: left;
     display: block;
     padding-bottom: 5px; 
}

ul a:hover {
     color: #000000;
}

#content ul {
	margin-left: 40px;
	padding-left: 10px;
	padding-bottom: 15px;
}
#content ul li a, #content ul li a:visited, #content ul li a:active, {
	text-align: left;
  font-size: 12pt;	
  font-weight: bold;
	color: #650b14;
	text-decoration: underline;
	padding-bottom: 10px;
}
#content ul li a:hover {
     color: #ae7e0f;
     text-decoration: none;
}

#submenu {
     width: 217px;
     float: left;
     position: relative;
     height: 100%;
     top: -150px;
     z-index: 5; 
}

#submenu h3 {
     padding-top: 25px; 
}

.ancestry {
	position: relative;
	top: -200px;
	z-index: 5;
}

.menutitle {
     font-family: Arial, Helvetica, sans-serif;
     color: #650b14;
     font-size: .75em;
     text-decoration: underline overline;
     text-align: center;
     padding-bottom: 10px; 
}

#footer {
     width: 790px;
     height: 180px;
     background-image: url(images/footer.jpg);
     clear: both; 
}
#footer a, #content a:visited, #content a:active {
     color: #650b14;
     text-decoration: underline;
}
#footer a:hover {
     color: #ae7e0f;
     text-decoration: none;
}

.copyright {
     background-color: #ffffff;
     color: #000000;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 8pt;
     position: relative;
     top: 130px;
     left: 25px; 
     width: 90%;
}

#

.left {
	float:left;
	margin:0 10px 0 0;
}
.right {
	float:right;
	margin:0 0 0 10px;
}
#purchase {
	border: 2px red dashed;
	text-align: center;
	padding: 50px;
	margin-bottom: 20px;
}
#purchase p {
	text-align: center;
	}

#contact_form {
	margin: 0 auto;
	border: thin solid black;
}
#contact_form td {
	border: 1px solid black;
	padding: 5px;
}

#purchase a, #purchase a:visited, #purchase a:link {
	color: blue;
	font-size: 16pt;
	font-weight: bold;
	text-decoration:none;
}
#purchase a:hover {
	color: blue;
	font-weight: bold;
	text-decoration:none;
}
.highlight {
	color: #000000;
	font-weight: bold;
	background-color: yellow;
}

#guarantee {
	text-align: center;
	padding: 50px;
	margin-bottom: 20px;
	background-image: url(images/guarantee.gif);
	background-position: top right;
	background-repeat: no-repeat;
	border: 2px black solid;
}

#guarantee h1 {
	width: 340px;
	font-size:165%;
	font-weight:400;
	line-height:25px;
	border: none;
	text-align: left;
}

#guarantee p {
	line-height:20px;
	padding:10px;
	text-align: left;
}

#guarantee .zebra {
	background-color: black;
	color: white;
}