@charset "UTF-8";

/* Layout (global rules for all sizes) */

body { margin: 0px; padding: 0px; }
header a.logo { display: block; position: absolute; background-position: 0px 0px; background-repeat: no-repeat; }
.banner {
	width: 100%;
	display: block;
	position: absolute;
	height:171px;
}
nav {
	width: 100%;
	display: block;
	position: absolute;
	background-color: #a6430a;
	background: url(../images/navwraperbg.jpg);
	height:39px;
}
.subnav {
	width: 100%;
	display: block;
}

/* Layout Large Screens (default for older browsers) */

header { height: 150px; background-color: #a6430a; }
header a.logo { width: 450px; height: 100px; top: 28px; left: 50px; background-image: url(../images/Fassnacht_Family_title.png); }

.banner { top: 190px; height: 171px; background: url(../images/1928_Reunion_photo_merged.jpg) no-repeat center 0px; }

article { padding: 225px 90px 10px 90px; }     

nav { top: 150px; }   /* top: 150px; */
nav a { 
	margin: 12px auto 10px 15px;  /* margin: 12px 0px 10px 20px; */
	padding: 0px 0px 0px 30px;
}
.subnav a { 
	margin: 0px 0px 10px 40px;   /* margin: 12px 0px 10px 20px; */
	padding: 0px 0px 0px 50px;   /* padding: 0px 0px 0px 30px; */
}
 /* Controls indentation of each generation in Family Tree */
.genindent {padding-left:30px;}
.genheading {
	color: #a71d00;
	font-size: 1.2em;
	font-weight: bold;

}
.backtop {
	padding-left:200px; 
	margin-right:10px;
	font-size: .75em;

}
.backtop a {text-decoration: none; color: #a71d00; text-decoration: underline;}
.backtop a:hover {color: #593924; text-decoration: underline;}
.topalpha {
	/* padding-right:200px; */
	float:right;
	/* margin-right:50px; */
	font-size: .75em;
}
.topalpha a {text-decoration: none; color: #a71d00; text-decoration: underline;}
.topalpha a:hover {color: #593924; text-decoration: underline;}

.alpha {display: inline-block; font-size: 1.2em; line-height: 150%; color: #593924; width:75%;}
.alpha a {color: #593924; text-decoration: underline;}
.alpha a:hover {color: #a6430a; text-decoration: underline;}
.alpha a:visited {color: #855636; text-decoration: none;}

.gen6 {display: inline-block; font-size: 1.2em; line-height: 150%; color: #593924;}
.gen6 a {color: #593924; text-decoration: none;}
.gen6 a:hover {color: #a6430a; text-decoration: underline;}
.gen6 a:visited {color: #855636; text-decoration: none;}
.gen7 {display: inline-block; font-size: 1.2em; line-height: 150%; color: #593924;}
.gen7 a {
	margin: 0px 0px 0px 45px;
	text-decoration: none;
	color: #593924;
}
.gen7 a:hover {color: #a6430a; text-decoration: underline;}
.gen7 a:visited {color: #855636; text-decoration: none;}
.gen8 {display: inline-block; font-size: 1.2em; line-height: 150%; color: #593924;}
.gen8 a {
	margin: 0px 0px 0px 85px;
	text-decoration: none;
	color: #593924;
}
.gen8 a:hover {color: #a6430a; text-decoration: underline;}
.gen8 a:visited {color: #855636; text-decoration: none;}
.gen9 {display: inline-block; font-size: 1.2em; line-height: 150%; color: #593924;}
.gen9 a {
	margin: 0px 0px 0px 130px;
	text-decoration: none;
	color: #593924;
}
.gen9 a:hover {color: #a6430a; text-decoration: underline;}
.gen9 a:visited {color: #855636; text-decoration: none;}
.gen10 {display: inline-block; font-size: 1.2em; line-height: 150%; color: #593924;}
.gen10 a {
	margin: 0px 0px 0px 175px;
	text-decoration: none;
	color: #593924;
}
.gen10 a:hover { color: #a6430a; text-decoration: underline;}
.gen10 a:visited { color: #855636; text-decoration: none;}
.gen11 {display: inline-block; font-size: 1.2em; line-height: 150%; color: #593924;}
.gen11 a {
	margin: 0px 0px 0px 230px;
	text-decoration: none;
	color: #593924;
}
.gen11 a:hover { color: #a6430a; text-decoration: underline;}
.gen11 a:visited { color: #855636; text-decoration: none;}
.gen12 {display: inline-block; font-size: 1.2em; line-height: 150%; color: #593924;}
.gen12 a {
	margin: 0px 0px 0px 280px;
	text-decoration: none;
	color: #593924;
}
.gen12 a:hover { color: #a6430a; text-decoration: underline;}
.gen12 a:visited { color: #855636; text-decoration: none;}

.announce {
	width: 45%;
	display: block;
	height:45px;
	float:right;
	border-style:solid;
 	border-width:1px;
	border-color:#593924;
	padding:10px 10px 10px 15px;
}



@media screen and (max-width: 990px) {
	footer { padding-left: 20px; }
}