/* total width = 731px */
div#stWrapper { text-align: center; }
div#stSlider { text-align: left; width: 731px; margin: 0px; padding: 0px; border: 0px; background-color: #000; }

/* image width = 500px */
/* image height = 250px */
div#stSliderContent { float: right; width: 500px; height: 250px; margin: 0px; padding: 0px; border: 0px; background-color: #000; margin-bottom: 20px; }
img.stSlide  { width: 500px; height: 250px; border: 0px; padding: 0px; margin: 0px; }
div#stSlides { margin-top: 0px; display: none; }

/* title list width = 231px */
div#stListWrapper { width: 231px; height: 250px; float: left; margin: 0px; padding: 0px; border: 0px; background-color: #000; margin-bottom: 20px; }
ul#stTitleList { list-style-type: none; margin: 0px; padding: 0px; width: 231px; height: 200px; background-color: #000; }
#stTitleList li { color: #FFF; margin: 0px; padding: 5px; border: 0px; height: 40px; }
a.stEventLink { font-size: 110%; font-weight: bold; text-decoration: none; color: #FFF; }
a.stEventLink:hover { color: #F00; }
a.stEventLink:focus { outline: none; }
#stTitleList li.stSelected { color: #000; background-color: #F90; background-image: url(selected-title-arrow.jpg); background-position: right top; background-repeat: no-repeat; }
#stTitleList li.stSelected a.stEventLink { color: #000; }
#stTitleList li.stSelected a.stEventLink:hover { color: #F00; }