/*Divs to hold the smaller boxes */
div#smallBoxesContain{
	width: 519px; 
}

div#leftSmallBoxes{
	width: 250px;
	float: left;
	padding: 0px 0px;
}

div#rightSmallBoxes{
	width: 250px;
	float: right;
	padding: 0px 0px;	
}

/* hold div contains both scrolling content area and links in this example */
div#hold	{  
	position:relative; 
	left:5px;
	top:5px;
	width:495px; 
	height:108px; 
	padding: 0px 0px;
	margin: 0px 0px;
	z-index:100; 
	border: solid 3px #87714c;
}
	
div#wn{ 
	position:absolute; 
	width:495px;
	height:108px; 
	clip: rect(0px 495px 108px 0px); 
	overflow: hidden;	
	z-index:1;
	padding: 0px 5px;
	margin: 0px 0px;
}
div.contentScroll { 
	position:relative;
	visibility: hidden;
	z-index:2;
}
  
table#imgTbl{
	width:500px;
	background-color: #FFF;
	background-image: url(../images/scroll_back.gif);
	background-repeat:repeat-y;
	background-position: top right;
	padding: 0px 0px;
	margin: 0px 0px;
}
table#imgTbl td{
	width: 500px; 
	height: 108px; 
	vertical-align: middle; 
	text-align: left;
	padding: 0px 0px;
	margin: 0px 0px;
}

/* vertical scrollbar */
div#scrollbar1 { 
  position:relative;
  top: 10px;
  float: right;
  width:11px;
  height:88px; 
  font-size:1px;
  z-index:2;
}

div#track1 { 
	position: relative; 
	width: 11px;
	height: 50px;
	margin-top: 14px;
	background: url("/images/nav/track.gif") #ababab repeat;
	z-index: 1;
}
div#dragBar1 {
	position: absolute; 
	left: 1px;
	top: 1px;
	width: 9px; 
	height: 20px;
	background-color: #87714c;
	z-index: 1;
}  
.up{
	position:absolute; 
	left: 0px; 
	top: 0px; 
	z-index:2;
}  
.down{
	position:absolute;
	left: 0px;
	bottom: 0px;
	z-index:0;
}


/* Smaller Scroll Box2 CSS Code */
div#hold2	{  
	position:relative; 
	left:5px;
	top:5px;
	width:225px; 
	height:108px; 
	padding: 0px 0px;
	margin: 0px 0px;
	z-index:100; 
	border: solid 3px #87714c;
}
	
div#wn2{ 
	position:absolute; 
	width:230px;
	height:108px; 
	clip: rect(0px 225px 108px 0px); 
	overflow:hidden;	
	z-index:1;
	padding: 0px 5px;
	margin: 0px 0px;
}
  
table#imgTbl2{
	width:230px;
	background-color: #FFF;
	background-image: url(../images/scroll_back.gif);
	background-repeat:repeat-y;
	background-position: top right;
	padding: 0px 0px;
	margin: 0px 0px;
}
table#imgTbl2 td{
	width:260px; 
	height:108px; 
	vertical-align:middle; 
	text-align:left;
	padding: 0px 0px;
	margin: 0px 0px;
}

/* vertical scrollbar */
div#scrollbar2 { 
	position:relative;
	top: 10px;
	float: right;
	width:11px;
	height:88px; 
	font-size:1px;
	z-index:2;
}

div#track2 { 
	position:relative; 
	width: 11px;
	height: 50px;
	background: url("/images/nav/track.gif") #ababab repeat;
	margin-top: 14px;
	z-index:1;
}
div#dragBar2 {
  position:absolute; 
  left:1px;
  top:1px;
  width:9px; 
  height:20px;
  background-color:#87714c;
  z-index:1;
}  

/* Smaller Scroll Box3 CSS Code */
div#hold3	{  
	position:relative; 
	left:5px;
	top:5px;
	width:225px; 
	height:108px; 
	padding: 0px 0px;
	margin: 0px 0px;
	z-index:100; 
	border: solid 3px #87714c;
}
	
div#wn3{ 
	position:absolute; 
	width:225px;
	height:108px; 
	clip: rect(0px 225px 108px 0px); 
	overflow:hidden;	
	z-index:1;
	padding: 0px 5px;
	margin: 0px 0px;
}
  
table#imgTbl3{
	width:230px;
	background-color: #FFF;
	background-image: url(../images/scroll_back.gif);
	background-repeat:repeat-y;
	background-position: top right;
	padding: 0px 0px;
	margin: 0px 0px;
}
table#imgTbl3 td{
	width:225px; 
	height:108px; 
	vertical-align:middle; 
	text-align:left;
	padding: 0px 0px;
	margin: 0px 0px;
}

/* vertical scrollbar */
div#scrollbar3 { 
  position:relative;
  top: 10px;
  float: right;
  width:11px;
  height:88px; 
  font-size:1px;
  z-index:2;
}

div#track3 { 
  position:relative; 
  width:11px;
  height:50px;
  background: url("/images/nav/track.gif") #ababab repeat;
  margin-top: 14px;
  z-index:1;
}
div#dragBar3 {
  position:absolute; 
  left:1px;
  top:1px;
  width:9px; 
  height:20px;
  background-color:#87714c;
  z-index:1;
}  


/* Smaller Scroll Box4 CSS Code */
div#hold4	{  
	position:relative; 
	left:5px;
	top:5px;
	width:225px; 
	height:108px; 
	padding: 0px 0px;
	margin: 0px 0px;
	z-index:100; 
	border: solid 3px #87714c;
}
	
div#wn4{ 
	position:absolute; 
	width:230px;
	height:108px; 
	clip: rect(0px 225px 108px 0px); 
	overflow:hidden;	
	z-index:1;
	padding: 0px 5px;
	margin: 0px 0px;
}
  
table#imgTbl4{
	width:230px;
	background-color: #FFF;
	background-image: url(../images/scroll_back.gif);
	background-repeat:repeat-y;
	background-position: top right;
	padding: 0px 0px;
	margin: 0px 0px;
}
table#imgTbl4 td{
	width:260px; 
	height:108px; 
	vertical-align:middle; 
	text-align:left;
	padding: 0px 0px;
	margin: 0px 0px;
}

/* vertical scrollbar */
div#scrollbar4 { 
	position:relative;
	top: 10px;
	float: right;
	width:11px;
	height:88px; 
	font-size:1px;
	z-index:2;
}

div#track4 { 
	position:relative; 
	width: 11px;
	height: 50px;
	background: url("/images/nav/track.gif") #ababab repeat;
	margin-top: 14px;
	z-index:1;
}
div#dragBar4 {
  position:absolute; 
  left:1px;
  top:1px;
  width:9px; 
  height:20px;
  background-color:#87714c;
  z-index:1;
}  


/*Start of Scrolling Boxes 5*/
div#hold5	{  
	position:relative; 
	left:5px;
	top:5px;
	width:225px; 
	height:108px; 
	padding: 0px 0px;
	margin: 0px 0px;
	z-index:100; 
	border: solid 3px #87714c;
}
	
div#wn5{ 
	position:absolute; 
	width:230px;
	height:108px; 
	clip: rect(0px 225px 108px 0px); 
	overflow:hidden;	
	z-index:1;
	padding: 0px 5px;
	margin: 0px 0px;
}
  
table#imgTbl5{
	width:230px;
	background-color: #FFF;
	background-image: url(../images/scroll_back.gif);
	background-repeat:repeat-y;
	background-position: top right;
	padding: 0px 0px;
	margin: 0px 0px;
}
table#imgTbl5 td{
	width:260px; 
	height:108px; 
	vertical-align:middle; 
	text-align:left;
	padding: 0px 0px;
	margin: 0px 0px;
}

/* vertical scrollbar */
div#scrollbar5{ 
	position:relative;
	top: 10px;
	float: right;
	width:11px;
	height:88px; 
	font-size:1px;
	z-index:2;
}

div#track5{ 
	position:relative; 
	width: 11px;
	height: 50px;
	background: url("/images/nav/track.gif") #ababab repeat;
	margin-top: 14px;
	z-index:1;
}
div#dragBar5 {
  position:absolute; 
  left:1px;
  top:1px;
  width:9px; 
  height:20px;
  background-color:#87714c;
  z-index:1;
}

/*Start of Scrolling Boxes 6*/
div#hold6{  
	position:relative; 
	left:5px;
	top:5px;
	width:225px; 
	height:108px; 
	padding: 0px 0px;
	margin: 0px 0px;
	z-index:100; 
	border: solid 3px #87714c;
}
	
div#wn6{ 
	position:absolute; 
	width:230px;
	height:108px; 
	clip: rect(0px 225px 108px 0px); 
	overflow:hidden;	
	z-index:1;
	padding: 0px 5px;
	margin: 0px 0px;
}
  
table#imgTbl6{
	width:230px;
	background-color: #FFF;
	background-image: url(../images/scroll_back.gif);
	background-repeat:repeat-y;
	background-position: top right;
	padding: 0px 0px;
	margin: 0px 0px;
}
table#imgTbl6 td{
	width:260px; 
	height:108px; 
	vertical-align:middle; 
	text-align:left;
	padding: 0px 0px;
	margin: 0px 0px;
}

/* vertical scrollbar */
div#scrollbar6 { 
	position:relative;
	top: 10px;
	float: right;
	width:11px;
	height:88px; 
	font-size:1px;
	z-index:2;
}

div#track6 { 
	position:relative; 
	width: 11px;
	height: 50px;
	background: url("/images/nav/track.gif") #ababab repeat;
	margin-top: 14px;
	z-index:1;
}
div#dragBar6 {
  position:absolute; 
  left:1px;
  top:1px;
  width:9px; 
  height:20px;
  background-color:#87714c;
  z-index:1;
}

/*Start of Scrolling Boxes 7*/
div#hold7	{  
	position:relative; 
	left:5px;
	top:5px;
	width:225px; 
	height:108px; 
	padding: 0px 0px;
	margin: 0px 0px;
	z-index:100; 
	border: solid 3px #87714c;
}
	
div#wn7{ 
	position:absolute; 
	width:230px;
	height:108px; 
	clip: rect(0px 225px 108px 0px); 
	overflow:hidden;	
	z-index:1;
	padding: 0px 5px;
	margin: 0px 0px;
}
  
table#imgTbl7{
	width:230px;
	background-color: #FFF;
	background-image: url(../images/scroll_back.gif);
	background-repeat:repeat-y;
	background-position: top right;
	padding: 0px 0px;
	margin: 0px 0px;
}
table#imgTbl7 td{
	width:260px; 
	height:108px; 
	vertical-align:middle; 
	text-align:left;
	padding: 0px 0px;
	margin: 0px 0px;
}

/* vertical scrollbar */
div#scrollbar7{ 
	position:relative;
	top: 10px;
	float: right;
	width:11px;
	height:88px; 
	font-size:1px;
	z-index:2;
}

div#track7{ 
	position:relative; 
	width: 11px;
	height: 50px;
	background: url("/images/nav/track.gif") #ababab repeat;
	margin-top: 14px;
	z-index:1;
}
div#dragBar7 {
  position:absolute; 
  left:1px;
  top:1px;
  width:9px; 
  height:20px;
  background-color:#87714c;
  z-index:1;
}

/*Start of Scrolling Boxes 8*/
div#hold8{  
	position:relative; 
	left:5px;
	top:5px;
	width:225px; 
	height:108px; 
	padding: 0px 0px;
	margin: 0px 0px;
	z-index:100; 
	border: solid 3px #87714c;
}
	
div#wn8{ 
	position:absolute; 
	width:230px;
	height:108px; 
	clip: rect(0px 225px 108px 0px); 
	overflow:hidden;	
	z-index:1;
	padding: 0px 5px;
	margin: 0px 0px;
}
  
table#imgTbl8{
	width:230px;
	background-color: #FFF;
	background-image: url(../images/scroll_back.gif);
	background-repeat:repeat-y;
	background-position: top right;
	padding: 0px 0px;
	margin: 0px 0px;
}
table#imgTbl8 td{
	width:260px; 
	height:108px; 
	vertical-align:middle; 
	text-align:left;
	padding: 0px 0px;
	margin: 0px 0px;
}

/* vertical scrollbar */
div#scrollbar8{ 
	position:relative;
	top: 10px;
	float: right;
	width:11px;
	height:88px; 
	font-size:1px;
	z-index:2;
}

div#track8{ 
	position:relative; 
	width: 11px;
	height: 50px;
	background: url("/images/nav/track.gif") #ababab repeat;
	margin-top: 14px;
	z-index:1;
}
div#dragBar8 {
  position:absolute; 
  left:1px;
  top:1px;
  width:9px; 
  height:20px;
  background-color:#87714c;
  z-index:1;
}

/*Start of Scrolling Boxes 9*/
div#hold9{  
	position:relative; 
	left:5px;
	top:5px;
	width:225px; 
	height:108px; 
	padding: 0px 0px;
	margin: 0px 0px;
	z-index:100; 
	border: solid 3px #87714c;
}
	
div#wn9{ 
	position:absolute; 
	width:230px;
	height:108px; 
	clip: rect(0px 225px 108px 0px); 
	overflow:hidden;	
	z-index:1;
	padding: 0px 5px;
	margin: 0px 0px;
}
  
table#imgTbl9{
	width:230px;
	background-color: #FFF;
	background-image: url(../images/scroll_back.gif);
	background-repeat:repeat-y;
	background-position: top right;
	padding: 0px 0px;
	margin: 0px 0px;
}
table#imgTbl9 td{
	width:260px; 
	height:108px; 
	vertical-align:middle; 
	text-align:left;
	padding: 0px 0px;
	margin: 0px 0px;
}

/* vertical scrollbar */
div#scrollbar9{ 
	position:relative;
	top: 10px;
	float: right;
	width:11px;
	height:88px; 
	font-size:1px;
	z-index:2;
}

div#track9{ 
	position:relative; 
	width: 11px;
	height: 50px;
	background: url("/images/nav/track.gif") #ababab repeat;
	margin-top: 14px;
	z-index:1;
}
div#dragBar9 {
  position:absolute; 
  left:1px;
  top:1px;
  width:9px; 
  height:20px;
  background-color:#87714c;
  z-index:1;
}