﻿	div#content #slider {
        width:940px;
        margin: 0 auto;
        position: relative;
        background-color:transparent;
    }

    div#content ul.navigation {
	    margin-top:15px;
	    border-top:1px solid #CCC;
	    padding-top:16px;
    }

    div#content div.scroll {
        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;
    }

    div#content div.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;
    }

    div#content div.scrollContainer div.panel {
        height: 336px;
        width:940px; /* change to 560px if not using JS to remove rh.scroll */
    }
    
    div#content div.scrollContainer div.panel img.previewImage
	{
	    float:left;
	    width:620px;
	    height:336px;
	    margin-right:20px;
	}

    div#content .scrollContainer div.panel p{
        color:#666;
    }

    div#content .scrollButtons {
        position: absolute;
        top: 150px;
        cursor: pointer;
        z-index:20;
    }

    div#content .scrollButtons.left {
        left: -10px;
    }

    div#content .scrollButtons.right {
        right: -10px;
    }

    div#content .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*/    
    div#content div#slider 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*/
	}

	div#content div#slider 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;
	}
	
	div#content div#slider ul#slidertoolbar li#hiddenListItem
	{
	    visibility:hidden;
	    width:0;
	    height:200px;
	    margin:0;
	    padding:0;
	}
	
	div#content div#slider ul#slidertoolbar li.last
	{
	   
	    margin-right:0;
	}
	
	div#content div#slider ul#slidertoolbar li h2,
	div#content div#slider ul#slidertoolbar li a span.listItemTitle
	{
	    font-size:1em;
	    font-weight:bold;
	    padding-left:8px;
	    color:#000;
	    text-decoration:none;
	}
	
	div#content div#slider ul#slidertoolbar li h3 
	{ 
	    font-size:0.916em;/*11px*/
	    line-height:1.454em;/*16px*/
	    color:#000;
	    text-decoration:none;
	    font-weight:normal;
	    padding-left:0;
	}
	
	div#content div#slider ul#slidertoolbar li p,
	div#content div#slider ul#slidertoolbar li a span.listItemText 
	{ 
	    font-size:0.916em;/*11px*/
	    line-height:1.454em;/*16px*/
	    color:#666;
	    text-decoration:none;
	}
	
	div#content div#slider ul#slidertoolbar li a span.listItemTitle:hover,
	div#content div#slider ul#slidertoolbar li a span.listItemText:hover 
	{
	    text-decoration:none;
	}
	
	div#subcontent div#sliderTool 
    {
        width:260px;
        height:320px;
        overflow:hidden;
        background:transparent url(../../css-images/slider-elements/sliderTool-bckgrnd.gif) top left no-repeat;
    }
        
    div#subcontent #slider
    {
        width:256px;
        height:233px;
        margin: 0 auto 0 auto;
        position: relative;
    }

    div#subcontent ul.navigation
    {
	    padding-top:12px;
	    text-align:center;
    }
        
    div#subcontent ul.navigation li
    {
	    display:inline;
	    width:8px;
	    height:8px;
	}
        
    div#subcontent ul.navigation li a 
    {
	    background-color:#C9CCCD;
    }
        
    div#subcontent ul.navigation li a:hover
    {
	    text-decoration:none;
    }
        
    div#subcontent ul.navigation li a.selected
    {
	        
	    background-color:#6c757d;
    }
   
    div#subcontent div#slider div.scroll
    {
        height:233px;
        width:256px;/* fix for IE6 */
        overflow:auto;
        position:relative; /* fix for IE to respect overflow */
        clear:left;
    }

    div#subcontent div#sliderTool h3 
    {
        line-height:47px;
        padding-bottom:0;
        padding-left:20px;
        margin:0;
        border-bottom:1px solid #C9CCCD;
    }
        
    div#subcontent div.scroll div.scrollContainer /* Clips the content of the div so that the images don't tile down the page before the javascript has kicked in */
    {
        height:320px;
        overflow:hidden;
    }

    div#subcontent div.scroll div.scrollContainer div.panel
    {
        width:256px; /* change to 560px if not using JS to remove rh.scroll */
        height:232px;
        border-right:1px solid #fff;
        border-bottom:1px solid #C9CCCD;
        background-color:#e5e5e5;
    }
        
    div#subcontent div.scroll div.scrollContainer div.panel.lightgrey
    {
        background-color:#F9FAFA;/* override the backgroundcolour from the deafult setting */
    }
        
    div#subcontent div.scroll div.scrollContainer div.panel p
    {
        color:#000;
        padding-left:20px;
        padding-right:20px;
        padding-bottom:0;
    }
        
    div#subcontent div.scroll div.scrollContainer div.panel h4
    {
        color:#000;
        padding:20px 20px 8px 20px;
        font-size:14px;
        line-height:16px;
    }
        
    div#subcontent div.scroll div.scrollContainer div.panel h4.conf-pink
    {
        color:#ec1492;
    }
        
    div#subcontent div.scroll div.scrollContainer div.panel p a
    {
        cursor:pointer;/* ensure the cursor is correctly styled when an asp a link is used */
    }

    div#subcontent .scrollButtons
    {
        position: absolute;
        top:235px;
        cursor: pointer;
        z-index:20;
    }

    div#subcontent .scrollButtons.left
    {
        left:20px;
    }

    div#subcontent .scrollButtons.right
    {
        right:20px;
    }
