
<style type="text/css">

	/*!!!!!!!!!!! CSSMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
	.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}

	/*!!!!!!!!!!! MyCSSMenu Styles [Please Modify!] !!!!!!!!!!!*/

	/* MyCSSMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/
	#qm0
	{
		margin:0px;
		background-color:#6699CC;
	}


	/*"""""""" (MAIN) Items""""""""*/
	#qm0 a
	{
		padding:4px 20px 4px 10px;
		background-color:#6699CC;
		color:#FFFFFF;
		font-family:Arial;
		font-size:12px;
		text-decoration:none;
		text-align:left;
		border-width:4px 2px 4px 2px;
		border-style:solid;
		border-color: White;
	}


	/*"""""""" (MAIN) Hover State""""""""*/
		#qm0 a:hover
	{
		color:#FFFFFF;
	}


	/*"""""""" (MAIN) Active State""""""""*/
		body #qm0 .qmactive, body #qm0 .qmactive:hover
	{
		background-color:#6699CC;
		color:#FFFFFF;
	}


	/*"""""""" (SUB) Container""""""""*/
	#qm0 div, #qm0 ul
	{
		padding:5px;
		background-color:#6699CC;
		border-width:1px;
		border-style:solid;
		border-color:#6699CC;
	}


	/*"""""""" (SUB) Items""""""""*/
	#qm0 div a, #qm0 ul a
	{
		padding:3px 20px 3px 5px;
		color:#FFFFFF;
		font-size:12px;
		text-align:left;
		border-width:1px 0px;
		border-color:#FFFFFF;
	}


	/*"""""""" (SUB) Hover State""""""""*/
		#qm0 div a:hover, #qm0 ul a:hover
	{
		background-color:#666666;
		color:#FFFFFF;
		border-color:#FFFFFF;
	}


	/*"""""""" (SUB) Active State""""""""*/
		body #qm0 div .qmactive, body #qm0 div .qmactive:hover
	{
		background-color:#010201;
		color:#f1da10;
		border-color:#FFFFFF;
	}
	/*starts here */
	.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: 50px; /*position where enlarged image should offset horizontally */
		z-index: 50;
	}
</style>

