/* background and font colors */
    body{
        /*background-color: #111;
        color: white;*/
        font-family: Arial, "MS Trebuchet", sans-serif;
    }
   
    h2{
        color:#8091b0;
    }
   
    /* Define dimensions, and hide anything outside of the div wrapper.
       This is so only the first news story displays as the other
       stories are below the wrapper div if Javascript is shut off.*/
    div#slideShow{
        background:#cccccc;
        width:550px;
        height:235px;
        overflow:hidden;
        position:relative;
    }

    /*Specify a width for each news story */
    div#slideShowItems div{
        width:550px;
    }
   
    /* Container for the tabs, the width is set so
       when we float the tabs right they align with the
       edge of the slideshow */
    ul#slideShowCount{
        margin:0px;
        padding:0px;
        width:550px;
    }
   
    /* Float the tabs to the right, and give them a background
       image that looks like a tab. */
    ul#slideShowCount li.slide{
        line-height:14px;
        float:right;
        cursor:pointer;
        width:12px;
        height:17px;
        display:block;
        /*background: transparent url(tabs.jpg) no-repeat scroll left top;*/
        background: #cccccc;
    }
   
    /* Style the numbers inside of each tab */
    ul#slideShowCount li.slide span{
        padding-left:0px;
        color:black;
        font-weight:bold;
        font-size:10px;
        font-family: Arial, Helvetica, sans-serif;
    }

    /* Roll over / selected state for the tab */
    /*Shifts background image up, there is a selected state
         below the regular state in the image */
    ul#slideShowCount li.slide:hover{background: #999999;}
    ul#slideShowCount li.slide.selectedTab{
        background: #fff;  
        /*background-position:left -18px;*/
    }
   
   
    </style>