/****************Logos 1***************/
div#hold {
	position:absolute;
	width:548px;
	height:55px;
	z-index:1000;
	top:10px;
	left: 263px;
	background-image: url(../images/logoFrame.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	overflow:hidden;
  }
div#wn {
	position:absolute;
	left:5px;
	top:0;
	width:548px;
	height:55px;
	z-index:1;
	clip:rect(0,548px,55px,0);
	overflow:hidden;
  }
div#cnt {
	position:absolute;
	z-index:1;
}

/* width of table = number of items * scroller width 
   Setting width on table and width and height on table cell needed
   for this example because images vary in size and don't fill scroller space
*/
table#imgTbl { width:2192px; }
table#imgTbl td {
  width:548px; 
  height:55px; 
  vertical-align:middle;
}


/****************Cover 1***************/
div#hold1 {
	position:relative;
	width:200px;
	height:227px;
	z-index:1000;
	
}
div#wn1 {
	position:absolute;
	left:0px;
	top:0;
	width:200px;
	height:227px;
	z-index:1;
	clip:rect(0,200px,227px,0);
	overflow:hidden;
  }
div#cnt1 {
	position:absolute;
	z-index:1;
	font-size: 11px;
}

/* width of table = number of items * scroller width 
   Setting width on table and width and height on table cell needed
   for this example because images vary in size and don't fill scroller space
*/
table#imgTbl1 td {
	width:200px;
	height:227px;
	
}

/*div#cnt1 td img { display:block }*/


/****************Cover 2***************/
div#hold2 {
	position:relative;
	width:200px;
	height:227px;
	z-index:1000;
	
}
div#wn2 {
	position:absolute;
	left:0px;
	top:0;
	width:200px;
	height:227px;
	z-index:1;
	clip:rect(0,200px,227px,0);
	overflow:hidden;
  }
div#cnt2 {
	position:absolute;
	z-index:1;
	font-size: 11px;
}

/* width of table = number of items * scroller width 
   Setting width on table and width and height on table cell needed
   for this example because images vary in size and don't fill scroller space
*/
table#imgTbl2 td {
	width:200px;
	height:227px;

	
}
/*div#cnt2 td img { display:block }*/

/****************Cover 3***************/
div#hold3 {
	position:relative;
	width:200px;
	height:227px;
	z-index:1000;
	
}
div#wn3 {
	position:absolute;
	left:0px;
	top:0;
	width:200px;
	height:227px;
	z-index:1;
	clip:rect(0,200px,227px,0);
	overflow:hidden;
  }
div#cnt3 {
	position:absolute;
	z-index:1;
	font-size: 11px;
}

/* width of table = number of items * scroller width 
   Setting width on table and width and height on table cell needed
   for this example because images vary in size and don't fill scroller space
*/
table#imgTbl3 td {
	width:200px;
	height:227px;

	
}
/*div#cnt3 td img { display:block }*/


/****************Cover 4***************/
div#hold4 {
	position:relative;
	width:200px;
	height:227px;
	z-index:1000;
	
}
div#wn4 {
	position:absolute;
	left:0px;
	top:0;
	width:200px;
	height:227px;
	z-index:1;
	clip:rect(0,200px,227px,0);
	overflow:hidden;
  }
div#cnt4 {
	position:absolute;
	z-index:1;
	font-size: 11px;
}

/* width of table = number of items * scroller width 
   Setting width on table and width and height on table cell needed
   for this example because images vary in size and don't fill scroller space
*/
table#imgTbl4 td {
	width:200px;
	height:227px;

	
}
/*div#cnt4 td img { display:block }*/


/****************Cover 5***************/
div#hold5 {
	position:relative;
	width:200px;
	height:227px;
	z-index:1000;
	
}
div#wn5 {
	position:absolute;
	left:0px;
	top:0;
	width:200px;
	height:227px;
	z-index:1;
	clip:rect(0,200px,227px,0);
	overflow:hidden;
  }
div#cnt5 {
	position:absolute;
	z-index:1;
	font-size: 11px;
}

/* width of table = number of items * scroller width 
   Setting width on table and width and height on table cell needed
   for this example because images vary in size and don't fill scroller space
*/
table#imgTbl5 td {
	width:200px;
	height:227px;

	
}
/*div#cnt5 td img { display:block }*/



/****************Cover 6***************/
div#hold6 {
	position:relative;
	width:200px;
	height:227px;
	z-index:1000;
	
}
div#wn6 {
	position:absolute;
	left:0px;
	top:0;
	width:200px;
	height:227px;
	z-index:1;
	clip:rect(0,200px,227px,0);
	overflow:hidden;
  }
div#cnt6 {
	position:absolute;
	z-index:1;
	font-size: 11px;
}

/* width of table = number of items * scroller width 
   Setting width on table and width and height on table cell needed
   for this example because images vary in size and don't fill scroller space
*/
table#imgTbl6 td {
	width:200px;
	height:227px;

	
}

/*div#cnt6 td img { display:block }*/


/************************END OF COVERS********************/


div#img1 
{

	
	width:200px;
	height:227px;
	border: 2px solid #FFFFFF;
	font-size: 11px;
	h: expression(onmouseover=new Function("this.style.border='2px solid #9F7612';"),
                       onmouseout=new Function("this.style.border='2px solid #FFFFFF';"));


}

div#img1:hover
{
border: 2px solid #9F7612;
}

div#img2
{

	width:200px;
	height:227px;
	border: 2px solid #FFFFFF;
	font-size: 11px;
	h: expression(onmouseover=new Function("this.style.border='2px solid #9F7612';"),
                       onmouseout=new Function("this.style.border='2px solid #FFFFFF';"));
	
}

div#img2:hover
{
border: 2px solid #9F7612;
}

div#img3
{

	width:200px;
	height:227px;
	border: 2px solid #FFFFFF;
	font-size: 11px;
	h: expression(onmouseover=new Function("this.style.border='2px solid #9F7612';"),
                       onmouseout=new Function("this.style.border='2px solid #FFFFFF';"));
}

div#img3:hover
{
border: 2px solid #9F7612;
}

div#img4
{

	width:200px;
	height:227px;

	border: 2px solid #FFFFFF;
	font-size: 11px;
	h: expression(onmouseover=new Function("this.style.border='2px solid #9F7612';"),
                       onmouseout=new Function("this.style.border='2px solid #FFFFFF';"));
}

div#img4:hover
{
border: 2px solid #9F7612;
}

div#img5
{
width:200px;
	height:227px;

	border: 2px solid #FFFFFF;
	font-size: 11px;
	h: expression(onmouseover=new Function("this.style.border='2px solid #9F7612';"),
                       onmouseout=new Function("this.style.border='2px solid #FFFFFF';"));
}

div#img5:hover
{
border: 2px solid #9F7612;
}

div#img6
{

	width:200px;
	height:227px;

	border: 2px solid #FFFFFF;
	font-size: 11px;
	h: expression(onmouseover=new Function("this.style.border='2px solid #9F7612';"),
                       onmouseout=new Function("this.style.border='2px solid #FFFFFF';"));
}

div#img6:hover
{
border: 2px solid #9F7612;
}

#scrollText
{
	margin-top:10px;	
}
.nonScrollText
{
	text-align: left;
}