.contentslide{
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
padding: 4px 4px 0px 4px;
width: 400px;
height: 300px;
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
background-color: #f3f3f3;
/*background-image: url(content-slider-bg.jpg);
background-position: bottom;
background-repeat: no-repeat;*/
}

.contentslide .contentdiv{
display: none;
}

.pagination{
width: 408px; /*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: navy;*/
background-image: url(content-number-bg2.jpg);
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
padding: 5px 0px 5px 0px;
}

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

.pagination a{
padding: 0px 3px 0px 3px;
margin: 0px 3px 0px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
text-decoration: none; 
color: #555555;
/*background-color: #cccccc;*/
background-image: url(number-bg.jpg);
}

.pagination a:hover{
color: #000000;
/*background-color: #333333;*/
background-image: url(number-bg2.jpg);
}

.pagination a.selected{
color: #000000;
/*background-color: #333333;*/
background-image: url(number-bg2.jpg);
}