﻿

#slideshow
{
    
    background-position: 0 0;
    margin: 0 auto;
    width: 600px;
    height: 475px;
    background: transparent none no-repeat 0 0;
    position: relative;
    float: right;
}

#SlideShowContainer
{
    position: relative;
    clear: both;
    width: 600px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

#SlideShowContainer a
{
    color: #FFFFFF;
}

#StoryContainer
{
    color: #FFFFFF;
    text-align: left;
    font-size: 14px;
}

#StoryContainer p
{
    color: #FFFFFF;
    font-family: Verdana;
}
#StoryContainer a
{
     color: #FFFFFF;
    font-family: Verdana;
}

#StoryContainer a:hover
{
    color: #FFFFFF;
    font-family: Verdana;
    text-decoration: underline;
}



#slideshow #slidesContainer
{
    margin: 0 auto;
  width: 500px;

    overflow: auto; /* allow scrollbar  #154768*/
    position: relative;
}
#slideshow #slidesContainer .slide
{
    margin: 0 auto;
    width: 470px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
    height: auto;
}

/** 
 * Slideshow controls style rules.
 */
.control
{
    display: block;
    width: 39px;
    height: 40px;
    text-indent: -10000px;
    position: absolute;
    cursor: pointer;
    z-index: 100000;
}
#leftControl
{
    top: 0;
    left: 0;
    background: transparent url('./../images/control_left.png') no-repeat right 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url('./../images/control_right.png') no-repeat 0 0;
}

/** 
 * Style rules for Demo page
 
* {
  margin:0;
  padding:0;
  font:normal 11px Verdana, Geneva, sans-serif;
  color:#ccc;
}/*/
#pageContainer a {
  color: #fff;
  font-weight:bold;
  text-decoration:none;
}
#pageContainer a:hover {
  text-decoration:underline;
}
/*
body {
  background:#393737 url(img/bg_body.jpg) repeat-x top left;
}/*/
#pageContainer
{
    border: 1px solid #FFFFFF;
    padding: 10px;
    margin: 0 auto;
    width: 100%;
    position: relative;
    float: left;
    font-family: Verdana;
    font-size: 14px;
    color: #FFFFFF;
}
#pageContainer h1
{
	background-position: left top;
	display: block;
	width: 1000%;
	height: 114px;
	background: transparent no-repeat left top;
	text-indent: -10000px;
}
#pageContainer p
{
    color: #FFFFFF;
}


.slide h2, .slide p
{
    margin-right: 13px;
    margin-left: 13px;
}

.slide p
{
    font-family: Verdana;
    font-size: 14px;
    width: 90%;
    color: #FFFFFF;
}
.slide h2
{
    font: normal 18px 'Segoe UI';
    color: #FFFFFF;
    letter-spacing: -1px;
    font-weight: bold;
}
.slide img
{
    margin: 0 13px;
    width: 475px;
    height: 322px;
}



