/* When a style is define for both an ID and a tag or class, */
/* you can split out the id to define it differently.        */
html { 
    scroll-behavior: smooth; 
}
/* Body */
body {
  margin:0px;
  padding:0px;
	background-image:url('images/bg.gif');
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: 100%;
  background-attachment: fixed;
}


/* Main Area */
mainarea, 
#mainarea {
	margin-top:22px;
	color:#333333;
	width:946px;
	background-color:#FFFFFF;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	border:2px solid #000066;
}

/* Text Area */
textarea,
#textarea {
	margin-top:22px;
	color:#333333;
	width:946px;
	background-image:url('images/tree2.jpg');
	position:relative;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	padding-left:22px;
	padding-right:22px;
	border:2px solid #000066;
}

/*Floating Back-To-Top Button*/
    #myBtn {
        position: relative;
        bottom: 10px;
        float: none;
        right: auto;
        left: auto;
        max-width: 100px;
        width: 100%;
        font-size: 18px;
        border-color: rgba(85, 85, 85, 0.2);
        background-color: rgb(100,100,100);
        padding: .5px;
        border-radius: 4px;

    }
/*On Hover Color Change*/
    #myBtn:hover {
        background-color: #7dbbf1;
    }
    
/* Page Title */
H1,
#page_title { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#99833E;
	font-size:20px;
	height:21px;
	height:expression('99px');
	width:546px;
	width:expression('746px');
	background-image:url('images/heading_bg.gif');
	line-height:20px;
	padding:39px;
	text-align:center;
	padding-left:100px;
	padding-right:100px;
  margin: 0px;
	margin-bottom:1px;
}

/* 2nd Level Heading */
H2,
#heading_1 {
	color:#D3AF37;
	-webkit-text-stroke: 1px black;
	text-align:center;
	font-family: Verdana;
	font-size:22px;
	font-weight:bold;
}

/* Minor Heading */
H3,
#heading_2,
#heading_3,
#heading_4,
#heading_5,
header_1,
header_2,
header_3 {
	color:#99833E;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

/* Table settings for the Family.html file */
table,
#fam-table {
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  background-color: #FFFFFF;
  box-sizing: border-box;
  border-spacing: 2;
  border-color: black;
  border-width: 2px;
}
/* Table Row settings for the Family.html file */
tr,
#fam-tr{
    color: #000000;
    text-align: left;
    height: 25px;
}
/* Table Cell settings for the Family.html file */
td, th,
#fam-td{
    padding: 5px;
}

/* "Current Page" menu link, optional */
#linksarea a.ivCP,#linksarea a:link.ivCP,#linksarea a:visited.ivCP,#linksarea a:active.ivCP,#linksarea a:hover.ivCP,
.ivCP{ background: #BCB18E; color: #eee; }

/* Bottom buffer */
#bottombuffer{
	width:100%;
	height:22px;
	clear:both;
}

#slides_iframe {
	font-size:12px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #fff;
}