/* for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn */


body.test {
background: #cad4e5;
}



td {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #214992;
	line-height: 13px;
	padding-left: 7px;
	width: 138px ;
	font-weight: bold;

}

A {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #214992;
	text-decoration: none;
	font-weight: normal;

}

A:hover {
	color: #f59399;
}



	 
	 
div#hold	{ 
	position:relative;
	overflow:hidden;
	width:307px;
	height:125px;
	z-index:100; 
	background: white;
	border-width: 1px;
	border-style:solid;
	border-color: #5260a8;
	}
	
div#wn	{ 
	position:absolute; 
	left:0px;
	top:0px; 
	width:307px;
	height:125px; 
	clip:rect(0px, 307px, 125px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}
	
div#lyr1 { 
	position:absolute; 
	left:0px; top:0px; 
	z-index:1; 
    background: #DAE4EE;
	}
	
	
div#hold2	{ 
	position:relative;
	overflow:hidden;
	width:307px;
	height:125px;
	z-index:100; 
	background: white;
	border-width: 1px;
	border-style:solid;
	border-color: #5260a8;
	}
	
div#wn2	{ 
	position:absolute; 
	left:0px;
	top:0px; 
	width:307px;
	height:125px; 
	clip:rect(0px, 307px, 125px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}
	
div#lyr2 { 
	position:absolute; 
	left:0px; top:0px; 
	z-index:1;
	background: #DAE4EE;
	}



/* Styles for demo, not necessary for scrolling layers 
body  { overflow:hidden; text-align:center }
body, td  { font: 12px/1.3 verdana, arial, helvetica, sans-serif; }  
th	{ font-size:16px; text-align:left }	
a:link { color:#33c }	
a:visited { color:#339 }	
a img { border:none }
p { margin: 0 0 .4em 0 }

table#imgTbl { background-color:#fff; width:132px }
table#imgTbl td { height:140px; vertical-align:middle; text-align:center }

table.main { 
  background-color:#eee;
  width:400px; margin:auto;
  border:1px solid #999; 
  }
table.main td.text { vertical-align:top; text-align:left }
table.scrollLinks td.spacer { height:86px }

 */