/* =Slideshow Styles
------------------------------------------------------- */
#slideshow {
	position: relative;
	float: left;
	width: 417px;
	height:228px;
	overflow:hidden;
	padding: 0 0 2px 0;
	border: 1px solid #8772b7;
	z-index: 3;
}
#slideshow .slide {
	position:absolute; 
	width:417px; 
	height:280px; 
	opacity:0.99; /* Fix Firefox opacity flicker problem */
}
#slideshow #slide1 {
	z-index: 3;
}
#slideshow .slidelinks_container {
	position:absolute;
	width:417px;
	height:280px;
	opacity:0.99; /* Fix Firefox opacity flicker problem */
	z-index: 2;
}
#slideshow #slideshowcontrols {
	position:absolute;
	z-index: 1;
	left:20px;
	width:412px;
	height:40px;
	visibility: hidden;
}
/* 4 Slides with text */
ul.slideshowcontrolsmiddle{
	height: 25px !important;
	float: left;
	z-index: 10;
	position: absolute;
	text-align:center;
	width: 424px!important;
	margin: 0px;
	padding:0px;
	list-style: none;
	line-height: normal;
	font-family: Arial;
	font-size: 11px;
	/*background: url(../images/banner_tabup.gif) no-repeat 0px 0px;*/

}
ul.slideshowcontrolsmiddle li{
	z-index: 0; 
	height: 40px;
	width: 103px !important;
	float: left;
	margin: 0px;
}

ul.slideshowcontrolsmiddle .li1{
	background: url(../images/banner_tabup0.gif) no-repeat 0px 0px;
}
ul.slideshowcontrolsmiddle .li2{
	background: url(../images/banner_tabup1.gif) no-repeat 0px 0px;
}
ul.slideshowcontrolsmiddle .li3{
	background: url(../images/banner_tabup2.gif) no-repeat 0px 0px;
}

ul.slideshowcontrolsmiddle .li4{
	background: url(../images/banner_tabup3.gif) no-repeat 0px 0px;
}

/* The a elements inside those 4 tabs */
ul.slideshowcontrolsmiddle a:link, ul.slideshowcontrolsmiddle a:visited {
	font:Arial;
	color: #ffffff; 
	height: 29px; 
	text-align: center; 
	float: none;
	display: block;
	width: 103px !important;
	font-weight: bold !important;
	text-decoration: none;
	text-transform: uppercase;
	line-height:12px;
	letter-spacing:-1px; font-size: 10px; letter-spacing:-1px;
	/*background: url(../images/banner_tabup.gif) no-repeat 0px 0px;*/
	padding: 0px !important;
	
}
/* The next 5 styles fix Netscape issues with padding it any other way */
ul.slideshowcontrolsmiddle .single-line a {
	line-height: 27px!important;
}
*html ul.slideshowcontrolsmiddle .single-line a {
	line-height: 26px!important;
}
ul.slideshowcontrolsmiddle .padded_fmt {
         display:block;
         padding:5px 5px 0px 0px;
		 font-size:11px;		 
}
ul.slideshowcontrolsmiddle .single-line .padded_fmt {
         display:block;
         padding:0px 0px 0px 0px;
}
ul.slideshowcontrolsmiddle .li1 a.activeslide, ul.slideshowcontrolsmiddle .li1 a:hover {
	font:Arial;
	background-position: 0px 0px !important;
	color: #8772b7;													/* mau chu*/
	text-decoration: none;
	background-image:url(../images/banner_tabdw0.gif);background-repeat:no-repeat;
	height:37px
}
ul.slideshowcontrolsmiddle .li2 a.activeslide, ul.slideshowcontrolsmiddle .li2 a:hover{
	font:Arial;
	background-position: 0px 0px !important;
	color: #4f8a10;													/* mau chu*/
	text-decoration: none;
	background-image:url(../images/banner_tabdw1.gif);background-repeat:no-repeat;
	height:37px
}
ul.slideshowcontrolsmiddle .li3 a.activeslide, ul.slideshowcontrolsmiddle .li3 a:hover{
	font:Arial;
	background-position: 0px 0px !important;
	color: #bb8900;													/* mau chu*/
	text-decoration: none;
	background-image:url(../images/banner_tabdw2.gif);background-repeat:no-repeat;
	height:37px
}
ul.slideshowcontrolsmiddle .li4 a.activeslide, ul.slideshowcontrolsmiddle .li4 a:hover{
	font:Arial;
	background-position: 0px 0px !important;
	color: #cf7600;													/* mau chu*/
	text-decoration: none;
	background-image:url(../images/banner_tabdw3.gif);background-repeat:no-repeat;
	height:37px
}

/* Used to make everything fade */
#slideshow .opacity10 { opacity:0.99; filter:alpha(opacity=100); visibility:visible !important;}
#slideshow .opacity9 { opacity:.9; filter:alpha(opacity=90); visibility:visible !important;}
#slideshow .opacity8 { opacity:.8; filter:alpha(opacity=80); visibility:visible !important;}
#slideshow .opacity7 { opacity:.7; filter:alpha(opacity=70); visibility:visible !important;}
#slideshow .opacity6 { opacity:.6; filter:alpha(opacity=60); visibility:visible !important;}
#slideshow .opacity5 { opacity:.5; filter:alpha(opacity=50); visibility:visible !important;}
#slideshow .opacity4 { opacity:.4; filter:alpha(opacity=40); visibility:visible !important;}
#slideshow .opacity3 { opacity:.3; filter:alpha(opacity=30); visibility:visible !important;}
#slideshow .opacity2 { opacity:.2; filter:alpha(opacity=20); visibility:visible !important;}
#slideshow .opacity1 { opacity:.1; filter:alpha(opacity=10); visibility:visible !important;}

#slideshow .hide { 
	visibility:hidden; 
}
#slideshow .hideArchive {
	visibility:hidden; 
	display:none;
}
#slideshow .show { 
	visibility:visible !important;
	display:block !important; 
}

/* The container for the archive slide */
#slideshow .archive_fmt {
	width: 412px; 
	height: 272px; 
	position:absolute;
}
#archiveContainer {
	position:relative; 
	z-index:10; 
	width: 422px; 
	height: 272px;
}