body, td  { font: 14px verdana, arial, helvetica, sans-serif }

th	{ font-size:1.3em; text-align:left; }	

td { vertical-align:top }

td a:link, td a:visited { color:black; decoration:underline }	
td a.kscroll:link, td a.kscroll:visited { color:black; decoration:none }	

td#scroller1 { width:250px; height:375px }

td#scroller2 { width:250px; height:75px }



/* holder div contains scroller. set height and width */

#holder1 { position:relative; width:250px; height:375px;  }

#holder2 { position:relative; width:250px; height:75px;  }



div#wn1 { 

  position:absolute; 

  width:251px; height:375px; z-index:1000;

  clip:rect(0, 250px, 375px, 0); overflow:hidden;

  }

div#cnt1 { position:absolute; z-index:1 }

/* remove gaps for mozilla, etc 

   see http://devedge.netscape.com/viewsource/2002/img-table/ */

div#cnt1 td img { display:block }



div#wn2 { 

  position:absolute; 

  width:150px; height:75px; z-index:1000;

  clip:rect(0, 150px, 75px, 0); overflow:hidden;

  }

div#cnt2 { position:absolute; z-index:1 }

div#cnt2 div.item {

  width:150px; height:75px; 

  font-size:12px; color:#336;

  padding-right:6px; padding-left:6px

  }

/* box-model hack needed because padding added to div.item */

*html div#cnt2 div.item {

  width:138px;

  w\idth:150px

}