/* CSS Document */

/* Photo Gallery only */

.gallery {
	clear:both; 
	margin:0; 
	padding:20px; 
	background:url(../images/content_article_bg.jpg) 0 0 no-repeat;}

.gallery h2 {
	margin:0 -20px; 
	padding:10px; 
	background:#DEE5FD url(../images/content_title_bg.gif) 0 0 repeat-y; 
	color:#192666;}
	
.gallery h2 span {
	background:url(../images/ico_list.gif) 0 50% no-repeat; 
	padding-left:25px;}

.gallery ul.topic {
	padding:0; 
	margin:0; 
	list-style:none; 
	width:455px; 
	position:relative; 
	z-index: 10;}
	
.gallery ul.topic li {
	display:block; 
	width:113px; 
	height:31px; 
	float:left;}

.gallery ul.topic li a.set {
	display:block; 
	font-size:11px; 
	width:110px; 
	height:30px; 
	text-align:center; 
	line-height:30px; 
	color:#192666; 
	text-decoration:none; 
	border:1px solid #fff; 
	border-width:1px 1px 0 0; 
	background:#f47c24; 
	font-family:verdana, arial, sans-serif;}

.gallery ul.topic li a ul, 
.gallery ul.topic li ul 
{display:none;}

/*tab attributes*/
.gallery ul.topic li.active a
	{color:#fff; 
	background:#232d59;}

.gallery ul.topic li a:hover,
.gallery ul.topic li:hover a
	{color:#232d59; 
	background:#B5C4E3;}
	
/*outer border*/
.gallery ul.topic li.active ul
	{display:block; 
	position:absolute; 
	left:0; 
	top:32px; 
	list-style:none; 
	margin:0; 
	background:#fff; 
	width:420px !important /*Firefox*/; width:450px /*IE*/;  
	padding:15px 10px; 
	border:10px solid #232d59; 
	z-index:1;}

/*hovering*/
.gallery ul.topic li a:hover ul, 
.gallery ul.topic li:hover ul
	{display:block; 
	position:absolute; 
	left:0; 
	top:32px; 
	list-style:none; 
	margin:0; 
	background:#fff; 
	width:420px !important /*Firefox*/; width:450px /*IE*/; 
	padding:15px 10px; 
	border:10px solid #B5C4E3; 
	z-index:1;}

.gallery ul.topic li ul li
	{display:inline; 
	width:110px; 
	height:80px;  
	border:0; 
	margin-left:20px; 
	margin-top: 20px;
	z-index:1;}

.gallery ul.topic li ul li a
	{display:block !important /*Firefox*/; display:inline /*IE*/; 
	width:110px; 
	height:80px; 
	cursor:default; 
	text-decoration:none; 
	background:#fff; 
	border:1px solid #f47c24; 
	z-index:1;}

.gallery ul.topic li ul li a img
	{display:block; 
	width:110px; 
	height:80px; 
	border:0;}

.gallery ul.topic li a:hover ul li a:hover, 
.gallery ul.topic li:hover ul li a:hover 
	{white-space:normal; 
	position:relative;}
	
.gallery ul.topic li a:hover ul li a:hover img, 
.gallery ul.topic li:hover ul li a:hover img 
	{position:absolute; 
	left:-50px; 
	top:-32px; 
	width:200px; 
	height:150px; 
	border-color:#fff; 
	z-index:100;}