body { text-align: center; font-family: Arial, Helvetica, sans-serif; background-color: #00A67C; margin-left:auto; margin-right:auto}


a {font-weight: bold; text-decoration: none; }
a:visited {
COLOR: #000000;
}
a:link {
COLOR: #000000;
}
a:hover {
COLOR: #000000;
}

.subject {font-weight:bold; font-size:larger; text-align:left}
.audio {vertical-align:top}

/*
COLOR: #949979;
http://colorschemedesigner.com/#3a11Tw0w0w0w0
00A67C		1F7C65		006C51		35D2AB		5FD2B5
*/

/* main table */
table.tablemain {width: 1024px}
table.tablefooter {width: 1024px}

div.divmain{text-align: center}
div.title1{font-weight:bold; font-size:300%}
div.title2{font-style:italic; font-size:200%}

/* content top */
tr.trtop {background-color: #006C51}
tr.trcontenttop {height: 10px; background-color: #000000}
td.tdtopright {width: 150px}
td.tdtopleft {}

/* content side */
td.tdcontent {height: 800px; vertical-align: top; background-color: #FFFFFF}

td.tdfooter {text-align: center; background-color: #006C51}
div.divfooter{text-align: center}

/* navigation bar */
td.leftNav { background-color: #1F7C65; width:150px; vertical-align: top}
table.leftNavLinks {border-spacing: 1px; padding: 1px}
tr.leftNavLinks {border: solid 1px black;}
td.leftNavLinks {border-spacing: 1px; border: solid 1px black;font-weight: bold; }
p.navrow {  font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; text-align: center; size: 3;}
table.navrow { background-color: #AAC4B7;}

/* Location */
td.locleft { font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; text-align: left; size: 3; background-color: #949979;}
td.locright { font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; text-align: right; size: 3; background-color: #949979;}

/* photo viewer */
td.loadarea {height: 800px; vertical-align: top; }

.floatLeft { 
    float: left; 
    margin: 4px; 
    font-weight: bold;
}
.floatRight { 
    float: right; 
    margin: 4px; 
    font-weight: bold;
}

.floatRightClear { 
    float: right; 
    clear: right; 
    margin: 4px; 
    font-weight: bold;
}

.floaterBorderLeft {
        float: left;
        border: solid 1px black;
        padding: 5px;
        margin: 5px;
    font-weight: bold;
    text-align: center;
    }

.floaterBorderRight {
        float: right;
        border: solid 1px black;
        padding: 5px;
        margin: 5px;
    font-weight: bold;
    text-align: center;
    }



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

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.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 on hover*/
visibility: visible;
/* top: 0px; */
left: 60px; /* position where enlarged image should offset horizontally */

}