.scroll-pane
{
    height: 145px;
    width: 450px;
}
#panewinner
{
    height: 336px;
    width: 360px;
}
#paneevents
{
    height: 335px;
    width: 353px;
    margin-left: 15px;
}
#paneevents2
{
    height: 350px;
    margin-left: 15px;
    width: 600px;
}
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	text-align: left;
}

.jScrollPaneTrack {
	position:absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	background: #5e5247;
	text-align: left;
	background:url(images/bg_slider.gif) repeat-y left top;
	/*border-top: solid #dad4c6 3px;
	border-bottom: solid #dad4c6 3px;*/
}
.jScrollPaneDrag {
	position: absolute;
	background-image:url(images/slider.gif);
	background-repeat:no-repeat;
	cursor: pointer;
	overflow: hidden;
	text-align: left;
	background-position: 1px 0px;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: transparent url(images/arrow_up.png) no-repeat 3px top;
	height: 20px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 20px;
	background: transparent url(images/arrow_down.png) no-repeat 3px bottom;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}


/*********************/
/*** Custom Styles ***/
/*********************/
.events_scroll_left
{
    /*background: url(images/bg_event_scroller_left.png) no-repeat left top;*/
    width: 305px;
}
.events_scroll_right
{
    background: url(images/bg_event_scroller_right.png) no-repeat right top; 
}
.events_scroll
{
    background: url(images/bg_event_scroller.png) repeat-x; 
    margin: 0 5px 0 5px;
    height:107px;
}
.events_scroll_hover
{
    background: url(images/bg_event_scroller_hover.png) repeat-x left top;
    margin: 0 5px 0 5px;
    height:107px;
}
.splash_events_scroll_right
{
    background: url(images/bg_splash_event_scroller_right.png) no-repeat right top;
}
.splash_events_scroll
{
    background: url(images/bg_splash_event_scroller.png) repeat-x;
    margin: 0 5px 0 5px;
    height:107px;
}
.splash_events_scroll_hover
{
    background: url(images/bg_splash_event_scroller_hover.png) repeat-x;
    margin: 0 5px 0 5px;
    height:107px;
}
.event_title
{
    color:#521800;
    display:block;
    font-size:14px;
    line-height:16px;
    padding: 5px 0 7px 0;
    font-weight: bold;
}
.event_title_splash
{
    color:#521800;
    display:block;
    font-size:14px;
    line-height:16px;
    padding: 19px 0 0px 0;
    font-weight: bold;
}
.event_date
{
    color: #521800;
    font-size:12px;
    display: block;
    font-style: italic;
    padding-bottom: 3px;
}
.event_venue
{
    color: #521800;
    font-size:12px;
    display: block;
    font-style: italic;
    padding-bottom: 5px;
}
.event_link
{
    background:transparent url(/Portals/0/Skins/choctaw/images/more_lnk.gif) no-repeat scroll 151px 2px;
    color:#C0341E;
    font-family:helvetica;
    font-size:10px;
    line-height:10px;
    padding-right:12px;
    cursor: pointer;
    display: block;
}
.event_link_hover
{
    background:transparent url(/Portals/0/Skins/choctaw/images/more_lnk.gif) no-repeat scroll 130px 2px;
    color:#C0341E;
    font-family:helvetica;
    font-size:10px;
    line-height:10px;
    padding-right:12px;
    cursor: pointer;
    display: block;
}
