/* hold div contains both scrolling content areas in this example */
div#hold { 
  position:relative; overflow:hidden;
	width:440px; height:275px; z-index:1
	}
div#wn1	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:382px; height:220px; 
	clip:rect(0px, 376px, 220px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}
div.content	{
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
	width: 376px;
	height: 800px;
	}

div#controls { 
  position:absolute; left:430px; top:190px;
  width:12px; height:40px; z-index:4;
  }
 
div#up { position:absolute; left:0px; top:76px; z-index:1; }  
div#down {
	position:absolute;
	left:0px;
	bottom:-2;
	z-index:1;
	top: 89px;
}  





/* hold div contains both scrolling content areas in this example */
div#hold2 { 
  position:relative; overflow:hidden;
	left:0px; top:0px; width:440px; height:275px; z-index:1
	}
div#wn3	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:409px; height:275px; 
	clip:rect(0px, 0px, 0px, 0px); 
	overflow:hidden;	
	z-index:2; 
	}
div.content2	{
	position:absolute;
	left:406px;
	top:155px;
	z-index:2;
	width: 390px;
	height: 275px;
	}

div#controls2 { 
  position:absolute; left:430px; top:190px;
  width:12px; height:20px; z-index:1;
  }
  
div#controls2-new { 
  position:absolute; left:400px; top:193px;
  width:12px; height:20px; z-index:1;
  }
  
div#up2 { position:absolute; left:-5px; top:55px; z-index:1;}  
div#down2 {
	position:absolute;
	left:-5px;
	bottom:0;
	z-index:1;
	top: 68px;
}  
  
.headerred {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: none;
}
.bodycopy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
a:hover.headerred {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
.headerCopy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
.copyred {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC0000;
	text-decoration: none;
}
a:hover.copyred {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}
.header2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
 a:hover.header2{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	color: #CC0000 ; 
	text-decoration: none
	}
.copylight {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}
.gray {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
}
a:hover.gray {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
.copyredio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CC0000;
	text-decoration: none;
}
.mainnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
a:hover.mainnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: none;
}
.grayCopy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
}