/* begin gallery styling */
#jgal {
	width: 310px;
	list-style-image: none;
	list-style-type: none;
}

#jgal li {
	opacity: 0.5;
	filter: alpha(opacity=50);
	float: left;
	display: block;
	width: 66px;
	height: 55px;
	background-position: 50% 50%;
	cursor: pointer;
	border: 1px solid #555555;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-top: 207px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-left: 0px;
	left: 430px;
}
#jgal li img {
	position: absolute;
	top: 180px;
	left: 435px;
	display: none;
	cursor: auto;
	border: 1px solid #555555;
	width: 275px;
	height: 275px;
}

#jgal li.active img {
	display: block;
	width: 275px;
	height: 275px;
}
#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ }

/* styling without javascript */
#gallery {
	list-style: none;
	display: block;
}
#gallery li {
	float: left;
	margin: 0 10px 10px 0;
}

    </style>
    [if lt IE 8]>
    <style media="screen,projection" type="text/css">
        #jgal li { filter: alpha(opacity=50); }
        #jgal li.active, #jgal li:hover { filter: alpha(opacity=100); }
    </style>
	<![endif]