.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 0px;
width: auto; /*width of featured content slider*/
height: 210px;
}



.sliderwrapper .contentdiv{
position: absolute; /* Do not change this value */
background: white;
visibility: hidden;
width: auto; 
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); 
-moz-opacity: 1;
opacity: 1; /* BK - not sure what these last 3 lines mean */

}

.pagination{
width: auto; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: left;
background-color: #ee8bc6;
}

.pagination a{
display: inline-block;
color: white;
margin-right: 3px;
font-weight: bold;
text-decoration: none;
}

.pagination a:hover, .pagination a.selected{
background: #d01583;
color: white;
text-decoration: none;
}

/* BK added the code designations below. Not sure if I need them all */

.pagination a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
color: white;
text-decoration: none;
}

.pagination a.toc:hover {
color: white;
text-decoration: none;
}


.pagination a.prev, .pagination a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
color: white;
text-decoration: none;
}

.pagination a.prev:hover, .pagination a.next:hover{
color: white;
text-decoration: none;
}