.contentslide{
border: 0px solid navy;
/*border-bottom-width: 0px;*/
padding: 5px 0 5px 10px;
width: 230px;
height: 120px;
margin-top:-15px;
}

.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
width: 100%;
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;

}

.contentslide .contentdiv{
display: none;
}

.contentdiv a img {
	float:right;
	margin-left:4px;
	margin-top:5px;
	}
.contentdiv a{
 text-decoration:none;
 color:#4d4a45;
 font: 11pt Arial, Verdana,  Helvetica, sans-serif;
 color:#598842; 
 
}
.contentdiv a:hover{
 text-decoration:underline;
 color:#7d2d2c;
}

.contentdiv p {
	margin-top:5px;
	font: 10pt Arial, Verdana,  Helvetica, sans-serif;
	}

.pagination{

width: 230px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: left;
/* background-color: navy; 
border: 0px solid navy; */
border:0px solid blue;
padding: 5px 0 0px 0;

}

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

.pagination a{
padding: 0 2px;
text-decoration: none; 
color: #ffffff;
background-color: #7d2d2c;
}

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