body {
background: #58283d;
}

td {
	font: normal 11px Tahoma, Arial;
	color: #ffffff;
}

h1, h2, h3, h4, h5 {

    color: #ff82bb;
    margin: 0px;
}


h1 {
    font-size: 35px;
}

h2 {
    font: normal 20px tahoma, Arial; 
}

h3 {
    font-size: 14px;
}


a {

font: normal 11px Tahoma, Arial;
color: #ff82bb;
text-decoration: underline;
}

a:hover {

font: normal 11px Tahoma, Arial;
color: #ff82bb;
text-decoration: none;

}

a.white-link-underline {	
	text-decoration: underline;
	color: #FFFFFF;
}

.white-text{
color: #ffffff;
text-decoration: none;

}
a.b1
{
font:  14px tahoma, Arial;
color: #fffea0;
text-decoration: none;
padding: 15px;
margin: 0px;

}
.p1
{
padding: 0 0 0 20px;
}
.menu 
{
vertical-align:top;
height: 35px;
background:url(images/index_03.gif);
padding: 10px 0 0 85px;
}
.menu a
{
color:#FFFFFF;
font: bold 11px  tahoma, Arial;
text-decoration: none;
}


.blye-text-underline {
color: #47beed;
text-decoration: underline;
}

.blye-text-regular {
color: #47beed;
text-decoration: none;
}

.yellow-text-regular {
color: #ece92c;
text-decoration: none;
}

.yellow-text-underline {
color: #ece92c;
text-decoration: underline;
}

.orange-text-regular {
color: #e88520;
text-decoration: none;
}

.orange-text-underline {
color: #e88520;
text-decoration: underline;
}
.broun-text-regular {
color: #de4e06;
text-decoration: none;
}

.broun-text-underline {
color: #de4e06;
text-decoration: underline;
}

.red-text-regular {
color: #e21b00;
text-decoration: none;
}

.red-text-underline {
color: #e21b00;
text-decoration: underline;
}
.black-text-regular {
color: #000000;
text-decoration: none;
}

.black-text-underline {
color: #000000;
text-decoration: underline;
}


.gray-text-underline{
color: #7c7c7c;
text-decoration: underline;
}
.gray-text-regular{
color: #7c7c7c;
text-decoration: none;
}

.green-text{
color: #a5b66e;
text-decoration: none;
}

.green-text-underline{
color: #a5b66e;
text-decoration: underline;
}

<style type="text/css">

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

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />


</style>