
/* hold div contains both scrolling content area and links in this example */
div#hold	{ 
	position:relative; overflow:hidden;
	width:723px; height:138px; z-index:0;margin:0px; /* 100 */
	}
div#wn	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:225px; height:130px; 
	clip:rect(0px, 1225px, 138px, 0px); 
	overflow:hidden;	
	z-index:0; /* 1 */
	margin:0px;
	}
div.content { 
	position:absolute; visibility:hidden; 
	left:0px; top:0px; 
	margin:0px;
	z-index:0; /* 2 */
	}
  
div#loading { visibility:visible; z-index:0 }/* 1 */
div#linksLyr { position:absolute; left:210px; top:0; z-index:0 }/* 3 */ 
table#imgTbl { width:723px }
table#imgTbl td { width:723px; height:138px; vertical-align:top; text-align:center }

/* Styles for demo, not necessary for scrolling layers */  
body { overflow:hidden }
body, td { font: 11px verdana, arial, helvetica, sans-serif }
h1 { font-size:1.3em }	
a:link { color:#7f7d7e }	
a:visited { color:#7f7d7e }	



/* classes for the about text scroll */ 
div#hold_about	{ 
	position:relative; overflow:hidden;
	width:470px; height:227px; 
	z-index :100; 
	}
div#wn_about	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:460px; height:227px; 
	clip:rect(0px, 460px, 227px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}
div.content_about { 
	position:absolute; visibility:hidden;
	left:0px; top:0px; 
	z-index:1; 
	}

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar_about {
	position:relative;
	left:0;
	top:0;
	width:11px;
	height:230px;
	font-size:1px;
	z-index:1;
  }
div#track_about {
	position:absolute;
	left:0;
	top:12px;
	width:11px;
	height:205px;
	z-index:1;
	background-color: #4c4a4b;
  }
div#dragBar_about {
	position:absolute;
	left:1px;
	top:1px;
	width:9px;
	height:156px;
	background-color:#555555;
	z-index:1;
  }  
div#up_about { position:absolute; left:0; top:0; z-index:2 }  
div#down_about { position:absolute; left:0; bottom:0; z-index:3 }  



/* classes for the about text scroll */ 
div#hold_about2	{ 
	position:relative; overflow:hidden;
	width:470px; height:287px; 
	z-index :100; 
	}
div#wn_about2	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:460px; height:287px; 
	clip:rect(0px, 460px, 287px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}
div.content_about2 { 
	position:absolute; visibility:hidden;
	left:0px; top:0px; 
	z-index:1; 
	}


/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar_about2 {
	position:relative;
	left:0;
	top:0;
	width:11px;
	height:299px;
	font-size:1px;
	z-index:1;
  }
div#track_about2 {
	position:absolute;
	left:0;
	top:12px;
	width:11px;
	height:274px;
	z-index:1;
	background-color: #4c4a4b;
  }
div#dragBar_about2 {
	position:absolute;
	left:1px;
	top:1px;
	width:9px;
	height:200px;
	background-color:#555555;
	z-index:1;
  }  
  
  
  /* classes for the about text scroll * Search page*/ 

div#hold_about3	{ 
	position:relative; overflow:hidden;
	width:744px; height:287px; 
	z-index :100; 
	}
div#wn_about3	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:700px; height:287px; 
	clip:rect(0px, 700px, 287px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}
div.content_about3 { 
	position:absolute; visibility:hidden;
	left:0px; top:0px; 
	z-index:1; 
	}


/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar_about3 {
	position:relative;
	left:0;
	top:0;
	width:11px;
	height:299px;
	font-size:1px;
	z-index:1;
  }
div#track_about3 {
	position:absolute;
	left:0;
	top:12px;
	width:11px;
	height:274px;
	z-index:1;
	background-color: #4c4a4b;
  }
div#dragBar_about3 {
	position:absolute;
	left:1px;
	top:1px;
	width:9px;
	height:200px;
	background-color:#555555;
	z-index:1;
  }  