/* 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;
}

/* Set up header image spacing */
div#header-images {
margin-left: -2px;
}

div#header-images img {
margin-left: 2px;
}

/* For background navigation color */
div#content {
position: relative;
background: #fff url('../images/nav-bg-home.jpg') no-repeat top left;
}

/* For captions on images in header */
#dynatip {
display: none;
background:transparent url('../images/black_arrow.png') bottom left;
font-size:11px;
height:30px;
width:160px;
padding:10px 25px 10px 25px;
color:#fff;   
}

#dynatip.bottom {
    background:url('../images/black_arrow_bottom.png');    
    padding-top:10px;
    height:55px;
}
 
#dynatip.bottom {
    background:url('../images/black_arrow_bottom.png');     
}

* Event Feed ------------------------------ */

.eventitem p {
margin:0;
line-height:1.7;
}

.location {
font-style: italic;
}

div#eventfeed h4 {
    margin: 20px 0 10px 0;
    font-size: 12px;
}

div#eventfeed h4 a {
    text-transform: uppercase;
    color: #990000;
    text-decoration: underline;
}

div#eventfeed p {
    margin: 0;
}

div#eventfeed p.time{
    color: #333;
    font-size: 12px;
    font-weight: bold;
}

div#eventfeed a {
    color: #333;
    text-decoration: underline;
}

div#eventfeed div.eventitem {
    margin: 0 0 20px 0;
}

/* Make the Of Note pretty */
div#content_related h3 {
color: #315135;
margin-bottom: -15px;
}

/* Slideshow */
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;
}

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