@charset "utf-8";

/*
   
   
   Layout Style Sheet for additional Photo's and Geneology.
   Author: Eric Rivera	
   Date:   05/23/2022
   Filename: tb_style2.css

*/

html {
background-image: url(R_8article.png);
background-repeat: no-repeat;
background-size: cover;
} 

/* Page Body Styles */
body {
   background-color: rgb(115, 115, 115);
   font-family: Verdana, Geneva, Arial, sans-serif; 	
   margin-left: auto;
   margin-right: auto;
   width: 960px;  
}

div#nav1 {
    display: block;
    background-image: url("R_1header.png");
    min-height: 220px;
    background-position: 0 0;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    opacity: 0.78;
    cursor: pointer;
    position: relative;
}

/* Body Header Styles */

body > header > img {
	display: block;
	width: 100%;
}

body > header > nav#topLinks {
	background-color: rgb(115, 115, 115);
	color: white;
	line-height: 1.7em;
	text-align: right;
	padding: 5px 10px 5px 0px;
}

nav#topLinks a:link, nav#topLinks a:visited {
	color: white;
}

nav#topLinks a:hover, nav#topLinks a:active {
	color: rgb(248, 237, 212);
}


/*    mainLinks   */

nav#mainLinks ul li {
	background-color: rgb(115, 115, 115);	
	display: block;
	float: left;
	text-align: center;
	width: 33.33%;	
}

nav#mainLinks ul li a {
	color: white;	
	display: block;
	height: 2.5em;	
	text-align: center;
	line-height: 2.5em;	
}

nav#mainLinks a:link, nav#mainLinks a:visited {
	color: white;
	background: rgb(140, 140, 140);
}

nav#mainLinks a:hover, nav#mainLinks a:active {
	background-color: rgb(51, 51, 45);
}



/* Article  Styles "Updated to keep uniform with main page" */

article {
   clear: left;	
   width: 90%;
   margin: 10px auto;
   padding: 10px 20px;
}

                                     /*Critical for correcting after Article*/
article::after 
{
   clear: both;	
   content: "";
   display: table;
}

article h1 {
	font-family: Baskerville, "Palatino Linotype", Palatino, 
	             "Century Schoolbook", "Times New Roman", serif;
	font-size: 2.5em;
	color: rgb(89, 89, 89);	
	text-align: center;
	padding: 2px;	
}

article p {
	clear: both;
    margin-bottom: 20px;	
	text-align: center;
}



/* Footer Styles */
footer {
	background-color: rgb(115, 115, 115);	
	color: white;	
	font-size: 0.7em;
	text-align: center;
	padding: 25px;
}



/* Figure Box Styles */

figure img {
	display: block;
	width: 100%;
}

figure figcaption {
	font-size: 0.9em;
	font-style: italic;
	font-family: Baskerville, "Palatino Linotype", Palatino, 
	             "Century Schoolbook", "Times New Roman", serif;
	margin: 5px 0px;
	text-align: center;	
}

figure#figure1 { 
	margin: 15px auto;	
	padding-bottom: 5px;
	width: 50%;
}


#figure2, #figure3, #figure4 {  
	display: block;
	float: left;
	margin-left: 3%;
	margin-right: 3%;
	width: 28%;	
}

#gene img {
    width: 100%;
    height: auto;
    display: block;
}