body {
    margin: 0px;
    padding: 0px;
}

/* h1 tag style */
h1 {
    margin: 0px;
    padding: 0px;
    font-family: arial;
    font-size: 130%;
    color: black;
}

h2 {
    margin: 0px;
    padding: 0px;
    font-family: arial;
    font-size: 110%;
    color: black;
}

h6 {
    margin: 0px;
    padding: 0px;
    font-family: arial;
    font-size: 65%;
    color: black;
    text-align: justify;
}

#Button1 {
Height: 35px;
Width: 140px;
background-color:black;
color:white;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
}

#Button1:hover {
background-color: #CCCCCC;
}

div.container3 {
   height: 3em;
   position: relative }              /* 1 */
div.container3 p {
   margin: 10;
   position: absolute;               /* 2 */
   top: 50%;                         /* 3 */
   transform: translate(0, -50%) }   /* 4 */

.bigger {
font:20px "Arial",san-serif;
}

/* footer CSS Style Rule */
#header {
    height: 0px;
    background-color: white;
    float: right;
}

/* footer CSS Style Rule */
#footer {
    height: 14px;
    background-color: white;
    margin: 0px 0px 0px 0px;
}

* {
  box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 50%;
  padding: 10px;
}
.column1 {
  float: left;
  width: 5%;
  padding: 10px;
}
.column2 {
  float: left;
  width: 95%;
  padding: 10px;
}


/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* content-container CSS Style Rule */
/* It will hold the main content of the page. */
/* it is the right side column */
/* in this 2 columns div layout */
#content-container {
    width: 750px;
    height:auto;
    background-color: white;
    min-height: 550px;
    margin: 0px 0px 0px 0px;
    float: left;
}
#content-container4 {
    width: 900px;
    height:auto;
    background-color: white;
    min-height: 550px;
    margin: 0px 0px 0px 0px;
    float: left;
}
/* left side navigation that is the left side column of */
/* 2 columns div layout */
#left-nav {
    width: 175px;
    height:auto;
    min-height: 54px;
    background-color: white;
    margin: 0px 0px 0px 0px;
    float: left;
    vertical-align: baseline;
}

    #left-nav li {
        color: black;
    }

/* Top navigation CSS Style Rule */
#top-Nav {
    background-color: white;
    height: 40px;
}

img {
    image-orientation: from-image;
}

a.disable {
  pointer-events: none;
  cursor: default;
}

.gallerycontainer {
    position: relative;
    left: 15px;
    width: 650px;
    /*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img {
    border: 1px solid white;
    margin: 0 5px 5px 0;
    image-orientation: from-image;
}

.thumbnail:hover {
    background-color: transparent;
}

    .thumbnail:hover img {
        border: 1px solid blue;
    }

.thumbnail span { /*CSS for enlarged image*/
    position: absolute;
    background-color: lightyellow;
    padding: 5px;
    left: -1000px;
    border: 1px dashed gray;
    visibility: hidden;
    color: black;
    text-decoration: none;
    image-orientation: from-image;
}

    .thumbnail span img { /*CSS for enlarged image*/
        border-width: 0;
        padding: 2px;
        image-orientation: from-image;
    }

.thumbnail:hover span { /*CSS for enlarged image*/
    visibility: visible;
    top: -10PX;
    left: 650px; /*position where enlarged image should offset horizontally */
    z-index: 50;
    image-orientation: from-image;
}