/* Styles for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn */
div#hold	{ 
	position:relative; overflow:hidden;
	width:840px; height:150px; z-index:100
	}
div#wn	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:840px; height:150px; 
	clip:rect(0px, 840px, 150px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}
div#lyr1	{ 
	position:absolute; 
/*	visibility:hidden; */
	left:0px; top:0px; 
	z-index:1; 
	}

/** photogallery slide **/	
div#hold3	{ 
	position:relative; overflow:hidden;
	width:840px; height:150px; z-index:100
	}

/** end photogallery slide **/	


div#scrollbar1 { 
  position:relative; left:0; top:0;
  width:11px; height:125px; 
  font-size:1px; z-index:1;
  }
div#scrollbar2 { 
  position:relative; left:0; top:0;
  width:11px; height:125px; 
  font-size:1px; z-index:1;
  }
div#scrollbar3 { 
  position:relative; left:0; top:0;
  width:11px; height:125px; 
  font-size:1px; z-index:1;
  }
div#scrollbar4 { 
  position:relative; left:0; top:0;
  width:11px; height:125px; 
  font-size:1px; z-index:1;
  }

div.content1 { 
	position:absolute; visibility:hidden;
	left:0px; top:0px; 
	z-index:1; 
	}
div.content2 { 
	position:absolute; visibility:hidden;
	left:0px; top:0px; 
	z-index:1; 
	}
div.content3 { 
	position:absolute; visibility:hidden;
	left:0px; top:0px; 
	z-index:1; 
	}
div.content4 { 
	position:absolute; visibility:hidden;
	left:0px; top:0px; 
	z-index:1; 
	}


td#scrollLinks  { width:12px }

/* table containing images. adjust according to your images' sizes and numbers */