/*
  Styles for the new "tool-tip" hovering text
*/
/* This is where you can customize the appearance of the tooltip */
div#tipDiv {
  position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
  background-color:#f4e790; border:1px solid #304387; 
  width:250px; padding:4px; line-height:1.2;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  color: #304387;
  text-decoration: none;
}


/* Styles for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn */
div#hold	{ 
	position:relative;
	min-width:400px; min-height:100px; z-index:100;
	}
	
div#wn	{ 
	position:static; 
	left:0px; top:0px; 
	min-width:400px; min-height:100px; 	
	z-index:1; 
	}
div#lyr1	{ 
	position:static;
	left:0px; top:0px; 
	z-index:1; 
	}
  
/* 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 }  */

/* Styles for demo, not necessary for scrolling layers */  
/*body { overflow:hidden; 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:300px; margin:auto;
  background-color:#eee; border:1px dashed #666 
  }
td.arrows a { padding:0 1em }
td.spacer { width:38px }
td.footer { text-align:center; margin:.8em 0 .6em }  */