﻿
	
body {
  	font-size: 100%;
  	font-family:Arial,Helvettica,sans-serif;
  	background-color:lightcyan;
	width: 100%;
	margin: 0px;
	padding: 0px;
	
     }

body#GenealogyMainPage,#GenealogyLeesonBranch, #GenealogyLawBranch, #GenealogyPaineBranch, #GenealogyNaumannBranch {
	background-image: url(photo/IrvingTarten.gif);
	background-attachment: fixed;
	background-repeat: repeat;
					   }

header h1 { text-align: center;}

h3 { text-weight: bold; color: black; font-style: italic; font-size: 1.5em;}

img.MyPhoto  {
   	max-width:95%;
   	width: 10%;
  	position: absolute;
	float: right;
	top: 5px;
	right: 5px;
  	border: 5px solid black;
   }
   
img.horizontal_photo {
	width: 31%; 
	border: 5px solid black; 
	position: relative; 
	float: left;
	margin-right: 5px;
	margin-bottom: 20px;	
}

img.vertical_photo {
	width: 31%; 
	border: 5px solid black; 
	position: relative; 
	float: left;
	margin-right: 5px;
	margin-bottom: 20px;	
}

hgroup {
    
}
nav {
    
}

nav ul {
    list-style-type:none;
}

nav li {
    float:left;
    margin-right:10px;
}
  
figcaption { font-style: italic;  }

footer  { background-color: #cccccc;  height: 100px; margin-left: 0px; padding-left: 0px; }
footer p {  color: red; margin-left: 50px; padding-top: 13px;}

a {
	font-family: Arial,Helvettica,sans-serif;
	font-weight: bold;
	text-decoration: none;
  }
a:link {
	color: #6479a0;
		 }
a:visited {
	color: purple;
		  }
a:hover {
	color: #e03a3e;
        }
a:active {
	color: #e03a3e;
         }
#GenealogyContent{
	margin-left: 50px;
		 }
#frame {
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:960px;
	
  
}
#WoodDuckContent {
	position: relative;
	float: left;
	margin-left: 50px;
				 }

#page {
  padding:0px 10px 10px 10px;
  background-color: #cccccc;
  
  
	}
	
#navigation {
	clear: both;
	background-color: #cccccc;
			}
.album {
	width: 95%;
	position: relative; 
	float: left; clear: both; 
	
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: 10px;
    padding-left: 20px;
}
.ugly {
		font-style: italic; text-align: center; color: #7931df;
	  }
#header {
	
	background-color:#cccccc; 
	height:125px; 
	padding-right: 125px;
	padding-left:0px; 
	text-align: center; 
	color: blue;
		
	}
.WoodDuck14 {
			position: relative;
			float: left;
			clear: both;
			margin-left: 50px;
			margin-top: 20px;
	        }	
.IrvingCrest { position: relative; float: left; }

/*.IrvingCrestSmall {
	width: 120px;
	height: 120px;
	border: 3px solid black;
	position: relative;
	right: 120px;
	margin-left: -100%;
	float: left;
			 }may delete*/
			 
/*.crest { margin: 0; padding: 0; float: right; }may delete*/
.line { color: red; }
.navigation {
  background-color:#efefef;
  height:40px;
  padding:10px;
  
}
.mainIndex { width: 30%; height: 130px; float: left; }
.maladjustment { color: #7931df; text-align: center; }
.name { width: 309px; height: 20px; text-align: center; padding-top: 0; margin-top: 0; margin-bottom: 25px; float: right; clear: both; }
.Irving, .Leeson, .Paine, .Naumann, .Law {
  float:left;
  width:168px;
  background-color:#cccccc;
  padding:10px;
  margin-top:20pz;
  height:600px;
}
.column p { text-align: justify; }
.column {
		/**for browsers not requiring a prefix */
		column-count: 2;
		column-gap: 30px;
		column-rule: 3px solid #fff;
		/* for Mozilla Firefox */
		-moz-column-count: 2;
		-moz-column-gap: 30px;
		-moz-column-rule: 3px solid #fff;
		/* for Safari & Google Chrome */
		-webkit-column-count: 2;
		-webkit-column-gap: 30px;
		-webkit-column-rule: 3px solid #fff;
	    }
.personal h2 { font-size: 1.2em; margin-bottom: 0; padding-bottom: 0; }
.personal { clear: both; font-size: 1em; border: 2px black solid; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; margin-left: auto; margin-right: auto; margin-top: 0px; width: 95%; }

.ancesters { font-weight: bold; font-style: italic; }
.PageNo {
		Text-align: center; text-style: italic;
        }
.WoodDuck14 {
			position: relative;
			float: left;
			clear: both;
	        }
.content {
			float: left;
		}

