/* Styles for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn */
div#hold	{
	position:relative;
	overflow:hidden;
	width:719px;
	height:93px;
	z-index:100;
	text-align: center;
	}
div#wn	{
	position:absolute;
	left:0px;
	top:0px;
	width:719px;
	height:93px;
	clip:rect(0px, 719px, 93px, 0px);
	overflow:hidden;
	z-index:1;
	}
div#lyr1	{ 
	position:absolute; visibility:hidden; 
	left:0px; top:0px; 
	z-index:0; 
	height:93px;
	}  
  
/* table containing images. adjust according to your images' sizes and numbers */
table#t1 { width:1px ; padding-top:0px ; height:1px ; background-color:Green ; visibility:hidden }
table#t1 td { width:2px; vertical-align:top ; text-align:center ; height:1px ; background-color:Fuchsia ; visibility:hidden  }  

/* Styles for demo, not necessary for scrolling layers */  
body { overflow:hidden; text-align:center; }
body, td { font: verdana, arial, helvetica, sans-serif; }
h1 { 
  font-size:1.4em; 
  margin:1.5em 0 2em 0; 
  }
a:link { color:#33c }	
a:visited { color:#339 }	
a img { border:none }

table.main { 
  width:300px; margin:auto;
  background-color:#eee; border:1px dashed #666 
  }
td.arrows a { padding:0 0em }
td.spacer { width:38px }
td.footer { text-align:center; margin:.8em 0 .6em }