/**********Gallery css for multitab gallery developed by Rachel Gallen*************************/
#info {background:#f8f8f8; border:0;}
a {color:#000;}
a:hover {text-decoration:none;}
a:visited {color:#000;}

/* This style allows you to hover over between the tabs and still hover over the pictures within each tab. */

.multifoto {width:635px; height:550px; text-align:left; position:relative; margin:0 auto;}

a.multifoto, a.multifoto:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:47px; 
           margin:3px; float:left; font-size:11px;}
.multifoto div#topic{padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; z-index:10;}
.multifoto ul.topic {padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; z-index:10;}
.topic ul{padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; z-index:10;}
.topic li {display:block; width:125px; height:31px; float:left;}
.topic li a.set {display:block; font-size:11px; width:125px; height:30px; text-align:center; line-height:30px; color:#000;
 text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#ccc; font-family:verdana, arial, sans-serif;}
 
.multifoto ul.topic li a ul, .multifoto ul.topic li ul 
{display:none;}

.multifoto ul.topic li.active a
{color:#000; background:#bbb; }

.multifoto ul.topic li a:hover,
.multifoto ul.topic li:hover a
{color:#fff; background:#aaa;}

.multifoto ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0 auto; height:375px; overflow:hidden; background:#ddd; width:464px; 
 padding:40px 60px; border:20px solid #bbb; z-index:1;}

.multifoto ul.topic li a:hover ul, 
.multifoto ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; overflow:hidden; height:375px; background:#ddd; width:464px; 
padding:40px 60px; border:20px solid #aaa; z-index:100;}


.multifoto ul.topic li ul li
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}

.multifoto ul.topic li ul li a
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}

.multifoto ul.topic li ul li a img
{display:block; width:100px; height:75px; border:5px solid #eee;}

.multifoto ul.topic li a:hover ul li a:hover, 
.multifoto ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.multifoto ul.topic li a:hover ul li a:hover img, 
.multifoto ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:200px; height:160px; border-color:#fff; overflow:scroll;}


	
/***********************new addition to try scrolling******************************
.multifoto hide { display:none; }

.multifoto h1 {
	background:#eee;
	width:592px;
	height:16px;
	padding-left:7px;
	border-bottom:1px solid #333;
	font-size:16px;
	line-height:16px;
	font-weight:normal;
}

.multifoto ul.topic li div#inside {
	padding:20px 20px 20px 20px;
	width:596px;
	height:435px;
	background:#bbb;
	overflow:scroll;
	border:0px solid #bbb;
}

.multifoto ul.topic li .multifoto mfpixbox {
	padding:7px 0 7px 7px;
	width:590px;
	height:464px;
	overflow:hidden;
}
	.multifoto ul.topic li div#inside {
		width:590px;
		height:435px;
	}
	#inside img {
		border:0;
		height:75px;
		width:100px;
		float:left;
		background:#444;
		margin-bottom:7px;
		margin-right:7px;
		cursor:pointer;
	}
	


#display_mfpix_box {
	position:absolute;
	top:0;
	left:0;
	width:525px;
	height:525px;
	padding-top:16px;
}

#display_mfpix {
	position:absolute;
	top:31px;
	left:631px;
	width:525px;
	height:525px;
	background:#000;
	opacity:0.8; filter:alpha(opacity=80); 
	text-align:center;
	font-size:11px;
	padding-top:16px;
}
	
#display_mfpix_img {
	position:absolute;
	top:41px;
	left:10px;
	height:515px;
	width:515px;
	cursor:pointer;
}*/