@charset "utf-8";
/* CSS Document */

body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9pt; color:#2e3192; scrollbar-arrow-color:#FFFFCC; scrollbar-3dlight-color: #2e3192; scrollbar-highlight-color: #2e3192; scrollbar-face-color: #2e3192; scrollbar-shadow-color:#FFFFCC; scrollbar-darkshadow-color: #2e3192; scrollbar-track-color:#FFFFCC; background-color:#2a2777; margin:10;}
table {font-size:9pt;}
.bottomofpage {background-color:#2e3192; font-size:8pt; padding:5px; color:#FFFFCC}
.bottomofpage a {color:#FFFFCC}
.bottomofpage a:hover {color:#FFFFCC}
.maindiv {width:750px; margin:auto; background-color:#FFFFCC;}
.nav {font-size:9pt; color:#000000; text-indent: 10px; background-image:url(images/topoftab.gif); background-repeat:no-repeat; background-position:right; background-color:#FFFFCC;}
.nav a:hover {color:#2e3192}
.nav a {color:#000}
.footertxt {color:#fff}
a {color:#000; text-decoration:none}
a:hover {color:#000}
.images {border:1px; border-color:#000}
hr {color:#2e3192;}
#header {background: url(images/AllTop.jpg); width:750px; margin:0 auto; height:162px; text-align:left;}

/*Credits: Dynamic Drive CSS Library */
/*URL: https://www.dynamicdrive.com/style/ */

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

.thumbnail img{
margin: 0 5px 5px 0;
}

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

.thumbnail:hover img{
}

.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;
}

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

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