.contentslide{
    border: 2px solid #CC0000;
    border-bottom-width: 5px;
    padding: 8px;
    width: 460px;
    height: 220px;
    color:#000000;
    background-color: #FFFFFF;
}

.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;
    text-align:left;
}

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

.contentslide .contentdiv  p{
    font-family:  Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-align:left;
}

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

.contentslide h6 a:hover
{
    border-bottom: 1px dashed #0099FF;
}

.pagination1{
    width: 460px; /*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: 460px; /*IE5 width*/
    width: 460px; /*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;
}