/* program css */

/* Use with image title - image needs to wrapped in <div id="title">image goes here</div> */
/*
div#title {
margin: 0 0 15px 0;
}
*/

div#content_related {
margin-top: 60px;
}

/* slideshow on page */
div#slideshowContainer {
background-color: #ccc;
padding: 5px;
width: 500px;
margin: 50px 0 0 0;
}

div#slideshowContainer div.caption {
padding: 10px;
}

div#content_primary ul.slideshowBox
{
position: relative;
margin: 0;
padding: 0;
}

div#content_primary ul.slideshowBox li
{
position: absolute;
z-index: 10;
top: 0;
left: 0;
list-style-type: none;
margin: 0;
padding: 0;
}

div#content_primary ul.slideshowBox li#playpause{
position: absolute;
top: 100%;
background-color: #999;
height: 20px;
margin-top: -20px;
}

div#content_primary ul.slideshowBox li#next{
position: absolute;
left: 60%;
background: transparent url('/renderfile/f01031ed8185062d01d18682732eea6c/images/slideshow-player/transparent.gif') no-repeat;
width: 40%;
height: 90%;
}

div#content_primary ul.slideshowBox li#next a {
display: block;
height: 100%;
width: 100%;
}

div#content_primary ul.slideshowBox li#next a:hover {
background: transparent url('/renderfile/f01031ed8185062d01d18682732eea6c/images/slideshow-player/next.png') no-repeat center right;
}

div#content_primary ul.slideshowBox li#previous{
position: absolute;
background: transparent url('/renderfile/f01031ed8185062d01d18682732eea6c/images/slideshow-player/transparent.gif') no-repeat;
width: 40%;
height: 90%;
}

div#content_primary ul.slideshowBox li#previous a {
display: block;
height: 100%;
width: 100%;
z-index: 30;
}

div#content_primary ul.slideshowBox li#previous a:hover {
background: transparent url('/renderfile/f01031ed8185062d01d18682732eea6c/images/slideshow-player/previous.png') no-repeat center left;
}

div#content_primary ul.slideshowBox li#playpause a {
display: block;
width: 20px;
height: 20px;
background: transparent url('/renderfile/f01031ed8185062d01d18682732eea6c/images/slideshow-player/play.png') no-repeat;
background-position: 0 0;
}

.slideshowBox li img
{
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}

h4.ofnote {
font-weight: bold;
text-transform: none;
margin-top: 15px;
}