.thumbnail
{
	position: relative;
	z-index: 0;
}
.thumbnail:hover
{
	background-color: transparent;
	z-index: 50;
}
.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 on hover*/
	visibility: visible;
	top: 0;
	left: 60px; /*position where enlarged image should offset horizontally */
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.markermenu
{
	list-style-type: none;
	margin: 5px 0;
	padding: 0;
	width: 170px;
	border: 1px solid #9A9A9A;
}

.markermenu li a
{
	background: white url(../images/arrows/arrow-list.gif) no-repeat 2px center;
	font: bold 13px "Lucida Grande" , "Trebuchet MS" , Verdana, Helvetica, sans-serif;
	color: #00014e;
	display: block;
	width: auto;
	padding: 3px 0;
	padding-left: 20px;
	text-decoration: none;
	border-bottom: 1px solid #B5B5B5;
}


* html .markermenu li a
{
	/*IE only. Actual menu width minus left padding of LINK (20px) */
	width: 150px;
}

.markermenu li a:visited, .markermenu li a:active
{
	color: #00014e;
}

.markermenu li a:hover
{
	color: black;
	background-color: #ffffcb;
	background-image: url(../images/arrows/arrow-list-red.gif); /*onMouseover image change. Remove if none*/
}