.jcarousel-container { position: relative;}
.jcarousel-clip {z-index: 2;  padding: 0;  margin: 0;  overflow: hidden;  position: relative;}
.jcarousel-list {z-index: 1; overflow: hidden;  position: relative;  top: 0; left: 0;  margin: 0;   padding: 0;}
.jcarousel-item {float: left; list-style: none;
	/* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 98px;
    height: 60px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {z-index: 3;  display: none;}
.jcarousel-prev {z-index: 3;  display: none;}

	
	/* main container */
.jcarousel-skin-tango.jcarousel-container { 
	-moz-border-radius: 10px; 
	background: #F0F6F9; 
	border: 1px solid #346F97;
}
.jcarousel-skin-tango.jcarousel-container-horizontal {
    width: 500px;
    padding: 20px 38px;
	margin:0 auto;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  500px;
    height: 78px;
}
.jcarousel-skin-tango .jcarousel-item {
    width: 98px;
    height: 60px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 0;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

	/* individual LI elements */
    #programCarousel li {list-style: none; margin: 0 16px 0 0; padding: 0; }  
    #programCarousel li a { display: block; border:0; height:60px; width:104px; padding:6px 3px 0 3px; cursor:pointer; text-align:center; line-height:110%; text-decoration:none; color:#444; font-weight:bold; background: #F0F6F9 url(/eot2008/20090109015853oe_/http://spatialdata.sam.usace.army.mil/images/pageElements/bgd_slider_item.jpg) 0 0 repeat-x; }
    #programCarousel li a:hover { color:#444; background: #F0F6F9 url(/eot2008/20090109015853oe_/http://spatialdata.sam.usace.army.mil/images/pageElements/bgd_slider_item_on2.jpg) 0 0 repeat-x; }
	#programCarousel li a:active, #programCarousel li a:focus { color:#00457e; background: #F0F6F9 url(/eot2008/20090109015853oe_/http://spatialdata.sam.usace.army.mil/images/pageElements/bgd_slider_item_on.jpg) 0 0 repeat-x;}
	
	/*ie6 is horrible */
	#programCarousel li { _margin: 0 4px 0 0; }  
    #programCarousel li a { _width:99px;  }


/* Horizontal Buttons */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute; top: 43px; right: 5px; width: 32px; height: 32px; cursor: pointer;
    background: transparent url(/eot2008/20090109015853oe_/http://spatialdata.sam.usace.army.mil/images/pageElements/next-horizontal.jpg) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {background-position: -32px 0;}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {background-position: -64px 0;}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default; background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute; top: 43px; left: 5px; width: 32px; height: 32px; cursor: pointer;
    background: transparent url(/eot2008/20090109015853oe_/http://spatialdata.sam.usace.army.mil/images/pageElements/prev-horizontal.jpg) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {background-position: -32px 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {background-position: -64px 0;}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default; background-position: -96px 0;
}
