/* CSS Document */
body{ background-color:#440000; margin-top:40px;} 
#container{ width:830px; text-align:left; border:1px solid #884444; padding:15px; color:#FFFFFF; font-family:Verdana, Arial, Tahoma, Helvetica, sans-serif}
#nav{background: inherit; border-top:1px solid #884444; border-bottom:1px solid #884444; }
#nav li{display:inline; }
#content{color:#FFFFFF; font-family:Verdana, Arial, Tahoma, Helvetica, sans-serif; font-size:12px;}
#nav ul li a
{font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration: none; 
padding:10px;
color: #fff;
background-color:#884444;
border:1px solid #FFF; 
}
h1{ font-size:22px;}
a {color:#FFFFFF;}

.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:50px;
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: 0;
right:0; /*position where enlarged image should offset horizontally */

}
.thumbnail{
position: relative;
z-index: 0;
}
#botnav{font-size:10px; font-style:italic; color:#FFFFFF; text-align:center; width:800px;}
#right{font-size:10px; font-style:italic; color:#FFFFFF; text-align:right; width:800px;}
#dropin{position:absolute;visibility:hidden;left:200px;top:100px;width:500px;height:350px; border:1px solid black; background-color:#440000; color:#FFFFFF; font-weight: bolder; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif;}