.contentslide{
border: 2px solid #CC0000;
border-bottom-width: 5px;
padding: 8px;
width: 620px;
height: 250px;
}

.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
width: 100%;
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;

}

.opacitylayer img {display:block;float:left;margin:0px 5px 0 0}

.contentslide .contentdiv{
display: none;
padding: 5px;
}

.contentslide .contentdiv  h6{
font-family:  Arial, Verdana, Helvetica;
font-size: 1.6em;
}

.contentslide .contentdiv  p{
font-family:  Arial, Verdana, Helvetica;
font-size: 0.9em;
color: #666666;
}

.contentslide h6 a:link, .contentslide h6 a:hover, .contentslide h6 a:visited{
color: #0099FF;
}

.pagination1{
width: 620px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right;
background-color: #333333;
border: 10px solid #333333;
border-width: 0 10px; /*Left/ right border width of pagination DIV.*/
padding: 0 0 4px 0;
}

* html .pagination1{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 620px; /*IE5 width*/
width: 620px; /*IE6 width*/
}

.pagination1 a:link, .pagination1 a:visited{
padding: 0 5px;
text-decoration: none; 
color: #FFCC99;
background-color: #000;
}

.pagination1 a:hover, .pagination1 a.selected{
padding: 0 5px;
text-decoration: none; 
color: #DD0C0C;
background-color: #FFCC99;
}