﻿	#slider {
        width:940px;
        margin: 0 auto;
        position: relative;
        background-color:transparent;
    }

    ul.navigation {
	    margin-top:15px;
	    border-top:1px solid #CCC;
	    padding-top:16px;
    }

    .scroll {
      /*height: 250px;*/
      width:940px;/* fix for IE6 */
      overflow: auto;
      position: relative; /* fix for IE to respect overflow */
      clear: left;
      background: transparent url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
    }

    .scrollContainer /* Clips the content of the div so that the images don't tile down the page before the javascript has kicked in */
    {
        height:336px;
        overflow:hidden;
    }

    .scrollContainer div.panel {
      /*padding: 20px;*/
      height: 336px;
      width:940px; /* change to 560px if not using JS to remove rh.scroll */
    }
    
    .scrollContainer div.panel img.previewImage
	{
	    float:left;
	    width:620px;
	    height:336px;
	    margin-right:20px;
	    /*position:relative;*/
	}

    .scrollContainer div.panel p{
    color:#666;
    }

    .scrollButtons {
      position: absolute;
      top: 150px;
      cursor: pointer;
      z-index:20;
    }

    .scrollButtons.left {
      left: -10px;
    }

    .scrollButtons.right {
      right: -10px;
    }

    .selected 
    {
        /*background-color:#CCC;*/
        display:block;
        width:auto;
        border-bottom:4px solid #CCC; 
    }
/*STYLING FOR THE LIST OF THUMBNAIL IMAGES USED TO NAVIGATE THROUGH THE SCROLL ELEMENTS*/    
    ul#slidertoolbar
	{
	    width:auto;
		overflow:hidden;
	    background-color:transparent;
	    margin-top:16px;
	    padding-top:16px;
		padding-bottom:16px;
	padding-bottom:0;/*zeroed out for the home page*/
	    /*border-bottom:1px solid #CCC;*/
	}

	ul#slidertoolbar li
	{
	    float:left;
	    display:block;
	    width:140px;
	    margin-right:20px;
	    background:transparent url(../css-images/conference/gradient-bckgrnd.jpg) top right no-repeat;
		margin-bottom:0;
	}
	
	ul#slidertoolbar li#hiddenListItem
	{
	 visibility:hidden;
	 width:0;
	 height:200px;
	 margin:0;
	 padding:0;
	}
	
	ul#slidertoolbar li.last
	{
	   
	    margin-right:0;
	}
	
	ul#slidertoolbar li h3,
	ul#slidertoolbar li a span.listItemTitle
	{
	    font-size:1em;
	    font-weight:bold;
	    padding-left:8px;
	    color:#000;
	    text-decoration:none;
	}
	
	ul#slidertoolbar li p,
	ul#slidertoolbar li a span.listItemText 
	{ 
	    font-size:0.916em;/*11px*/
	    line-height:1.454em;/*16px*/
	    color:#666;
	    text-decoration:none;
	}
	ul#slidertoolbar li a span.listItemTitle:hover,
	ul#slidertoolbar li a span.listItemText:hover 
	{
	    text-decoration:none;
	}
