/* Horizontal Carousel */
#carousel {
  float:left;
  width: 699px; 
  position: relative; 
}         

#carousel .container { 
  position: absolute;
  top: 48px;
  left: 50px;  
  width: 600px;
  height: 120px; 
  overflow:hidden;  
}    

#carousel .heading {
  position: absolute;
  top: 23px; right: 40px;
  height: 15px;
  width: 200px;
  text-indent: -9999px;
  z-index: 100;
}      
#carousel .roster {
  background: url(../images/heading_the_roster.gif) right no-repeat;
}  
#carousel .gallery {
  background: url(../images/heading_gallery.gif) right no-repeat;
}

#carousel .previous_button {
  position: absolute;
  top: 34px;
  left: 0px;
  width: 27px;
  height: 144px;
  background: url(../images/carousel_previous.png) left no-repeat;
  z-index: 100;    
  cursor:pointer;
}        

#carousel .previous_button_disabled {
  background: url(../images/carousel_previous_disabled.png) left no-repeat;
  cursor:default;
}

#carousel .next_button {
  position: absolute;
  top: 34px;
  right: 0px;
  width: 27px;
  height: 144px;
  background: url(../images/carousel_next.png) right no-repeat;
  z-index: 100;
  cursor:pointer;
}   

#carousel .next_button_disabled {
  background: url(../images/carousel_next_disabled.png) right no-repeat;
  cursor:default;
}

#carousel ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  height: 120px;
}   

#carousel ul li {
  color:#E3EDFA;
  margin:0;
  padding:0 30px 0 0;
  list-style:none;   
  float:left;
}                   

#carousel ul li img.pic {
  display:block;             
  background:#E3EDFA;
  height: 97px;
  width: 180px;  
  margin-bottom: 6px;
}                               

#carousel ul li div {
  font-family:verdana,arial,sans-serif;
  font-size:10px;
  font-weight: bold;
  width:180px;
  height: 120px;
  display: block;
  background: #c6dcea;
}   
#carousel ul li div span {
  color: #0c0e35;
  font-weight: bold;
}  
#carousel ul li a {
  font-weight: bold;
}  
#carousel ul li div .label {
  float: left;
  padding-left: 5px;
}                        
#carousel ul li div .actions {
  float: right;
  padding-right: 5px;
}
#carousel ul li div .actions img {
  margin-top: -2px;
}
