.contentslide{
border: 10px solid #E2D8CB;
padding: 0px;
width: 375px;
/*border-bottom:5px solid #fff;
*/height: 250px;
margin:0px;
background-color:#E2D8CB;
}

#contentslide{
border: 10px solid #E2D8CB;
margin:0px;
padding: 0px;
width: 375px;
height: 250px;
background-color:#E2D8CB;
/*border-bottom:5px solid #fff;
*/
}

.slider1{ background-color:#E2D8CB;}
.contentdiv { background-color:#E2D8CB;   height:250px; padding:0px; margin:0px;}

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

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


div#sliderStyle a, div#sliderStyle a:link, div#sliderStyle a:visited, div#sliderStyle a:hover {text-decoration:none; font-weight:bold; color:#BD3900}
div#sliderStyle a:hover {text-decoration: underline; color:#942C00; font-weight:bold;}
div#sliderStyle h3 {font-weight:bold;}

div#sliderStyle  {padding:0px; margin:0px; /*background-color:#00CCFF*/}

.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:30px;
text-align: center;
background-color: #EFEBE6  ;
border:10px solid #EFEBE6;
border-width: 5px 10px 0px 10px; /*Left/ right border width of pagination DIV.*/
padding-bottom: 0px;
margin:0px;
}

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

.pagination a{
padding: 0 7px 0 7px;
text-decoration: none; 
color: #BB3B00;
background-color: white;
font-family:Arial, Helvetica, sans-serif; 
font-size:11px;
}
.pagination img {  }

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #CCC1AF;
}