.sliderwrapper{

position: relative; /*leave as is*/

overflow: hidden; /*leave as is*/

border: 10px solid navy;

border-bottom-width: 6px;

width: 700px; /*width of featured content slider*/

height: 350px;

}


.sliderwrapper_rt{

position: relative; /*leave as is*/

overflow: hidden; /*leave as is*/

border: 5px solid red;

border-bottom-width: 6px;

width: 230px; /*width of featured content slider*/

height: 230px;

}

.sliderwrapper_rt .contentdiv{

visibility: hidden; /*leave as is*/

position: absolute; /*leave as is*/

left: 0;  /*leave as is*/

top: 0;  /*leave as is*/

padding: 5px;

background: red;

width: 230px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */

height: 100%;

filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);

-moz-opacity: 1;

opacity: 1;

}



.sliderwrapper .contentdiv{

visibility: hidden; /*leave as is*/

position: absolute; /*leave as is*/

left: 0;  /*leave as is*/

top: 0;  /*leave as is*/

padding: 5px;

background: white;

width: 690px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */

height: 100%;

filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);

-moz-opacity: 1;

opacity: 1;

}



.pagination{

width: 700px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/

text-align: right;

background-color: navy;

padding: 5px 10px;

}

.pagination_rt{

width: 220px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/

text-align: right;

background-color: red;

padding: 5px 10px;

}


.pagination a{

padding: 0 5px;

text-decoration: none; 

color: #00007D;

background: white;

}

.pagination_rt a{

padding: 0 5px;

text-decoration: none; 

color: #00007D;

background: white;

}


.pagination a:hover, .pagination a.selected{

color: #000;

background-color: #FEE496;

}