#ban1{
background: url(../images/banner/banner1.jpg);
position:relative;
width:612px;
height:264px;
}

#ban2{
background: url(../images/banner/banner2.jpg);
position:relative;
width:612px;
height:264px;
}

#ban3{
background: url(../images/banner/banner3.jpg);
position:relative;
width:612px;
height:264px;
}

#ban4{
background: url(../images/banner/banner4.jpg);
position:relative;
width:612px;
height:264px;
}

#link-banner{
float:left;
width: 35px;
padding:0px 0px 0px 5px;
margin:0px 0px 0px 0px;
border:#000000 0px solid;
}

#link-banner ul {
	float:right;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	list-style-type:none;
}

#link-banner ul li {
	float:left;
	padding:0px 1px 0px 1px;
	margin:1px 0px 1px 0px;
}

#link-banner ul li a.normalstate{ display:block; background: #011A60; border:#011A60 1px solid; width:20px; height:20px; padding:2px 2px 2px 2px; text-decoration:none; color:#ffffff; text-align:center;}
#link-banner ul li a.normalstate:hover{display:block;  background-color: #A8DB00; border:#A8DB00 1px solid;  width:20px; height:20px; padding:2px 2px 2px 2px; text-decoration:none; color:#ffffff; text-align:center;}
#link-banner ul li a.activestate{display:block; background-color: #A8DB00; border:#A8DB00 1px solid;   width:20px; height:20px; padding:2px 2px 2px 2px; text-decoration:none; color:#ffffff; text-align:center;}
#link-banner ul li a.activestate:hover{display:block; background-color: #A8DB00; border:#A8DB00 1px solid; width:20px; height:20px; padding:2px 2px 2px 2px; text-decoration:none; color:#ffffff; text-align:center;}


/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:264px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 264px;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 264px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}