/* CSS Document */

body, tr, td, table, th, p {color: #000000; font-family: tahoma; font-size: 11px}

a.menu, a.menu:link, a.menu:active, a.menu:visited {color: #6f6f6f; text-decoration:none; font-size: 13px; margin-right:10px}
a.menu:hover      {color: #000000; font-size: 13px; text-decoration:underline}

a.title, a.title:link, a.title:active, a.title:visited {color: #6f6f6f; text-decoration:none; font-size: 11px; margin-right:10px}
a.title:hover      {color: #000000; font-size: 11px; text-decoration:underline}


a, a:link, a:active, a:visited {color: #FFFFFF; text-decoration:none; font-size: 11px}
a:hover      {color: #FFFFFF; font-size: 11px ; text-decoration:underline}

a.course, a.course:link, a.course:active, a.course:visited {color: #584700; text-decoration:none; font-size: 12px; margin-right:10px}
a.course:hover      {color: #000000; font-size: 12px; text-decoration:none}

a.courseMenu, a.courseMenu:link, a.courseMenu:active, a.courseMenu:visited {color: #BDB9BA; text-decoration:none; font-size: 11px; margin-right:10px}
a.courseMenu:hover      {color: #FFFFFF; font-size: 11px; text-decoration:underline}

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

.gallerycontainer{
position: relative;
/*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;
}

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

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

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