/*  Style sheet for Dragland Family Association*/   

/*  Version 2.0  */
/*  Vaughn Dragland,  March 21, 2001      */

/*  Version 3.0  */
/*  Vaughn Dragland,  February 12, 2013      */

body {
	color: black;  
	background-color: #FFFFFF; /* white */
}
p {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 12.0pt;
	font-family: "Arial", "Helvetica", "sans serif";
}
p.menu {
	text-align: left;
	font-size: 12.0pt;
	font-family: "Arial", "Helvetica", "sans serif";
}
p.code {
	margin: 0in;
	margin-bottom: .0001pt;
	text-align: left;
	font-size: 14.0pt;
	font-family: "Lucidia Console", "Courier New", "Courier";
}
p.footer {
	text-align: left;
	font-size: 10pt;
	font-family: "Bookman Antiqua", "Times New Roman", "Times Roman", "Times", "serif";
}
h1 {
	font-size: 30pt;
	font-family: Arial;
	color: maroon;
}
h2 {
	font-size: 22pt;
	font-family: Arial;
	color: blue;
}
h3 {
	font-size: 14pt;
	font-family: Arial;
	color: #2f2f64;
}
a:link {
	color: blue;
	text-decoration: underline;
}
a:visited {
	color: purple;
	text-decoration: underline;
}
a:active {
	color: green;
	text-decoration: underline;
}

/* ********************  Styles  ******************** */	

.white {
	color: #FFF;
}
.Name {
	font-weight: bold;
}
.caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #00F;	
	padding-left: 15px;
}

/*  Ancestor Generations */

.Gen-00 {
	padding-left: 2px;
	margin: 0in;
	margin-bottom: .0001pt;	
}
.Gen-01 {
	padding-left: 26px;
	margin: 0in;
	margin-bottom: .0001pt;	
}
.Gen-02 {
	padding-left: 66px;
	margin: 0in;
	margin-bottom: .0001pt;	
}
.Gen-03 {
	padding-left: 126px;
	margin: 0in;
	margin-bottom: .0001pt;	
}
.Gen-04 {
	padding-left: 186px;
	color: #660;
	margin: 0in;
	margin-bottom: 0.0001pt;
}
.Gen-05 {
	padding-left: 246px;	
	margin: 0in;
	margin-bottom: .0001pt;	
}
.Gen-06 {
	padding-left: 306px;	
	margin: 0in;
	margin-bottom: .0001pt;	
}
.Gen-07 {
	padding-left: 366px;	
	margin: 0in;
	margin-bottom: .0001pt;	
}
.Gen-08 {
	padding-left: 426px;	
	margin: 0in;
	margin-bottom: .0001pt;	
}
.Gen-09 {
	padding-left: 486px;	
	margin: 0in;
	margin-bottom: .0001pt;	
}
.Gen-10 {
	padding-left: 546px;	
	margin: 0in;
	margin-bottom: .0001pt;	
}
.Gen-11 {
	padding-left: 606px;	
	margin: 0in;
	margin-bottom: .0001pt;	
}
.Gen-12 {
	padding-left: 666px;	
	margin: 0in;
	margin-bottom: .0001pt;	
}

.DFA-ID {
	color: #C00;
}

/* ********************  ID Class Styles  ******************** */	

.liquid #container {
	position: fixed;
	width: 100%; 
	height: 83px;
	background-color: #000;
	text-align: left; 
	z-index: 90;
	top: 0px;
	left: 0px;
} 

#navigation {
	position: fixed;
	left: 0px;
	top: 83px;
	width: auto;
	color: 000;
	background-color: #FFC;
	z-index: 80;
}

#nav-horiz {
	position: fixed;
	width: 100%; 
	left: 0px;
	top: 83px;
	width: auto;
	background-image:url(pictures/tree_background.jpg);
 /* 	background-color: #000;  /* black */
	z-index: 80;
}
	
#content  {
	position: absolute;  
    left: 171px;
	top: 84px;
	margin-left: 5px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
		z-index: 10;
}

#treeTop  {
	position: relative;  
    left: 0px;
	top: 120px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
		z-index: 20;
}

#treeBranches  {
	position: relative;  
    left: 0px;
	top: 70px;
	width: 100%; 
	margin-left: 5px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
		z-index: 15;
}

#footer {
	position: relative;  
	width: 100%; 
	height: 63px;
	z-index: 50;
	top: 10px;
}

#footnote {
	position: relative;
	left: 00px;
	top: 20px;
	color: #666;    /* light gray */
	font-size: 15px;
	font-style: normal;
	z-index: 60;
	width: 500px;
	height: 40px;
}	

/* Galleries */

#photo {
/*position: absolute;
	left: 48px;
	top: 165px;
	z-index: 20;
	width: 1px;
	height: 1px;
	vertical-align: middle; */
	position: absolute;  
    left: 171px;
	top: 84px;
	margin-left: 5px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	width: 1px;
	height: 1px;
		z-index: 10;
	}

#caption {
	position: absolute;
	left: 171px;
	top: 1075px;
	z-index: 30;
	height: 50px;
	width: 3000px;
	}

#show_control {
	position: absolute;
	left: 625px;
	top: 570px;
	z-index: 05;
	height: 40px;
	width: 320px;
	}