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

/* Of Note */
div#ofnote-items h4.ofnote {
padding: 10px 0 0 0;
}

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

div#slideshowContainer {
background-color: #ccc;
width: 500px;
}

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

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