/*
CSS for index site*/

body {
       font-family:verdana,helvetica,arial, sans-serif;
       background-color:black;

       line-height: 125%;
       border: 4px cccccc;
       padding:10;
       margin: 0px;
       

}  





  

li {
     font-size: x-small;
     color: black;
   
              
}

ul {
       margin-top: 15px;
}



p {
   font-size: x-small;
    font-weight: normal;
   color: black;
     




}





#navigation {
           width: 200px;
             font-size: 10% ;
                             font-weight: normal;
           
}







a {
       font-weight:bold;
    
}

a:link {
      
       color: white;
}


a:visited {
      
       color: white;
}

a:hover {
          text-decoration: none;
          color: red;
        
}


a:active {
      
       color: red;
       background-color:0;
}



#navigation, #bodycontent, #header {
       position: absolute;
               
}

#navigation, #bodycontent {
         top: 150px;
          left: 10px;   
}




.gallerycontainer{
position: relative;left: 200px;
         top: 100px;
}


.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: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}