#menu {

list-style: none;

width: 250px;

padding-top: 15px;

height: 124px;

padding-left: 30px;

background: url(../images/background.png) no-repeat;

color:#333;

}

#menu ul{

	list-style: none;

	margin: 0px;

	padding: 0px;

	font-size: 12px;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

}



#menu a:link{

color: #333;

font-family: Trebuchet MS;

font-size: 14px;

height: 23px;

display:block;

text-decoration: none;

padding: 8px 0 0 0px;

font-weight:normal;

}



#menu a:visited{

color:#666;

font-family: Trebuchet MS;

font-size: 14px;

height: 23px;

display:block;

text-decoration: none;

padding: 8px 0 0 0px;

font-weight:normal;

}



#menu a:hover{

color: #595959;

}



#menu a:active{

	color: #666;

}





/*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: white;



}



.thumbnail:hover img{

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

z-index: 50;

width:190px;

}