img
{border:none;}

/* XXXXX START- the css for the slide show XXXXX */
#slider1 
{
 width: 878px; /* important to be same as image width */
 height: 234px; /* important to be same as image height */
 position: relative; /* important */
 overflow: hidden; /* important */
}

#slider1Content
{
 width: 878px; /* important to be same as image width or wider */
 position: absolute;
 top: 0;
 margin-left: 0;
}


.slider1Image 
{
 float: left;/**/
 position: relative;
 display: none;
}

.slider1Image span 
{   
 position: absolute;
 font: 12px verdana, helvetica, sans-serif;
 padding: 7px 7px;
 /*width: 500px; change to the width of your image so that the text box goes all the way across*/
 background-color: #000;
 filter: alpha(opacity=50);
 -moz-opacity: 0.7;
 -khtml-opacity: 0.7;
 opacity: 0.7;
 color: #fff;
 display: none;
}


.clear {clear: both;}

.slider1Image span strong
{
 font-size: 14px;
}

/* inleft and inright are if you what the text to come in from the left or right */
.inleft 
{
	top: 0;
  left: 0;
	width: 110px !important;
	height: 280px;
}

.inright {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 290px;
}

/* 
text come in from top or bottom*/
.top 
{
 top: 0;
 left: 0;
}

.bottom 
{
 bottom: 0;
 left: 0;
}

ul 
{ 
 list-style-type: none;
 margin:0;
 padding:0;
 }

/* XXXXX the css for the slide show END XXXXX */