body                { height: 100%; background-color:#000000; padding:0px; margin:5px; font-family: Arial, Helvetica; }

a:link, a:visited   { color:#D8D8D8; text-decoration:none;}

a:hover             { color:#FFFFFF; text-decoration:none;}

a img               { border:0; }

TABLE               { color:#D8D8D8; text-decoration:none; border:#D8D8D8 1px solid}

.mainmenu_image     { width: 170px;}

.mainmenu_text      { color:#D8D8D8; width: 170px; font-size:24px;}

.travelogue_image   { width: 170px; border:0; text-align: right;}

.travelogue_text    { color:#D8D8D8; font-size:12px;}

.travelogue_table   { color:#D8D8D8; text-decoration:none; border:0;}

.images_image       { width: 170px; text-align: right;}

.images_text        { color:#D8D8D8; font-size:12px;}

.images_table       { color:#D8D8D8; text-decoration:none; border:0px}

.homepage_table     { color:#FFFFCC; text-decoration:none; border:0px}

.zoom_table         { border:0px}

.zoom               { color:#D8D8D8; font-size:10px;}

.zoom_cell          { padding-right:20px; }

p                   { color:#009999; text-decoration:none; padding:0px; margin-top:5px; margin-bottom:7px; }

hr                  { height: 0; border: 0; border-top: 1px solid #333; }

h1                  { color:#D8D8D8; font-weight:bold; margin:0px;margin-top:6px; padding:0px;font-size:24px; }

h2                  { color:#D8D8D8; font-weight:bold; margin:0px;margin-top:6px; padding:0px;font-size:20px; }

h3                  { color:#D8D8D8;  font-style: italic; margin:0px;margin-top:6px; padding:0px;font-size:10px; }

ul                  { margin-top:0px; margin-bottom:0px;}

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

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

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

.thumbnail:hover img{
    border: 0px;
}

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