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

.contentslide .contentdiv{
display: none;
}

.pagination{
width: 438px; /*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(images/background.jpg);
border-left: 1px solid #A5A4A4;
border-right: 1px solid #A5A4A4;
border-bottom: 1px solid #A5A4A4;
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: 430px; /*IE5 width*/
width: 438px; /*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: #A5A4A4;*/
background-image: url(images/background_grayscale.jpg);
}

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

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