.contentslide{
/* border: 10px solid navy; */
/* border-bottom-width: 6px; */
/*padding: 8px;*/
width: 382px;
height: 369px;
}

.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;
}

.pagination{
width: 375px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
height:17px;
text-align: right;
background-color: #E5E5E5;
color:#ffffff;
/* border: 10px solid navy; */
border-width: 0 0px; /*Left/ right border width of pagination DIV.*/ /* removed by PC to allow proper Contribute/DW editing appearace -- doesn't seem to do much. */
margin-left:1px;
padding-left:0px;
padding-top:2px;
padding-bottom:0px;
padding-right:5px;
vertical-align:top;
position:absolute;
top:430px;
z-index:5;
}

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

.pagination a{
padding-left:5px;
padding-right:5px;
text-decoration: none; 
color: #002448;
background-color: #E5E5E5;
border:1px solid #eeeeee;
margin:1px;
}
.pagination a:hover, .pagination a.selected{
color:#ffffff;
background-color: #002448;
text-decoration:none;
}

#top_image {
	height:238px;
	width:380px;
	border:1px solid #ffffff;
}
#teaser_box {
	background-color:#EFEFEF;
	float:left;
	margin:0px;
	padding:0px;
/*	padding:8px 10px 10px; */
	width:380px;
}