.contentslide{
width: 688px;
w\idth: 690px; /*IE6 width*/
height: 340px;
}

.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=99.99);
filter:alpha(opacity=99.99);
-moz-opacity:.99;
opacity: .99;

}

.contentslide .contentdiv{
display: none;

}

.pagination{
width: 150px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
border-width: 0 10px; /*Left/ right border width of pagination DIV.*/
padding: 5px 0 4px 0;
font:bold 11px Arial, Helvetica, sans-serif;
position:relative;
text-align:right;
top:-28px;
left:540px;
z-index:100;
}

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

}

.pagination a{
padding: 0 2px;
margin:0;
text-decoration: none; 
color: #2e6ab1;
background-color: none;
font:bold 11px Arial, Helvetica, sans-serif;


}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
font:bold 11px Arial, Helvetica, sans-serif;

}


.column2 { 
	 width: 688px;
	 w\idth: 690px; /*IE6 width*/

}


.featurewrapper { /* this styles the mainfeature text. */		
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:italic;
	margin:10px 0 0px;
	width:550px;
	float:left;
}   
 
.featurewrapper a{
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:italic;
	
	}