<script type="text/javascript" src="/jquery-1.5.min.js"></script>
<script type="text/javascript" src="/jquery.rotate.js"></script>
<script type="text/javascript">
<!--
$(document).ready(function() {
$("#banner_container").rotate();
});
$(document).ready(function() {
$("#banner_container2").rotate();
});
$(document).ready(function() {
$("#banner_container3").rotate();
});
$(document).ready(function() {
$("#bannertop_container").rotate();
});
$(document).ready(function() {
$("#bannertop_container2").rotate();
});
//-->
</script>
<style type="text/css">
#banner_container, #banner_container2, #banner_container3, #bannertop_container, #bannertop_container2 {
width: 213px;
height: 213px;
background-color: #EEEEEE;
overflow: hidden;
position: relative;
margin: 0 0 10px 0;
border:1px solid #000;
}
#banner_container div, #banner_container2 div, #banner_container3 div, #bannertop_container div, #bannertop_container2 div {
position: absolute;
top: 0;
left: 0;
z-index: 1000;
}
#banner_container img, #banner_container2 img, #banner_container3 img, #bannertop_container img, #bannertop_container2 img {
border: 0;
}
#bannertop_container, #bannertop_container2 {
float:left;
margin:0 10px;
width: 150px;
height: 150px;
background-color: #EEEEEE;
overflow: hidden;
position: relative;
border:1px solid #000;
}
#header {
width:971px;
height:150px;
margin:20px auto;
}
#logo {
width:627px;
height:150px;
float:left;
background:url(/images/****************.png) no-repeat;
}
#leaderboard {
height:100px;
text-align:center;
margin:20px auto;
}
</style>
