/*
COLOR PALETTE

Dark green    #3c8453
Sandy beige   #bcaa96
Dark gray     #222222
Light gray    #d3d4d6
Off-white     #f6f6f6
*/

/* GLOBAL STYLES
---------------------------------*/
/* 
  https://www.paulirish.com/2012/box-sizing-border-box-ftw/
*/
html {
    box-sizing: border-box;
    font-size: 62.5%; /* set default to 10px */
  }
  *, *:before, *:after {
    box-sizing: inherit;
  }

/* LINKS */
a:hover {
    color: red;
    text-decoration: none;
}
.btn {
    background: #fff;
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    font-size:1.2rem;
    display: inline-block;
    padding: 7px;
    letter-spacing: 0.1em;
    line-height: 1;
    border-radius: 4px; /* the higher the number, the rounder the corners */
}

/* HOME
---------------------------------*/
.home {
    background: url(../Images/Backgrounds/General0083-3.jpg) no-repeat;
    background-size: cover;
    color: "#000000";
    text-decoration: "#000000";
}
.home_button {
cursor: pointer;
box-sizing: border-box;
border-style: double;
font-weight: bold;
width: 100px;
height: 30px;
}
.welcome_title h2 {
    font-family: "engravers mt";
    color: #ffff00;
}
.welcome_title h3 {
    font-family: "engravers mt";
    color: #80ff00;
}
.home_links {
    font-family: "verdana";
    font-weight: bold;
    font-size: 20px;
    padding: 20px;
  }
.contacts {
    font-family: "verdana";
    font-weight: bold;
    position: fixed;
    bottom: 20px;
    right: 20px;
  }
  
/* FAMILY PICTURE ALBUM
---------------------------------*/
.album_page {
    background-image:url(../Images/9.jpg);
}
.album_title {
    box-sizing: border-box;            
    border-style: double;
    width: 250px;
    height: 50px;
    padding: 2px 30px 3px;
    background-image: url(../Images/Backgrounds/GenuineLeather_Bkg.jpg) ;
    font-family: "EngrvrsOldEngBd BT";
    font-weight: normal;
    font-size: xx-large;
    color: rgb(255, 214, 0);
  }
.wedding_links {
    padding: 5px;
    box-sizing: border-box;
    width: 200px;
    box-sizing: border-box;
    background-color: white;
    margin-bottom: 10px;
}
.wedding_button {
    cursor: pointer;
    box-sizing: border-box;
    border-style: single;
    margin-bottom: 5px;
    background-color: yellow;
    width: 150px;
    padding: 1px;
}
.nathan_links {
    padding: 5px;
    box-sizing: border-box;
    width: 200px;
    box-sizing: border-box;
    background-color: #ff0000;
    margin-bottom: 10px;
}
.nathan_button {
    cursor: pointer;
    box-sizing: border-box;
    border-style: single;
    margin-bottom: 5px;
    background-color: #ff8000;
    border-color: #ffff00;
    width: 150px;
    padding: 1px;
}
.video_links {
    padding: 5px;
    box-sizing: border-box;
    width: 200px;
    box-sizing: border-box;
    background-color: #008080;
    margin-bottom: 10px;
}
.video_button {
    cursor: pointer;
    box-sizing: border-box;
    border-style: single;
    margin-bottom: 5px;
    background-color: #ff8000;
    border-color: blue;
    width: 150px;
    padding: 1px;
}
/* FAMILY HERITAGE
---------------------------------*/
.genealogy_page {
    background-color: #6699CC;
    margin: 0;
    color: #0000cc;
}
a:hover {
    color: red;
}
a:link {
    color: dark brown;
}
a:visited {
    color: dark blue;
}
.header_color1 {
    background-color: #0066FF;
    width: 5;
}
.header_color2 {
    background-color: #0000FF;
    width: 5;
}
.header_color3 {
    background-color: #0000CC;
    width: 5;
}
.header_color4 {
    background-color: #000099;
    width: 5;
}
.header_title_color {
    background-color: #000066;
    width: 98%;
    color: #ffffff;
}
.header_title1 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: italic;
    font-size: xx-large;
}
.header_title2 {
    font-weight: bold;
    font-size: x-large;
}
.banner_color1 {
    background-color: #0066FF;
    width: 5;
    height: 5;
}
.banner_color2 {
    background-color: #0000FF;
    width: 5;
    height: 5;
}
.banner_color3 {
    background-color: #0000CC;
    width: 5;
    height: 5;
}
.banner_color4 {
    background-color: #000099;
    width: 5;
    height: 5;
}
.base_color1 {
    background-color: #0066FF;
    height: 5;
}
.base_color2 {
    background-color: #0000FF;
    height: 5;
}
.base_color3 {
    background-color: #0000CC;
    height: 5;
}
.base_color4 {
    background-color: #000099;
    height: 5;
}
.spacer_size {
    width: 1;
    height: 1;
}
.genealogy_button {
    cursor: pointer;
    background-color: #ffff00;
    color: #0000cc;
    border-color: #9e9e9e;
    font-size: 12pt;
    font: bold;
    margin-right: 5;
}
.genealogy_link {
    font-size: 14pt;
    font-weight: bold;
}
.genealogy_headings {
    font-size: 14pt;
    color: black;
}
.page_count {
    font-size: 14pt;
    color: black;
    padding-left: 20;
}
.luxembourg_button {
    cursor: pointer;
    background-color: #00ff00;
    color: #0000cc;
    border-color: #9e9e9e;
    font-size: 12pt;
    font-weight: bold;
    margin: 10;
}
/* FAMILY VACATION
---------------------------------*/
.travel_page {
    background-color: #008040;
    color: #0000ff;
    margin: 0;
}
.travel_header {
    color: #ff0000;
    font-size: xx-large;
    font-style: italic;
    font-weight: bold;
    border-style: double;
    border-color: #000000;
    background-color: #80ffff;
    padding: 5;
    width: 300;
    height: 50;
    margin: 10;
}
.travel_button {
    cursor: pointer;
    background-color: yellow;
    border-color: blue;
    margin: 5;
}
travel_table {
    width: 600;
    margin: auto;
}
travel_detail {
    width: 200;
    align-items: center;
    vertical-align: top;
}
/* MISCELLANY
---------------------------------*/
.misc_page {
    background-color: #ffff80;
    color: #ffffff;
    margin: 0;
}
.misc_header {
    color: #ffffff;
    font-family: Helvetica;
    font-size: xx-large;
    font-style: italic;
    font-weight: bold;
    border-style: outset;
    border-color: gray;
    border-width: 4;
    background-color: #000066;
    padding: 6;
    width: 50%;
    margin: 10;
}
.misc_link {
    cursor: pointer;
    color: blue;
    font-size: large;
    font-weight: bold;
    margin: 5;
}
.misc_table {
    width: 800;
    margin: auto;
}
.misc_subheader {
    color:#000;
    font-size: large;
    font-style: italic;
    font-weight:bold;
}
.misc_detail {
    width: 200;
    align-items: center;
    vertical-align: top;
}
/* SKETCHES BY STREFF */
.sjs_home {
    background: url(../Images/Backgrounds/33.jpg);
    color: "#000000";
}
.sjs_title h2 {
    font-family: "engravers mt";
    color: #ffff00;
    font-weight: bold;
    font-size: x-large;
}
.sjs_image {
    margin-top: 20px;
    width: 88;
    height: 104;
}
.sjs_links {
    font-weight: bold;
    font-size: x-large;
  }
.sjs_contacts {
    color: #ffd600;
    font-size: large;
  }
.sjs_email {
    font-size: large;
}