.contentslide{
/*border: 1px solid navy;*/
width: 777px;
height: 200px;
}

.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: -25px;  /*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: #EFEFEF;*/
/*border: 4px solid #EFEFEF;*/
border-width: 0 10px; /*Left/ right border width of pagination DIV.*/
/*padding: 4px 4px 4px 0;*/
padding-right:12px;
margin-top: -25px;
height:23px;



}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/

 width: -20px; 

/*width: 400px; /*IE5 width*/
/*width: 416px; /*IE6 width*/
}

.pagination a{
padding: 0 5px 1px ;
text-decoration: none;
font-size:7px;
color: #ffffff;
background-color: #421498;
}

.pagination a:hover{
color: #ffffff;
background-color: #F88C2E;
}
.pagination a.selected{
background-color:#CC0000;
}
/* Start of Banner CSS*/
#banner_container {
	background-color: #FFFFFF;
	clear: both;
	width: -5px;
	height:200px;
	margin-right: auto;
	margin-left: auto;
	padding-left: auto;
	}

/* End of Banner CSS*/

/* Start of Banner CSS*/
/* Slide 1 CSS */
 .slide_1_bg {
	text-decoration: none;
	background: url(../images/banner1.jpg) no-repeat;
	height: 200px;
	width: 770px;
}


.banner_header_1{
	height:35px;
	color: #125F78;
	font-family: Arial;
	font-size:20px;
	font-weight:bold;
	padding-left:20px;
	padding-top:40PX;
	text-decoration:underline
	}

.banner_header_1_list{
	color: #004F00;
	font-family:Tahoma;
	font-size: 10pt;
	font-weight:bold;
	height:80px;
	padding-left:20px;
	padding-top: 8px;
	text-decoration:none
	}


/* Slide 2 CSS */

 .slide_2_bg {
	text-decoration: none;
	background: url(../images/banner2.jpg) no-repeat;
	height: 200px;
	width: 770px;
}


.banner_header_2{
	height:35px;
	color: #008000;
	font-family: verdana;
	font-size:20px;
	font-weight:bold;
	padding-left:20px;
	padding-top:40PX;
	text-decoration:none;
	}

.banner_header_2_list{
	color: #000080;
	font-family:Tahoma;
	font-size: 10pt;
	font-weight:bold;
	height:80px;
	padding-left:20px;
	padding-top: 8px;
	text-decoration:none
	}
/* Slide 3 CSS */

 .slide_3_bg {
	text-decoration: none;
	background: url(../images/banner3.jpg) no-repeat;
	height: 200px;
	width: 770px;
}

.banner_header_3{
	height:35px;
	color: #008080;
	font-family: Trebuchet MS;
	font-size:20px;
	font-weight:bold;
	padding-left:20px;
	padding-top:40PX;
	text-decoration:underline
	}

.banner_header_3_list{
	color: #006600;
	font-family:Trebuchet MS;
	font-size: 10pt;
	font-weight:bold;
	height:80px;
	padding-left:20px;
	padding-top: 8px;
	text-decoration:none
	}

/* Slide 4 CSS */

 .slide_4_bg {
	text-decoration: none;
	background: url(../images/banner4.jpg) no-repeat;
	height: 200px;
	width: 770px;
}

.banner_header_4{
	height:35px;
	color: #000080;
	font-family: Trebuchet MS;
	font-size:20px;
	font-weight:bold;
	padding-left:20px;
	padding-top:40PX;
	text-decoration:underline
	}

.banner_header_4_list{
	color: #555555;
	font-family:Trebuchet MS;
	font-size: 10pt;
	font-weight:bold;
	height:80px;
	padding-left:20px;
	padding-top: 8px;
	text-decoration:none
	}

/* read more */
.banner_read_more_container{
	height:27px;
	padding-left:20px;
	padding-top:10px;
	text-decoration:none; 
	}

.banner_read_more {
	font-family:Tahoma;
	font-weight:bold;
	text-transform:uppercase;
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none; padding-left:12px; padding-right:0; padding-top:10px; padding-bottom:0
}
.banner_read_more span{
	background-color:#9D0303;
	text-transform:uppercase;
	font-size:10px;
}

.banner_read_more a{
	background-color:#9D0303; color:#FFFFFF
}
:hover.banner_read_more{
	color:yellow;
	}