/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
 
 .carousel li
 {
	width:562px;
 }
 /*home page left*/
.left .jcarousel-container {
    position: relative;
    width: 562px;
    height: 368px;
	overflow:hidden;
}

.left .jcarousel-clip {
    z-index: 2;
    padding:0;
    margin: 0;
    overflow: hidden;
    position: absolute;
	width:562px;
	background-color:#ccc;
}

.left .jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.left .jcarousel-list li,
.left .jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
   width: 562px;
    height: 368px;
}

.left .jcarousel-next {
    z-index: 10;
    display: none;
	/*background:transparent url(../images/galleryarrowR.gif) no-repeat scroll 0 0;*/
	display:block;
	float:right;
	height:21px;
	width:25px;
	position:absolute;
	top:30px;
	right:0;
	background-color:#ff0000;
}

.left .jcarousel-prev {
    z-index: 10;
    display: none;
	/*background:transparent url(../images/galleryarrowR.gif) no-repeat scroll 0 0;*/
	display:block;
	float:left;
	height:21px;
	width:25px;
	position:absolute;
	top:30px;
	left:0;
	background-color:#ffff00;
}


/**
 * FLICKR PHOTO GALLERY
 */
 
 #rightcol .photogallery 
 {
 	width:190px;
 	margin-left:12px;
 }
 
 
.photogallery .jcarousel-next {
    z-index: 10;
    display: none;
	background:transparent url(../images/galleryarrowR.gif) no-repeat scroll 0 0;
	display:block;
	float:right;
	height:21px;
	width:25px;
	position:absolute;
	top:30px;
	right:0;
}

.photogallery .jcarousel-prev  {
    z-index: 10;
    display: none;
	background:transparent url(../images/galleryarrowL.gif) no-repeat scroll 0 0;
	display:block;
	float:left;
	height:21px;
	width:25px;
	position:absolute;
	top:30px;
	left:0;
}
 
 /*photo gallery*/
.photogallery .jcarousel-container {
    position: relative;
	width:250px;
	overflow:hidden;
	height:50px;
	margin-bottom:0px;
}


.photogallery .jcarousel-clip {
    z-index: 2;
    padding: 5px 0 0 3px;
    margin: 0 0 0 10px;
    overflow: hidden;
    position: absolute;
	/*top:15px;*/
	width:215px;
	background-color:#ccc;
}

#rightcol .photogallery .jcarousel-clip
{
	width:162px;
}

.photogallery .jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.photogallery .jcarousel-list li,
.photogallery .jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 54px;
    height: 45px;

}

/*.infobox .jcarousel-list li.middle
{
	opacity:1;
}*/

/**
 * 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".
 */
.photogallery .jcarousel-next {
    z-index: 10;
	background:transparent url(/PublishingImages/galleryarrowR.gif) no-repeat scroll 5px 0;
	display:block;
	float:right;
	height:21px;
	width:25px;
	position:absolute;
	top:21px;
	right:0;
}

#rightcol .photogallery .jcarousel-next 
{
	right:52px;
}

.photogallery .jcarousel-prev  {
    z-index: 10;
	background:transparent url(/PublishingImages/galleryarrowL.gif) no-repeat scroll 0 0;
	display:block;
	float:left;
	height:21px;
	width:25px;
	position:absolute;
	top:21px;
	left:0;
}