body {
  margin-top: 0px;
  background-color: #dfe8ff;
  background-repeat: no-repeat;
  background-position: center top;
 // overflow-y: scroll;
}

/*depracated by #banner*/
#header {
  position: relative;
  top: 5px;
  width: 1000px;
  height:107px;
  display: block;
  //margin-left: auto;
  //margin-right: auto;
	margin:0 auto;
 
}

#banner {
  position: relative;
  top: 5px;
  width: 1000px;
  height:107px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-image: url('http://www.ancestorsetc.com/images/ancestors_banner.jpg');
  background-repeat: no-repeat;
}

#menu {
  position: relative;
  top: 0px;
  width: 1000px;
  height: 18px;
  margin-left: auto;
  margin-right: auto;
}

#hnav {
  position: relative;
  top: 0px;
  width: 1000px;
  height: 18px;
  margin-left: auto;
  margin-right: auto;
}

.hmenu {
height:18px; background-image: url("images/bgcolor.gif");
background-repeat: repeat-x; color: #000066; padding:4px; font-size:14px;
font-family:arial; width: 100:; text-align: center; margin-top: 0px;
margin-left:auto; margin-right:auto;
}

.hsubmenu {
height:18px; color: #000066; padding:4px; font-size:14px; font-family:arial;
}
.whitelink A:link {color: #FFFFFF; text-decoration: none; font-weight:normal;}
.whitelink A:visited {color: #FFFFFF; text-decoration: none; font-weight:normal;}
.whitelink A:active {color: #FFFFFF; text-decoration: none; font-weight:normal;}
.whitelink A:hover {color: yellow; text-decoration: none; font-weight:normal;}
.bluelink A:link {color: #000066; text-decoration: none; font-weight:normal;}
.bluelink A:visited {color: #000066; text-decoration: none; font-weight:normal;}
.bluelink A:active {color: #000066; text-decoration: none; font-weight:normal;}
.bluelink A:hover {color: red; text-decoration: none; font-weight:normal;}


#content {
  position: relative;
  top: 5px;
  width: 1000px;
  background-color: #dfe8ff;
  color: #dfe8ff;
  margin-left: auto;
  margin-right: auto;}

#inset {
  z-index: 100;
  position: absolute;
  color: white;
  font-size: 24px;
  font-weight: normal;
  font-family:Calibri;
  text-shadow: 3px 2px #000000;
  /*left: 700px;*/
  left: 700px;
  top: 14px;
  text-align:center;
  }

#inset-title {
  z-index: 100;
  position: absolute;
  color: white;
  font-size: 48px;
  font-weight: bold;
  font-family:Times;
  font-style:italic;
  text-shadow: 3px 2px #000000;
  /*left: 700px;*/
  left: 42px;
  top: -28px;
  text-align:left;
  }
  
  
 #inset-subtitle {
  z-index: 100;
  position: absolute;
  color: white;
  font-size: 20px;
  font-weight: normal;
  font-family:Calibri;
  font-style:italic;
  text-shadow: 2px 2px #000000;
  /*left: 700px;*/
  left: 30px;
  top: 53px;
  text-align:left;
  }

.auto-style1 {
	font: Times;
	text-align: justify;
	padding-left: 10;
	padding-right: 10;
	color: #0000A0;
	font-family: "Times New Roman";
	font-size: medium;
	vertical-align: top;
}
.auto-style2 {
	text-align: center;
}
.auto-text-header {
	font: Times;
	color: #0000A0;
	font-size: 18pt;
	text-align:center;
}

.align-right { 
	text-align:right; 
} 

.align-left { 
	text-align:left;
} 

.auto-image1 {
	display:block;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto
}

.nav {
height:18px; background-image: url("images/bgcolor.gif");
background-repeat: repeat-x; color: #000066; padding:0px; font-size:14px;
font-family:arial; width: 1000px; text-align: center; margin-top: 0px;
margin-left:auto; margin-right:auto;
}

/*depracated by .hnav */
.subnav {
height:18px; color: #000066; padding:4px; font-size:14px; font-family:arial;
}

.whitelink A:link {color: #FFFFFF; text-decoration: none; font-weight:normal;}
.whitelink A:visited {color: #FFFFFF; text-decoration: none; font-weight:normal;}
.whitelink A:active {color: #FFFFFF; text-decoration: none; font-weight:normal;}
.whitelink A:hover {color: yellow; text-decoration: none; font-weight:normal;}
.bluelink A:link {color: #000066; text-decoration: none; font-weight:normal; margin:0; padding:0;}
.bluelink A:visited {color: #000066; text-decoration: none; font-weight:normal;}
.bluelink A:active {color: #000066; text-decoration: none; font-weight:normal;}
.bluelink A:hover {color: red; text-decoration: none; font-weight:normal;}


div.box {
   width:860px;
   margin-right:auto;
   margin-left:auto;
   background-color: white;
   font-size: 17px;
   height: 1250px;
}

div.box.shadow {
   color: black;
   border: solid 3px;
   font-family: Cambria, Times New Roman;
   -moz-box-shadow:    16px 16px 0px 0px #ccc;
   -webkit-box-shadow: 16px 16px 0px 0px #ccc;
   box-shadow:         16px 16px 0px 0px #ccc;
}

.two-column {
   -webkit-column-count: 2;
   -webkit-column-gap: 50px;
   -webkit-column-rule-style: solid;
   -webkit-column-rule-width: 1px;
   -moz-column-count: 2;
   -moz-column-gap: 50px;
   -moz-column-rule-style: solid;
   -moz-column-rule-width: 1px;
   column-count: 2;
   column-gap:50px;
   column-rule-style: solid;
   column-rule-width: 1px; 
   text-align: justify;
   text-justify: auto;
   padding-left:70px;
   padding-right:70px;
   padding-bottom: 30px;
   font-size:17px;
}

div.box.rounded {
   height: 560px;
   margin-top: 20px;
   border-radius: 25px;
   border: 2px solid #0020C2;
   padding: 20px;
   color: #0020C2;
}

/* ----------- Galaxy Tab 10.1 ----------- */

/* Portrait and Landscape */
@media 
  (min-device-width: 800px) 
  and (max-device-width: 1280px) {
  	div.box {
  	height: 1350px;
  	}
}

/* Portrait */
@media 
  (max-device-width: 800px) 
  and (orientation: portrait) { 
  	div.box {
  	height: 1350px;
  	}
}

/* Landscape */
@media 
  (max-device-width: 1280px) 
  and (orientation: landscape) { 
  	div.box {
  	height: 1350px;
  	}
}

div.previous-next {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
}

p.centered {
	text-align: center;
	}