h1
{
    color : rgb(160,160,160);
    Font-size : small;
    Text-align : left;
}

BODY
{
    background-color : rgb(51 , 51 , 51);
}
p
{
    font-size : 1.0;
    font-family : arial;
    color : rgb(204 , 204 , 204);
}


P#1
{
    font-size : 1.0;
    font-family : arial;
    color : rgb(255 , 255 , 255);
}

A
{
    font-size : 1.3;
    font-family : arial;
    color : rgb(128,128,128);
    TEXT-DECORATION : none;
}
A:hover
{
    COLOR : rgb(255,255,255);
    TEXT-DECORATION : underline;
}

HR
{
    width : 40%;
}
marquee
{
    scrollamount : 1;
    width : 50%;
    color : rgb(128,128,128);
}



table#Gallery
{
    background-color : rgb(51 , 51 , 51);
    Padding : 1px;
    Width : 1100px;
}
table#Gallery td
{
    padding : 5px;
    border : solid rgb(0 , 0 , 0) 1px;
}
.data
{
    color : rgb(0 , 0 , 0);
    text-align : right;
    width : 250px;
    background-color : rgb(51 , 51 , 51);
}
.infocol
{
    text-align : left;
    text-color : rgb(255 , 255 , 255);
    width : 300px;
    vertical-align : text-top;
    background-color : rgb(51 , 51 , 51);
    Display : block;
    White-space : normal;
}


.blend img {
opacity: 0;
-moz-opacity: 0;
-khtml-opacity:0;
filter: alpha(opacity=0);
}


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

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: rgb(200,200,200);
padding: 5px;
left: -1000px;
border: 1px groove rgb(144,144,144) ;
visibility: hidden;
color: rgb(144,144,144);
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;
left: 60px; /*position where enlarged image should offset horizontally */

}