body {
	margin: 0;
	padding: 0 0 10px 0;
	background: #343233 url(../images/bg-body.gif) repeat-x; 
	text-align: center;
	font: 11px Arial, Helvetica, sans-serif;
	color: #666;
}

#pagewidth {
	margin: 0 auto 0 auto;
	width: 984px;
	text-align: left;
	padding: 0 0 10px 0;
	background: url(../images/bg-pagewidth.png);
}

#header {
	position: relative;
	padding: 81px 0 17px 0;
	background : transparent url(../images/bg_header.png) 0 0 no-repeat;
	z-index: 100;
}

p {
	line-height: 16px;
}

a { outline:none; }

.nobr {
	white-space: nowrap;
}

#topnav {
	width: 984px;
	background: url(../images/bg-header.png);
	margin: 0px auto 0 auto;
	height: 21px;
}

#header #logokanan {
	margin: 0;
	padding: 0px 0 0 0;
	width: 200px;
	height: 20px;
	position: absolute;
	top: 0px;
	right: 15px;
	text-align:right;
	color:#ffffff;
}

#header #logokanan a {
 color:#ffffff;
 text-decoration:none;
}

#header #logokanan a:hover {
 color:#666;
}
/*-------------------------------------
   main nav
--------------------------------------*/

#header #container_menu {
    margin: 0;
	padding-left: 10px;
	list-style: none;
	height: 42px;
	position: relative;
}

#nav, #nav ul {
	float: left;
	list-style: none;
	line-height: 1;
	padding: 0;
	margin: 0;
}

#container_menu ul ul {
	float: left;
	list-style: none;
	line-height: 1;
	padding: 0;
	margin: 0;
}

#nav a {
	display: block;
	text-decoration: none;
	padding: 15px 20px 15px 20px;
	color: #ffffff;
}

#nav a.daddy {
	background: url(../images/right_arrow.gif) center right no-repeat; 
}

#nav li {
	float: left;
	padding: 0;
	font-size:12px;
	background:	transparent url(../images/sekatmenu.png) bottom right no-repeat;
}

#nav li ul {
	position: absolute;
	left: -9990px;
	height: auto;
	width: 200px;
	w\idth: 200px;
	font-weight: normal;
	margin: 0;
	background: #2a2a2a;
	/*#535353*/
}

#nav li li {
	padding-right: 0px;
	width: 200px;
	w\idth: 200px;
	border-bottom: solid 1px #242424;
	background:	transparent;
	height:26px;
}

#nav li ul a {
	padding:6px 10px;
}

#nav li ul ul {
	margin: -20px 0 0 150px;
}


#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
	left: -999em;
}


#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul,#nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {
	left: auto;
}


#nav li:hover, #nav li.sfhover {
	background: #2a2a2a;
}

#nav li li:hover{
	background: #535353;
	}
	
#nav li.current {
	background: #535353;
}

/*-----------------------------------------
main content
--------------------------------*/

#main {
	width: 960px;
	margin: 0 0 0 12px;
	padding: 0px;
}

#banner{
   height:232px;
   width:705px;
	background:url(../images/bg_banner.jpg) top left no-repeat;
	overflow:hidden;
 }

#banner a{
	outline:none;
	}
	
.menutitle {
	height: 60px;
	width: 958px;
	background: #fff;
	overflow:hidden;
	padding: 0px 0 0 0px;
	color:#FFFFFF;
}

.menutitle .titletext {
 padding: 25px 0 0 15px;;
 font: 20px Arial, Helvetica, sans-serif; 

}


.bg_education{
  padding: 0;	margin:0;	height: 60px;	width: 958px;	font-size:14px;	font-weight:bold;
	background: url(../images/bg_title_education.jpg) 0 0 no-repeat;
}

.bg_openaccount{
  padding: 0;	margin:0;	height: 60px;	width: 958px;	font-size:14px;	font-weight:bold;
	background: url(../images/bg_title_openaccount.jpg) 0 0 no-repeat;
}

.bg_services{
  padding: 0;	margin:0;	height: 60px;	width: 958px;	font-size:14px;	font-weight:bold;
	background: url(../images/bg_title_services.jpg) 0 0 no-repeat;
}

.bg_resources{
  padding: 0;	margin:0;	height: 60px;	width: 958px;	font-size:14px;	font-weight:bold;
	background: url(../images/bg_title_resources.jpg) 0 0 no-repeat;
}

.bg_about{
  padding: 0;	margin:0;	height: 60px;	width: 958px;	font-size:14px;	font-weight:bold;
	background: url(../images/bg_title.jpg) 0 0 no-repeat;
}

.bg_faq{
  padding: 0;	margin:0;	height: 60px;	width: 958px;	font-size:14px;	font-weight:bold;
	background: url(../images/bg_title_faq.jpg) 0 0 no-repeat;
}

.bg_blank{
  padding: 0;	margin:0;	height: 60px;	width: 958px;	font-size:14px;	font-weight:bold;
	background: url(../images/bg_title.jpg) 0 0 no-repeat;
}

.bg_{
  padding: 0;	margin:0;	height: 60px;	width: 958px;	font-size:14px;	font-weight:bold;
	background: url(../images/bg_title.jpg) 0 0 no-repeat;
}

.title_about {
	height: 99px;
	width: 958px;
	background: #fff url(../images/logo_profile2.gif) 0 0 no-repeat;
	padding: 0px 0 0 0px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}

.mnutext{
padding: 33px 0 0 12px;
}

.content {
	padding: 0;
	overflow: auto;
	min-height:100px;
}

.content a {
 color:#c36305;
 text-decoration:none;
}

.content a:hover {
 color: #000000;
}

.left {
	float: left;
	width: 596px;
}

.left-home {
	float: left;
	width: 540px;
}

#index .right-home {
	width: 300px;
	float: right;
	background: #ffdfdf;
}

.right {
	width: 240px;
	float: right;
}

#index .right {
	width: 240px;
	float: right;
}

#main-colnews, #main-col {
	float: left;
	width: 596px;
	padding-left:1px;
}

#right-colnews, #right-col {
	width: 240px;
	float: right;
}
#main-merge{
 padding-left:1px;
}

/*------------------------------------------
content
------------------------------------------*/
    img {
    	border: none;
    }
    
    img.submit {
    	cursor: hand;
    }
    
    .clear {
    	clear: both;
    	margin: 0;
    	padding: 0;
    }
    
    div#centerColumnHome {
    	float: left;
    	width: 625px;
    	margin: 0;
		
    }
    
    div#rightColumnHome {
    	float: right;
    	width: 295px;
    	margin: 0 0 0 0px;
    }
    
    div#browseCategories {
    	margin: 15px 0 0 0 !important;
    	padding: 0;
    	background: #fff url(../images/bg-panel.jpg) no-repeat center top;
    }
    
   div#browseCategoriesLabel {
    	padding: 9px 0 0 12px;
    	height: 24px;
    	font: 12px/16px Arial, Helvetica, sans-serif; 
    	font-weight: bold;
    	color: #104881;
    }
    
    div#browseCategoriesBody {
   	border-left: 1px solid #dedede;
    	border-right: 1px solid #dedede;
    	border-bottom: 1px solid #dedede;
    	padding: 0 0 25px 0;
    }

    div.oneThird {
    	display: inline;
    	width: 30%;
    	float: left;
    	margin-left: 12px;
    	background-color: #fff;
    }

    div#boxkanan {
    	background: url(../images/bg-rightcolumn.jpg) repeat-y center;
    }
    
    div#boxsearch {
    	margin-top: 15px;
    }
    
    div#boxkananHeader {
    	padding: 9px 0 0 12px;
    	height: 25px;
    	font: 12px/16px Arial, Helvetica, sans-serif; 
    	font-weight: bold;
    	color: #a80000;
    	background: url(../images/bg-rightcolumnheader-top.jpg) no-repeat center top;
    }
    
    div#boxkananBody {
    	padding: 5px 0 10px 12px;
    	font: 12px/22px Arial, Helvetica, sans-serif; 
    	background: url(../images/bg-rightcolumnfooter.jpg) no-repeat center bottom;
    }
    
    div.boxkananItem {
    	float: left;
    	width: 125px;
    	text-align: center !important;
   }
    
    div.boxkananItem img {
    	margin: 3px auto !important;
    }
    
    div.boxkananItem a {
    	font: 10px/10px Arial, Helvetica, sans-serif;
    	color: #629da4;
    	font-weight: bold;
    	text-align: center !important:
    }
    
    div.boxkananItem a:active,
    div.boxkananItem a:hover {
    	color: #104881;
    }
    
    p#boxkananHomeLink {
    	font: 11px/12px Arial, Helvetica, sans-serif;
    	margin-right: 20px;
    	margin-top: 5px;
    }
	
	
	div#featurebox {
    	background: url(../images/bg_feature_wrap.gif) repeat-y center;
    }
    
    
    div#featureboxHeader {
    	padding: 8px 0 0 20px;
    	height: 25px;
    	font: 12px/16px Arial, Helvetica, sans-serif; 
    	font-weight: bold;
    	color: #fff;
    	background: url(../images/bg_feature_header.gif) no-repeat center top;
    }
    
    div#featureboxBody {
    	padding: 2px 0px 10px 6px;
    	background: url(../images/bg_feature_footer.gif) no-repeat center bottom;
		overflow:hidden;
    }

.floatbox {
	  float: left;
	  clear:both;
	  width: 225px;
	  height: 153px;
	  overflow:auto;
	  border:1px solid #CCC;
	}
	
	div#seminarbox {
    	background: url(../images/bg_seminar_wrap.gif) repeat-y center;
		width:451px;
    }
    
    
    div#seminarboxHeader {
    	padding: 8px 0 0 20px;
    	height: 30px;
    	font: 12px/16px Arial, Helvetica, sans-serif; 
    	font-weight: bold;
    	color: #333;
    	background: url(../images/bg_seminar_header.gif) no-repeat center top;
    }
    
    div#seminarboxBody {
    	padding: 5px 0px 10px 12px;
    	background: url(../images/bg_seminar_footer.gif) no-repeat center bottom;
    }
	

#center_banner{
	border:solid 0px #36F;
}

#center_banner img.bnr{
	margin: 0 0 0 2px;
}

	div#contentmain {
    	background: url(../images/bg_content_wrap.gif) repeat-y center;
		width:729px;
    }
    
    div#contentmainHeader {
    	padding: 5px;
    	height: 6px;
    	font: 12px/16px Arial, Helvetica, sans-serif; 
    	font-weight: bold;
    	color: #fff;
    	background: url(../images/bg_content_header.gif) no-repeat center top;
    }
    
    div#contentmainBody {
    	padding: 0px 18px 15px 18px;
    	background: url(../images/bg_content_footer.gif) no-repeat center bottom;
    }
	
	div#contentmainBody h2{
		padding:0 0 2px 0;
		margin: 0 0 8px 0;
		border-bottom:1px solid #EAEAEA;
		}
	
	div#contentbox {
    	padding:5px;
		margin:0;
		width:283px;
		border:solid 1px #CCCCCC; 
    }
	
	div#sidebox {

    	padding-top:2px;

		margin:0;

		width:238px;

		border:solid 0px #CCCCCC;

		background:#000000;

		color:#CCC;

    }

	

	div#liveprice {

    	background: #000;

		width:238px;

    }

    

    div#livepriceHeader {

    	padding: 5px;

    	height: 10px;

    	font: 11px Arial, Helvetica, sans-serif; 

    	font-weight: bold;

    	color: #fff;

    	background: url(../images/bg_liveprice_header.gif) no-repeat center top;

		text-align:center;

    }

    

    div#livepriceBody {

    	padding: 0px 0 4px 0;

		text-align:center;

    	background: url(../images/bg_liveprice_footer.gif) no-repeat center bottom;

    }

	

/*--------------------------

feature image

----------------------------*/

div.tutorialsItem {

	float: left;

	width: 110px;

	text-align: center !important;

}



div.tutorialsItem img {

	margin: 3px auto !important;

}



div.tutorialsItem a {

	font: 10px/10px Arial, Helvetica, sans-serif;

	color: #629da4;

	font-weight: bold;

	text-align: center !important:

}



div.tutorialsItem a:active,

div.tutorialsItem a:hover {

	color: #be4471;

}









/*--------------------------

tiga kolom

----------------------------*/



div.oneThird {

	display: inline;

	width: 30%;

	float: left;

	margin-left: 12px;

	background-color: #fff;

}

div.oneThird a {

font: 12px/16px Arial, Helvetica, sans-serif;

}



/*-------------------------------

kolom kiri

--------------------------------*/

div#kolomkiri {

	float: left;

	width: 705px;

	margin: 0 10px 0 0;

}



div#leftblock {

	float: left;

	width: 220px;

	margin: 0 8px 0 0;

	z-index:200;

}



div#boxkiri {

	margin-top: 0px;

	background: url(../images/bg-quicklinks.jpg) repeat-y center;

}



div#boxkiri ul {

	margin: 0px;

	padding-left:15px;

}



div#boxkiri ul li a{

	color:#C60;

}



div#boxkiri ul li a:hover{

	color:#666;

}



div#boxkiriHeader {

	padding: 9px 0 0 12px;

	height: 25px;

	font: 12px/16px Arial, Helvetica, sans-serif; 

	font-weight: bold;

	color: #383838;

	background: url(../images/bg-quicklinksheader.jpg) no-repeat center top;

}



div#boxkiriBody {

	padding: 6px 0 10px 0px;

	font: 12px/22px Arial, Helvetica, sans-serif; 

	background: url(../images/bg-quicklinksfooter.jpg) no-repeat center bottom;

}



div#boxkiriBody a {

	font: 12px/16px Arial, Helvetica, sans-serif !important; 

}



div#boxkiriBody p {

	margin: 0 10px 0 15px;

}



.clear5 {

   clear: both;

	 height:5px;

}



.clear10 {

   clear: both;

	 height:10px;

}



div#boxlogo {

	margin-top: 0px;

	border: 1px solid #c8c8c8;

	padding: 10px;

	text-align:center;

}





/*-------------------------------

kolom kanan

--------------------------------*/

div#kolomkanan {
    	float: left;
    	width: 245px;
    	margin: 0;
		font-size:11px;
		overflow:hidden;
		position:relative;
}



div#rightblock {

	float: left;

    	width: 729px;

    	margin: 0;

		font-size:12px;

		z-index:100;

	}



div#rightblockflat {

	float: left;

    	width: 698px;

    	margin: 0;

		font-size:12px;

		border: solid 1px #CCC;

		padding:15px;

	}

	

h2.pgtitle{

		padding:0 0 2px 0;

		margin: 0 0 8px 0;

		border-bottom:1px solid #EAEAEA;

	}

/*---------------------------

kolom home

------------------------------*/

#column1 {
		float: left;
			width: 240px;
			margin-right: 10px;
			overflow:hidden;
			border: solid 0px #CCCCCC;
			z-index:400;
}
	
#column2 {
		width: 451px;
		float: left;
		
		border: solid 0px #CCCCCC;
		z-index:500;
}

#subcolumnleft {
		float: left;
			width: 146px;
			height:120px;
			margin-right: 6px;
			overflow:hidden;
			border: solid 0px #CCCCCC;
			background: url(../images/bg_box_forex.jpg);
}

#subcolumnright {
		float: left;
			width: 146px;
			height:120px;
			overflow:hidden;
			border: solid 0px #CCCCCC;
			background: url(../images/bg_box_index.jpg);
}

#subcolumnleft .proindex, #subcolumnright .proindex{
	padding: 30px 10px 10px 10px;
	color:#000;
	font-size:11px;
}
/*

#subcolumnleft {
		float: left;
			width: 222px;
			height:120px;
			margin-right: 6px;
			overflow:hidden;
			border: solid 0px #CCCCCC;
			background: url(../images/bg_box_forex.jpg);
}

#subcolumnright {
		float: left;
			width: 222px;
			height:120px;
			overflow:hidden;
			border: solid 0px #CCCCCC;
			background: url(../images/bg_box_index.jpg);
}

#subcolumnleft .proindex, #subcolumnright .proindex{
	padding: 35px 20px 20px 20px;
	color:#000;
}
*/
/* Post Meta Date */
.post-meta h3 {
	padding: 0px 0;
	margin: 0px;
	
}

.post-meta h3 span.day {
	display: block;
	float: right;
	line-height: 26px;
	font-size: 30px;
	border-right: #CBCBCB 1px solid;
	padding-right: 5px;
	color: #8D8D8D;
}

.post-meta h3 span.month, .post-meta h3 span.year {

	color: #666666;

	width: 40px;

}



.post-meta h3 span.month {

	display: block;

	float: right;

	font-size: 14px;

	line-height: 14px;

	padding-left: 0px;

	text-align: center;

	text-transform: uppercase;

}



.post-meta h3 span.year {

	font-size: 12px;

	display: block;

}





/* --------------------

footer 

-----------------------*/

#footer {

	width: 984px;

	margin: 0 auto;

	height: 79px;

	background: url(../images/bg-footer.png) center top no-repeat;

}



#footer div {

	width: 984px;

	height: 94px;

	position: relative;

	z-index: 100;

}



.foo-nav {

	margin: 0;

	padding: 0;

	list-style: none;

	position: absolute;

	top: 16px;

	left: 20px;

}



.foo-nav li {

	float: left;

	/*background: url(../images/divider.gif) no-repeat right;*/

	line-height: 13px;

	padding: 0 8px;

}



.foo-nav li.last {

	background: none;

}



.foo-nav li a {

	color: #333;

	text-decoration: none;

}



.foo-nav li a:hover {

	text-decoration: underline;

}



p.copy {

	margin: 0;

	color: #666;

	position: absolute;

	top: 37px;

	left: 28px;

}



#footer .tel {

	margin: 0;

	padding: 0;

	list-style: none;

	position: absolute;

	top: 69px;

	left: 10px;

}



#footer .tel li {

	float: left;

	color: #fff;

	height: 25px;

	padding: 5px 0 0 0;

}



#footer .tel li a {

	color: #fff;

	text-decoration: none;

}



#footer .tel li a:hover {

	color: #C60;

}



#footer .tel li strong {

	margin: 0 0 0 10px;

}



#footer .tel li.second {

	padding-right: 10px;

	padding-left: 30px;

	background: url('../images/bg-footer-sep.gif') no-repeat top right;

}



/*--------------------------

vertical menu

------------------*/

#menu ul { 

	margin: 0; 

	padding: 0; 

	list-style: none;

	width: 217px; /* Width of Menu Items */ 

	border-bottom: 1px solid #ccc;

	font-size:12px;

} 



#menu ul li { 

	position: relative; 

} 



#menu li ul { 

	position: absolute; 

	left: 216px; /*Set 1px less than menu width */ 

	top: 0; 

	display: block; 

} 



#menu li:hover ul {

	display: block; 

} 



#menu li:hover>ul { 

	visibility:visible; 

} 



#menu ul ul {

	visibility:hidden; 

} 



/* Fix IE. Hide from IE Mac \*/ 

* html #menu ul li { float: left; height: 1%; } 

* html #menu ul li a { height: 1%; } 

/* End */ 



/* Make-up syles */ 



#menu ul, li { 

	margin: 0 0 0 0; 

} 



/* Styles for Menu Items */ 

#menu ul a { 

	display: block; 

	text-decoration: none; 

	color: #C60; 

	background: #fff; /* IE6 Bug */ 

	padding: 4px; 

	border: 1px solid #ccc; 

	border-bottom: 0; 

} 



/* Hover Styles */ 

#menu ul a:hover { 

	color: #666; 

	background: #f9f9f9; 

} 



/* Sub Menu Styles */ 

#menu li ul a { 

	text-decoration: none; 

	color: #C60; 

	background: #fff; /* IE6 Bug */ 

	padding: 4px; 

	border: 1px solid #ccc; 

	border-bottom: 0; 

} 



/* Sub Menu Hover Styles */ 

#menu li ul a:hover { 

	color: #666; 

	background: #f9f9f9; 

} 



/* Icon Styles */ 

#menu ul a.submenu {background:#fff url("../images/r_arrow.gif") no-repeat right; } 

#menu ul a.submenu:hover {background:#f9f9f9 url("../images/r_arrow.gif") no-repeat right;}





/*--------------------

list kiri

---------------------*/

.listmenukiri{padding:0;width:190px;

margin:0;

}

.listmenukiri li{padding:0;list-style:none;border-top:1px solid #CCC;}

.listmenukiri li.first{padding:0;list-style:none;border-top:0px;}

.listmenukiri li a{display:block;padding:6px 0px 6px 0px;font-size:1.1em;line-height:12px; text-decoration:none}



.listkirinormal li{

	padding:0;

	margin-left:10px;

}


table.paging td{
  padding:2px;
}

#mydata{
  width: 100%;
  padding:0px;
  margin:0px;
}

#mydata th {
	font: bold;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	text-align: left;
	padding: 3px 3px 3px 6px;
	background: #FCF1DA url(../images/table_header.jpg) no-repeat;
}

#mydata th.awal, td.awal {
	border-left: 1px solid #dddddd;
}

#mydata td.akhir {
	border-right: 1px solid #dddddd;
}

#mydata td {
	border-right: 0px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	padding: 3px 3px 3px 6px;
}

/*---------- home icon --------*/

#homeIcons {
	margin-bottom:0px;
	z-index:1000;
}

#homeIcons .icon {
	position:relative;
	float:left;
	margin-right:3px;
	margin-left:2px;
}

#homeIcons .icon h2 {
	position:absolute;
	width:100px;
	left:25px;
	top:90px;
	z-index:1500;
	text-align:center;
	font-size:12px;
}

#homeIcons .hover {
	width:150px;
	height:140px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:5000;
	padding:10px;
	opacity:0;
	display:none;
}


#homeIcons .hover a {
	color:#FFFFFF;
	text-decoration:none;
} 

#homeIcons .hover h3 {
	font-size:20px;
	line-height:24px;
	margin-bottom:10px;
	color:#FFFFFF;
}

#homeIcons .hover strong {
	display:block;
	margin-top:10px;
}

#homeIcons #fx {
	color:#FFFFFF;
}

#homeIcons #fx .hover {
	background:#fc9d20;
}

#homeIcons #idx {
	color:#FFFFFF;
}

#homeIcons #idx .hover {
	background:#d55703;
}

#homeIcons #cmd {
	color:#FFFFFF;
}

#homeIcons #cmd .hover {
	background:#d53403;
}

/*** latest news ***/

#highlightReel {
	margin:0px;
	line-height:20px;
	padding-top:0px;
	padding-bottom:25px;
}

#highlightReel #newsReel {
	margin:0px;
	float:left;
	width:410px;
	/*position:relative;*/
	background:#edecec;
}

#highlightReel #newsReel h3 {
	margin:0;
	padding-bottom:5px;
	font-size:12px;
	color:#900;
}

#highlightReel #newsReel div {
	/*position:absolute;*/
	width:410px;
	line-height:14px;
	padding: 0 10px 10px 10px;
}



#highlightReel #newsNavigation {
	float:right;
	width:135px;
	border:solid 0px #03C;
}

#highlightReel #newsNavigation a {
	background:#bec2ba;
	border:1px solid #9f9f9f;
	display:block;
	float:left;
	width:20px;
	height:20px;
	text-align:center;
	line-height:20px;
	margin-right:3px;
	color:#FFFFFF;
	text-decoration:none;
}

#highlightReel #newsNavigation a.activeSlide {
	background:#e86f11;
}

#highlightReel #newsFeed {
	margin:0px;
	float:left;
	width:410px;
	min-height:160px;
	background:#edecec;
}

#highlightReel #newsFeed h3 {
	margin:0;
	padding-bottom:5px;
	font-size:12px;
	color:#900;
}

#highlightReel #newsFeed div {
	width:410px;
	line-height:14px;
	padding: 0 10px 10px 10px;
}

.rssdate{
	color:#A8A8A8;
	}
 

/*** set the width and height to match your images **/
#slideshow{
   height:255px;
	/* background:url(../images/bg_banner.jpg) top left no-repeat;*/
	 position:relative;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

#slideshow2 {
    position:relative;
	height:232px;
    width:705px;
}

#slideshow2 DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 232px;
    background-color: #FFF;
}

#slideshow2 DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow2 DIV.last-active {
    z-index:9;
}

#slideshow2 DIV IMG {
    height: 232px;
    display: block;
    border: 0;
    margin: 0px;
}