.title {
  font-size: 1.1em;
  color: #FFFF00;
  font-family: Arial,Helvetica,sans-serif;
  text-align: center;
}
.main {
  font-family: Arial,Helvetica,sans-serif;
}
.credit {
  font-size: smaller;
  font-family: Arial,Helvetica,sans-serif;
  color: #000000;
}
body {
  background-color: #006644;
  color: #FFFF00;
  font-family: Arial,Helvetica,sans-serif;
  font-size: .9em;
  /* background-image: url(flag4.jpg);
  background-attachment: fixed;
  background-position: center top; */
}
a:link {
  color: #FFFF00;
  font-family: Arial,Helvetica,sans-serif;
}
a:visited {
  color: #FFFF00;
}
a:active {
  color: #cc0000;
}
.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
.col1 {
	text-align: center;
	vertical-align: bottom;;
	width: 25%;
}
.thumbcol1 img{
border: 2px solid white;
margin: 0 5px 5px 0;
-webkit-box-shadow: 2px 2px 6px #101010; /* Safari and Chrome */
box-shadow: 2px 2px 6px #101010;

}

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

.thumbcol1:hover img{
border: 2px solid #FFFF00;
}

.thumbcol1 span{ /*CSS for enlarged image*/
position: fixed;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
-webkit-box-shadow: -3px 3px 15px #101010; /* Safari and Chrome */
box-shadow: -3px 3px 15px #101010;
}

.thumbcol1 span img{ /*CSS for enlarged image*/
border-width: 5px;
padding: 2px;
}

.thumbcol1:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 30%; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbcol2 img{
border: 2px solid white;
margin: 0 5px 5px 0;
-webkit-box-shadow: -2px 2px 6px #101010; /* Safari and Chrome */
box-shadow: -2px 2px 6px #101010;

}

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

.thumbcol2:hover img{
border: 2px solid #FFFF00;
}

.thumbcol2 span{ /*CSS for enlarged image*/
position: fixed;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
-webkit-box-shadow: 3px 3px 15px #101010; /* Safari and Chrome */
box-shadow: 3px 3px 15px #101010;
}

.thumbcol2 span img{ /*CSS for enlarged image*/
border-width: 5px;
padding: 2px;
}

.thumbcol2:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 45%;  /*position where enlarged image should offset horizontally */
z-index: 50;
}
.thumbcol3 img{
border: 2px solid white;
margin: 0 5px 5px 0;
-webkit-box-shadow: -2px 2px 6px #101010; /* Safari and Chrome */
box-shadow: -2px 2px 6px #101010;

}

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

.thumbcol3:hover img{
border: 2px solid #FFFF00;
}

.thumbcol3 span{ /*CSS for enlarged image*/
position: fixed;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
-webkit-box-shadow: 3px 3px 15px #101010; /* Safari and Chrome */
box-shadow: 3px 3px 15px #101010;
}

.thumbcol3 span img{ /*CSS for enlarged image*/
border-width: 5px;
padding: 2px;
}

.thumbcol3:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 5%;  /*position where enlarged image should offset horizontally */
z-index: 50;
}
.thumbcol4 img{
border: 2px solid white;
margin: 0 5px 5px 0;
-webkit-box-shadow: -2px 2px 6px #101010; /* Safari and Chrome */
box-shadow: -2px 2px 6px #101010;

}

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

.thumbcol4:hover img{
border: 2px solid #FFFF00;
}

.thumbcol4 span{ /*CSS for enlarged image*/
position: fixed;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
-webkit-box-shadow: 3px 3px 15px #101010; /* Safari and Chrome */
box-shadow: 3px 3px 15px #101010;
}

.thumbcol4 span img{ /*CSS for enlarged image*/
border-width: 5px;
padding: 2px;
}

.thumbcol4:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 33%;  /*position where enlarged image should offset horizontally */
z-index: 50;
}