/* CSS Document */
#gallery 
{
	width:330px;
	height:300px;
	padding:10px;
	background: #fff;
	position:relative;
	margin-bottom:20px;
	left: 0;
	top: 0;
}

#page
{
	margin-left:200px;
}

/* This is placement of original enlarged image */
#gallery b.default {
	position:absolute;
	left:170%;
	width:259px;
	height:300px;
	text-align:center;
}

/* This is original hover image */
#gallery b.default img {display:block; width:300px; height:300px; border:1px; border-color:#E4E4E4; top:9%;}
#gallery b.default span {display:block; color:#000; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:300px;}

#gallery ul {
	list-style:none;
	padding:0;
	margin:0;
	width:330;
	position:relative;
	float:left;
	left: 45%;
}

/* This is small image icon */
#gallery ul li 
{display:inline; width:102px; height:102px; float:left; margin:0 0 5px 5px;}

#gallery ul li a {display:block; width:102px; height:102px; text-decoration:none;}
#gallery ul li a span {display:none;}
#gallery ul li a img{display:block; -ms-interpolation-mode: bicubic; border:1px; border-color:#E4E4E4;} 


/* The order of these 4 links are ever important */
/* LINK AND VISITED???? */
#gallery ul li a:hover{display:block; border:1px; border-color:#E4E4E4; left:145%;}
#gallery ul li a:active { display:block; border:1px; border-color:#E4E4E4; left:145%; }

#gallery ul li a:link b {display: block;}
#gallery ul li a:visited b {display: block;}
#gallery ul li a:hover b {position:absolute; right:-150%; top:0; width:450px; height:380px; text-align:center; background:#fff; z-index:20;}
#gallery ul li a:active b {display: none;}

#gallery ul li a b span {display:none; color:#000; font-family:verdana, arial, sans-serif; font-weight:bold; font-size:15px; width:300px; margin:0 auto;}
#gallery ul li a:hover b span {display:block; color:#000; font-family:verdana, arial, sans-serif; font-weight:bold; font-size:15px; width:300px; margin:0 auto;}

#gallery ul li a:active, #gallery ul li a:focus {white-space:normal;}
/* This is none now that back button does not go back to active */
#gallery ul li a:active span, #gallery ul li a:focus span {display:none;}

body,td,th {
	color: #000000;
}
body {
	background-color: #E4E4E4;
}
.style3 {
	font-family: "SnellRoundhand Script";
	font-size: 50px;
	font-weight: bold;
}