.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/

border-bottom-width: 1px;
width: 100%;
height:400px; /*width of featured content slider*/
float:left;

}


.slidertitle{
background-color: #5760a3;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
padding:5px;
text-align:center;
}

.slidertitlebr{
background-color: #339900;
color:#FFFF00;
font-size:14px;
font-weight:bold;
padding:5px;
text-align:center;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: relative; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 5px;
background: white;
width: 100%; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
text-align:center;
line-height:150%;
}

.pagination{
width: 100%; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: #5760a3;;
padding: 10px 10px;
}
.paginationbr{
width: 100%; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: #339900;;
padding: 10px 10px;
}
.pagination a{
padding: 3px 5px;
margin-left:3px;
text-decoration: none; 
color: #5760a3;
background-color: white;
}
.paginationbr a{
padding: 3px 5px;
margin-left:3px;
text-decoration: none; 
color: #339900;
background-color: #FFFF00;
}

.pagination a:hover, .pagination a.selected{
color: #fff;
background-color: #7a8cd4;
}