* {
}

/* Correct `block` display not defined in IE 6/7/8/9 and Firefox 3. 
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary*/
figcaption,
figure,
footer,
header,
main,
nav  {
    display: block;
}
/* Correct text resizing oddly in IE 6/7 
   and Prevent iOS text size adjust after orientation change */
html {
    font-size: 100%; 
    -webkit-text-size-adjust: 100%; 
    -ms-text-size-adjust: 100%; 	 
}

body{
	margin:0;
	/*background-color: #FCC  ;  */   
	background-repeat: repeat;
	background-image:url(../images/background/ccbkgnd.gif);
	min-height:100vh;
	font-size: 1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
	
header {
	display:block;
	margin:0;
	background-color:#FFFFCC; /* yellow */
	border: double   #CCCCCC;
	text-align:center;
}

main {
	margin:0;
	padding: 1em;	
	font-size:0.9em;
	background-color:#FFFFFF;
}

footer {
	display: block;
	text-align:center;
	font-size:0.9em; 
	background-color:#CCFFFF; 
}

/* LINKS */
a:link{color:#993333;}
a:visited{color:#333399;}
a:hover{color:#CC6666;}
a:active{color:#006633;}

button  {
  border: none;
  padding: 0;
  text-align: center;
  display: block;
  font-size: 1em;
  background-color:#FFFFFF;
}	

select {
	font-size:1em;
}

/*    Images	*/	
img {
	max-width:100%;
/* force correct aspect ration */
	height: auto !important;	 
}
img.photo {
	border:thin solid #666666;	
}
figcaption{
	font-size:0.8em;
	text-align:center;
}
/* used with up arrows and down arrows */
.uparrow{
	border:0;
	width:1em;
}

/*  TEXT   */
h1{ 
    /* preiously #SiteName */
	font-family: Cambria, Georgia, "Times New Roman", serif;
	font-size:1.4em;
	letter-spacing:0.2em;
 	font-weight:bold;
	margin-top:0px;
	margin-bottom:1px;
}
h2{
	/* formerly #PageName */
	font-family: Cambria, Georgia, "Times New Roman", serif;
	font-size:1.1em;
	letter-spacing:0.1em;
	font-weight:bold;
	line-height: 1.5em;
	margin-top:0px;
	margin-bottom:1px; 	
}
h3{
	font-family: Cambria, Georgia, "Times New Roman", serif;
	font-size:1.1em;
	font-weight:bold;
	text-align:left;
}	
p{
	text-align:left;
}
	
blockquote{
	line-height:1.6em;
	text-align:left;
	/*font-size:100%;*/
}

/* text for last visit of web site referenced */
.last_visit {
	font-size:0.8em;
	font-style:italic;
	text-emphasis:1;
}

/* ADDITIONAL TEXT -blue right arrow */
.addlinfo span {
	display:none;
	padding:0.5em 1em;
	color:#000000;
	background-color:#CCFFFF;
	border:2px solid #999999;
}
.addlinfo:hover span{
	display:block;
	position:absolute;  
	z-index:1;
	max-width:24em;  /* 300px */
}
#bluebutton {
	display:none;
	border:thin solid #999999;
	color: #333333; /* dark gray*/
}

/*  FAQ Text  */
.questHeader{
	display:block;
	font-family:Cambria, Georgia, "Times New Roman", serif;
	font-size: 1.1em;
	line-height:1.5em;
	letter-spacing:0.2em;
	font-weight:bold;
	background-color: #FFFFCC; /* yellow*/
	padding:0.25em;
	border:thin solid #666666;
}	
.questText {
	text-align:left;
	font-size:0.9em;
	line-height:1.2em;
	padding-left:2em;
	padding-right:2em;
	padding-top:0.5em;
	padding-bottom:1em;
}

/*---  MENU Navigation---  */
nav {
	display:block;
	background-color:#CCFFCC; /*light green */
	margin:0;
	font-size:1em;
	line-height: 1.2em;
	width:100%;
	border-bottom: 1px solid #CCCCCC;
}
/* Styles for Main NAV */
#nav {
	display:inline-block;
	margin:auto;
    padding-left:0.5em;
	padding-right:0.5em;
	padding-top:0.5em;
	padding-bottom:0.5em;
}
/* Styles for NAV List Items */
#nav li {
	margin-left:.75em;
	margin-right:.75em;
	margin-top:.25em;
	margin-bottom:.25em;
    float:left;
	position:relative;
	list-style:none;
	line-height:2em;
}
/* Styles for Top Level Links */
#nav a {
	display:block;
	font-weight:bold;
	text-decoration:none;
	margin: 0;
	color:#CCFFCC;  /*light green */	
	background:#3399FF;/* blue*/
	border: 2px solid #3399FF;/* blue*/
}
/* Style for Top Level Link on Hover */
#nav li:hover > a {
	color:#3366CC;
	background-color:#CCFFCC; /* light green */
}
/* Style for button for current page */
#nav .current {
	color:#3366CC;
	background-color: #CCFFFF; /* light blue */	
}

/*  IFRAMES  */ 
iframe{
	overflow:auto;
	height:100%;
	width:100%;
	position:absolute; /* relative to container*/
	top:0;
	left:0;
}	
.iframe-container {
  overflow: hiddem;
  padding-top: 10%; 
  position: relative;
  min-height:80vh;
  width:100%;
  border:0;
  border-bottom:medium solid #666666;
  -webkit-overflow-scrolling: touch;
}
 
/* TABLES  */
table{
	border:none;
	padding:0;
}	
td {
	text-align:left;
	font-size:0.9em;
	line-height:1.2em;
	vertical-align:top;
	padding-left:0.3em;
}	
th {
	font-family: Cambria, Georgia, "Times New Roman", serif; 
	text-align:center;
	font-weight:bold;
	vertical-align:bottom;
}
	
.child_table{
	border-collapse:collapse;	
}
.child_table th{
	border-style: double;
	border-color: #CCC;
	font-style:italic;
}
.child_table td{
	border:thin;
	border-style:solid;
	border-color: #CCC;
}
.child_table td>ol{  
	padding-left:2em;
	padding-right:1em;
	padding-bottom:0.3em;
	margin-top:0;
}

.footer_table {
	width:100%;
	border:0;
}
.footer_table td{
	text-align:center;
}
	
.date_table{
	border-collapse:collapse;	
}
.date_table td{
	border:thin;
	border-style:solid;
	border-color: #CCC;
	padding-left:0.5em;
	padding-right:1em;
	padding-bottom:0.5em;
	padding-top:0.5em;
}
/* only date column */	
td.date-right{
	text-align:right;
}
	
.list-spouse{ padding-left:1em;}
.list_date{   
   text-align:center;
   padding-left:0.5em;
   padding-right:0.5em;
}
/* used with Pedigree */
.indent-wife{ padding-left:3em;}
	
/* TEXT  with individual info */
td.title-family{
	font-weight:bold;
	text-align:left;
	border:thin solid #666666;
	background-color: #999999;
	font-size:1em;
	font-family: Cambria, Georgia, "Times New Roman", serif;
}
td.titlegen{
	font-weight:bold;
	text-align:left;
	border:thin solid #666666;
}
td.itemgen01{background-color:#FFFFCC;}
td.itemgen02{background-color:#FFCC99;}
td.itemgen03{background-color:#FFCCCC;}
td.itemgen04{background-color:#FFCCFF;}
td.itemgen05{background-color:#CCFFFF;}
td.itemgen06{background-color:#99FFFF;}
td.itemgen07{background-color:#CCFFCC;}
td.itemgen08{background-color:#CCFF99;}
td.itemgen09{background-color:#FFFF66;}
td.itemgen10{background-color:#FFCC66;}
td.itemgen11{background-color:#FF9900;}
td.itemgenx{ background-color:#CCCCCC;}

/* used in Source*/
.sourceLink {
	max-width:90vw;
}
/* used in HistoryFamily */
.notice{
	text-align:center;  
	color:#006633;
}
/* used in HistoryMaps */
.mapcaption{
	display:block;
}
/* used in Pedigree */
.pedcaption{
   display:block;
   padding-left:2em;
   font-style:italic;
}
	
/* ***ID Styles*** */
#wrapper {
	max-width:680px;
	margin: 0 auto; /* centers horizontally */
}
#wrapper-sm {
	max-width:480px;
	margin: 0 auto; /* centers horizontally */
}
#container {
	margin: 0 auto; /* centers horizontally */
	width:100%;
}

#SiteName{
	font-family: Cambria, Georgia, "Times New Roman", serif;
	font-size:1.4em;
	letter-spacing:0.2em;
 	font-weight:bold;
}
#PageName {
	font-family: Cambria, Georgia, "Times New Roman", serif;
	font-size:1.1em;
	letter-spacing:0.1em;
	font-weight:bold;
	line-height: 1.5em; 	
}
#PageIcon{
	float:left; 
	vertical-align:central; 
	padding-left:1em;
}

/* TWO COLUMNS - RESPONSIVE */
#pedg_col1, #pedg_col2 {
	padding:0;
	width:48%;
	margin:0;
	margin-bottom:1em;
	max-height:6em;
}
 #migr_col1, #migr_col2 {
	padding:0;
	max-height:90vh;
	margin-bottom:1em;
}
 #migr_col1 {
	width:42%;
}
#migr_col2 {
	width:56%;
}
#altframe_btn1, #altframe_btn2  {
	display:none;
	border: medium solid #333333; /* dark gray*/
	padding-left:0.5em;
	padding-right:0.5em;
	color:#333333;
}
 
#pedg_col1, #migr_col1 {
	float:left;
}
#pedg_col2, #migr_col2 {
	float:right;
}


@media screen and (max-width:600px) {
	#pedg_col1, #pedg_col2  {
		float:none;
		width:98%;
/*		margin-bottom:1em;*/
	}	
}
@media screen and (max-width:760px) {
	 #migr_col1, #migr_col2 {
		float:none;
		width:96%;
		max-height:100vh;
		max-width:98vw;
	 }
	 #altframe_btn1, #altframe_btn2 {
		 display:block;
	 }
	 .iframe-container {
         min-height:80vh;
	 }
	
}
@media screen and (max-width:580px) {
	.mapcaption{
		 display:none;
	 }
	 /*	Hide info re click on Map text (477px) */
}	

@media screen and (max-width:670px) {
	.pedcaption{
		 display:none;
	 }
	 /*	Hide info re click on Chart text (665px) */
}	


/* ==================*/
	
/* Correct overflow displayed oddly in IE 9. */
/*svg:not(:root) {
    overflow: hidden;
}*/
	



.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}
.bottom{vertical-align:bottom;}
.baseline{vertical-align:baseline;}
.middle{vertical-align:middle;}