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

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

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

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

.thumbnail span
{ /*css for enlarged image*/
position: absolute;
padding: 3px;
left: 0px;
border: none;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbnail:hover span
{ /*css for enlarged image*/
 visibility: visible;
 top: 0; 
 margin-top:-2px;
left: 75px;
 /*position where enlarged image should offset horizontally */
 z-index: 10;
 }


body 
{
margin-top:0
}


table.line
{   
 border-top: #7687b3 1px outset;
  border-left: #7687b3 1px outset;
   border-right: #7687b3 1px inset;
   border-bottom: #7687b3 1px inset;
   }
   
p.main
{font-size:36px; 
 font-family:"times new roman",Georgia,Serif; 
 color:#ffffff; font-weight:normal;
 font-style:italic;
 margin-left:20px;
 }

p.text 
{
 font-size:13px; 
 font-family:verdana; 
 color:#ffffff; 
 font-weight:normal;
 margin-left:20px;
 text-align:justify;
 margin-right:20px;
 }
 
 div.credit 
 {
 font-size :10px; 
 font-family:verdana; 
 color:#ffffff; 
 text-decoration:none; 
 font-weight:bold;
 }

  
div.text 
{
    font-size:18px; 
    font-family:"times new roman",Georgia,Serif; 
    font-style:italic; color:#ffffff; 
    font-weight:normal;
    margin-left:20px;
    text-align:justify;
    margin-right:20px;
    }
 
 div.image 
 {
  font-size:10px; 
  font-family:verdana; 
  font-style:italic; 
  color:#ffffff; 
  font-weight:normal;
  margin-left:0px;
  }

        
ul.text {font-size:13px; font-family:verdana; color:#ffffff; font-weight:normal;margin-left:20px;text-align:justify;margin-right:20px;}

 a.nav:link {font-size:12px; font-family:verdana; color:#012f60; text-decoration:none; font-weight:bold;}
 a.nav:visited {font-size:12px; font-family:verdana; color:#012f60; text-decoration:none; font-weight:bold;}
 a.nav:active {font-size:12px; font-family:verdana; color:#fa0409; text-decoration:none; font-weight:bold;}
 a.nav:hover {font-size:12px; font-family:verdana; color:#fa0409; text-decoration:none; font-weight:bold;}
 
 
  a.navin:link {font-size:12px; font-family:verdana; color:#fa0409; text-decoration:none; font-weight:bold;}
 a.navin:visited {font-size:12px; font-family:verdana; color:#fa0409; text-decoration:none; font-weight:bold;}
 a.navin:active {font-size:12px; font-family:verdana; color:#fa0409; text-decoration:none; font-weight:bold;}
 a.navin:hover {font-size:12px; font-family:verdana; color:#fa0409; text-decoration:none; font-weight:bold;}
 
 
 a.nav2:link {font-size:10px; font-family:verdana; color:#ffffff; text-decoration:none; font-weight:bold;}
 a.nav2:visited {font-size:10px; font-family:verdana; color:#ffffff; text-decoration:none; font-weight:bold;}
 a.nav2:active {font-size:10px; font-family:verdana; color:#fa0409; text-decoration:none; font-weight:bold;}
 a.nav2:hover {font-size:10px; font-family:verdana; color:#fa0409; text-decoration:none; font-weight:bold;}

 a.nav3:link {font-size:13px; font-family:verdana; color:#ffffff; text-decoration:none; font-weight:bold;}
 a.nav3:visited {font-size:13px; font-family:verdana; color:#ffffff; text-decoration:none; font-weight:bold;}
 a.nav3:active {font-size:13px; font-family:verdana; color:#fa0409; text-decoration:none; font-weight:bold;}
 a.nav3:hover {font-size:13px; font-family:verdana; color:#fa0409; text-decoration:none; font-weight:bold;}