/* Styles for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn */
div#hold	{
	position:relative;
	overflow:hidden;
	width:760px;
	height:190px;
	z-index:100;
	border: none;
	left: 0px;
	top: 0px;
	visibility: visible;
	}
div#wn	{
	position:relative;
	width:760px;
	height:190px;
	clip:rect(0px 760px 180px 0px);
	overflow:hidden;
	z-index:1;
	border: none;
	visibility: visible;
	}
div#lyr1	{
	position:relative;
	z-index:1;
	left: 315px;
	top: -4px;
	visibility: visible;
	}
  
/* table containing images. adjust according to your images' sizes and numbers */
table#t1 { width:1800px }
table#t1 td {
	width:200px;
	vertical-align:middle;
	text-align:center;
	height: 20px;
}  
table#t1 td a {
	width:200px;
	text-decoration: none;
}  
table#t1 td a:hover {
	width:200px;
	text-decoration: underline;
}  


/* Styles for demo, not necessary for scrolling layers */  
body { overflow:auto; text-align:center; }
body, td { font: 12px 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:500px; margin:auto; border:none  }
td.arrows a { padding:0 1em }
td.spacer { width:38px }
td.footer { text-align:center; margin:.8em 0 .6em }