/* ================================================================ 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/lightbox.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
body {
	margin:0 auto; 
	padding:0; 
	border:none; 
	text-align:center; 
	background-color:#fff
	}
p {
	font:normal 1em arial,sans serif; 
	margin:auto; color: #555
	}
.photo {
	width:595px; 
	height:auto; 
	text-align:center; 
	position:relative; 
	margin:0 auto
	}
.photo ul.topic {
	padding:0; 
	margin:0; 
	list-style:none; 
	width:595px; 
	height:auto; 
	position:relative; 
	z-index:10
	}
.photo ul.topic li{
	display:block; 
	width:200px; 
	height:31px; 
	margin:auto
	}
.photo ul.topic li a.set {
	display:block; 
	width:199px; 
	height:30px; 
	text-align:center; 
	color:#f93; 
	text-decoration:none; 
	border:1px solid #fff; 
	background:#ddd; 
	font:11px/30px verdana, arial, sans-serif
	}
.photo ul.topic li a ul, 
.photo ul.topic li ul {
	display:none
	}
.photo ul.topic li.active a {
	color:#000; 
	background:#bbb
	}
.photo ul.topic li a:hover,
.photo ul.topic li:hover a {
	color:#fff; 
	background:#aaa
	}
.photo ul.topic li.active ul {
	display:block; 
	position:absolute; 
	left:0; 
	top:31px; 
	list-style:none; 
	padding:0; 
	margin:0; 
	height:260px; 
	background:#ddd; 
	width:472px; 
	padding:20px 42px 20px 42px; 
	border:20px solid #bbb; 
	z-index:1
	}
.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul {
	display:block; 
	position:absolute; 
	left:0; 
	top:31px; 
	list-style:none; 
	padding:0; 
	margin:0; 
	height:260px; 
	background:#ddd; 
	width:472px; 
	padding:20px 42px 20px 42px; 
	border:20px solid #aaa; 
	z-index:100
	}
.photo ul.topic li ul li {
	display:inline; 
	width:112px; 
	height:87px; 
	float:left; 
	border:1px solid #fff; 
	margin:1px
	}
.photo ul.topic li ul li.name {
	display:inline; 
	width:112px; 
	height:30px; 
	float:left; 
	border:1px solid #fff; 
	margin:1px
	}
.photo ul.topic li ul li a {
	display:block; 
	width:110px; 
	height:85px; 
	cursor:hand; 
	float:left; 
	text-decoration:none; 
	background:#444; 
	border:1px solid #888
	}
.photo ul.topic li ul li a img {
	display:block; 
	width:100px; 
	height:75px; 
	border:5px solid #eee
	}
.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover {
	white-space:normal; 
	position:relative
	}
.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img {
	position:absolute; 
	left:-50px; 
	top:-32px; 
	width:200px; 
	height:150px; 
	border-color:#fff
	}
.description {
	color:#ff6347
	}