/*
--------------------------------------------------------
project			Raising Expectations (www.raisingexpectations.org) Carousel style sheet
credits			Modified from script used on ONE.org (www.one.org)
author:   		HUGE
last updated:	2009.02.09
----------------------------------------------------- */

/* ---------- Carousel ---------- */

.jcarousel-container { margin-left:-25px; }
.jcarousel-item { width:780px; height:263px;}
.jcarousel-next,
.jcarousel-prev{ width:50px; height:50px; position:absolute; top:110px; }
.jcarousel-next { background:url(../images/btn-carousel-next.png); left:759px;  }
.jcarousel-prev { background:url(../images/btn-carousel-prev.png); left:-30px; }
.jcarousel-next:hover,
.jcarousel-prev:hover { background-position:-50px 0; }

#carousel-wrap { position:relative; overflow:hidden; width:780px; }
#carousel { overflow:hidden; width:780px; height:263px; padding:0; }
#carousel .item,
#carousel .pnl-event { position:relative; width:780px; height:263px; padding-top:0px; margin-left:0px; }

/*-------------- Styles for screen media -------------*/
@media screen,projection {

li.carouselImage { margin: 0; line-height: 35%; }
}
/* (loosely based on) Eric Meyer's Reset CSS | http://meyerweb.com/eric/tools/css/reset/index.html | 20090105 */

/* Reset elements only in areas that HUGE needs reset */
body,
img,
#header *,
#footer *,
#breadcrumb *,
.pagination *,
.mod *, .mod-noline *,
.news-summary *,
.share-wrap *,
.blog.unit *, 
ul.comment-opts *,
#archive-hero *, .issues-hero *, #campaigns-hero *,
.actions-ov fieldset, .actions-ov p,
#about fieldset,
#one-intro li,
.comment-submit p, ul.blog-pagination, ul.blog-pagination *, .blog-filter *, .comment-summary *, .comment-text p,
.reset *
{ line-height: 100%; margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }

/* ---------- Site wrapper ----------*/
#wrapper { position:relative; width:780px; text-align:left; margin:0 auto; padding:0; z-index:0; }

/*----------  Global jCarousel components ---------- */
.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-list li,.jcarousel-item { float:left; list-style:none; }
.jcarousel-next,
.jcarousel-prev{ z-index:3; display:none; cursor:pointer; cursor:hand; }