/* 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#banner {
padding: 0px 20px 15px 20px;
}

div#subcolwrapper {
padding-top: 30px;
}

div#subcol1 {
float: left;
width: 530px;
margin-top: 23px;
margin-left: 20px;
}

div#subcol2 {
float: right;
width: 150px;
margin-right: 20px;
margin-top: 20px;

}

div#landing_page_nav {
padding: 95px 0px 0px 25px;
}
div#content_related {
margin-top: 120px;
}

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

/* slideshow */

div#slideshowContainer {
background-color: #fff;
padding: 0px;
width: 768px;
height: 450px;
margin: 0;
}

div#slideshowContainer div.caption {
padding: 0;
}

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

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