body {
    background-image: url("images/page-background.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-attachment: fixed;
    background-size: 100% 100%;
}
html{
    overflow: hidden;
    height: 100%;    
}
body{
    overflow: auto;
    height: 100%;
}
.parallax1 {
    /* The image used */
    background-image: url('images/parallax-1-background.png');

    /* Full height */
    height: 100%; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
/* Turn off parallax scrolling for tablets and phones. Increase the pixels if needed */
@media only screen and (max-device-width: 1024px) {
    .parallax {
        background-attachment: scroll;
    }
}

table { border-collapse:collapse
}

.bigtable { 
    width: 100%
    margin-right: 0px;
    margin-left: 0px;
}

.trtype1 {
    background: rgba(57,112,126,0.5);
}
.trtype2 {
    background: rgba(251,174,71,0.5);
}
.trtype3 {
    background: rgba(239,70,41,0.5);
}
.trtype4 {
    background: rgba(164,30,36,0.5);
}
.trtype5 {
    background: rgba(214,214,214,0.15);
}
.trtype6 {
    background: rgba(31,31,31,0.75);
}
.trtype7 {
    background: rgba(31,31,31,0.45);
}

img.one {
    height: auto;
    width: 40%;
}
img.two {
    height: auto;
    width: 50%;
}

div.fixed {
    position: fixed;
    top: 200;
    right: 75;
}


/*Drop down side nav menu*/
.dropdown {
    position: fixed;
    top: 200;
    right: 75;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    right: 0;
    background-color: #f9f9f9;
    min-width: 300px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-family: arial,helvetica,sans-serif;
}

.dropdown-content a:hover {background-color: #acacac}

.dropdown:hover .dropdown-content {
    display: block;
}
/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 2px dotted white; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    background: rgba(214,214,214,0.85);
    color: #363636;
    text-align: center;
    padding: 10px 10px 10px 10px;
    border-radius: 6px;
 
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}
a {
  text-decoration-color: #FFFFFF;
}