/*
 * This section is for the slideshow images.
 */

#slideshow { 
    margin: 0px auto; 
    width: 658px; 
    height: 290px; 
    border: 1px solid #000; 
}

#slideshow a { 
    margin: 0px auto; 
    width: 658px; 
    height: 290px; 
    /* border: 1px solid #000; */
    text-decoration: none;
}

#slideshow img { 
    display: none;
}

#slideshow img.first {
    display: block;
}

/* this is added to remove the border for the slideshow images */
#content a img { 
    border: 0;
}

/*
 *  Pager on the slideshow (banner)
 */

#pager { 
    z-index: 50; 
    float: left;
    margin-left: 15px;
    margin-top: 10px;
    position: relative;
}
#pager a { 
    margin: 0 2px; 
    padding: 3px 5px; 
    border: 0px solid #000; 
    background: #BABABA; 

    color: white;
    font-weight: 900; 
    text-decoration: none;
}

#pager a.activeSlide { 
    background: #636363 
}

#pager a:focus { 
    outline: none; 
}

#pager-more { 
    z-index: 50; 
    float: left;
    margin-top: 10px;
    position: relative;
}
#pager-more a { 
    margin: 0 2px; 
    padding: 3px 5px; 
    border: 0px solid #000; 
    background: #BABABA; 

    color: white;
    font-weight: 900; 
    text-decoration: none;
}

#pager-more a:focus { 
    outline: none; 
}

/*
 *  Pager on the slideshow (banner)
 */

#pager-interviews { 
    z-index: 50; 
    float: left;
    margin-left: 15px;
    margin-top: 10px;
    position: relative;
}
#pager-interviews a { 
    margin: 0 2px; 
    padding: 3px 5px; 
    border: 0px solid #000; 
    background: #BABABA; 

    color: white;
    font-weight: 900; 
    text-decoration: none;
}

#pager-interviews a.activeSlide { 
    background: #636363 
}

#pager-interviews a:focus { 
    outline: none; 
}

#spacer {
    width: 662px;
    height: 10px;
}

#boxSpacer {
    width: 662px;
    height: 373px;
}

#adSpacer {
    width: 662px;
    height: 195px;
}

/*
 * This section is for the event box.
 */

#eventBox {
    width: 325px;
    height: 363px;
    float: right;
    border-top: 1px solid #EEEEEE;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}

#newsBox {
    width: 325px;
    height: 363px;
    float: left;
    border-top: 1px solid #EEEEEE;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}

#titleText, #titleText a {
    color: #666666;
    background-color: #eeeeee;
    border-bottom: 1px solid #EEEEEE;

    width: 100px;
    height:20px; 
    padding-left:3px; 
    padding-right:5px; 
    padding-top:0px; 
    line-height:2em;
    float:left; 

    text-transform: uppercase;
    font-family: helvetica, arial, sans-serif;
    font-weight: bold;
    font-size: 11px;
}

#titleText a:hover {
    color: #666666;
    text-decoration: underline;
}

/* single scrollable item */
.item {
	border-bottom:1px solid #FFFFFF;
        background-color: #E8EDF5;
	margin: 2px 0 0 0;
	padding:0px 0px 0px 0px;
	font-size:12px;
	height:83px;
}

.lastItem {
	/* border-bottom:1px solid #ddd; */
	margin: 2px 0 2px 0;
        background-color: #E8EDF5;
	padding:0px 0px 0px 0px;
	font-size:12px;
	height:83px;
}

.newsItem {
	border-bottom:1px solid #FFFFFF;
        background-color: #E8EDF5;
	margin: 2px 0 0 0;
	/*padding:8px 5px 8px 5px;*/
	font-size:12px;
	height:83px;
}

.newsLastItem {
	/* border-bottom:1px solid #ddd; */
        background-color: #E8EDF5;
	margin: 2px 0 2px 0;
	/*padding:8px 5px 8px 5px;*/
	font-size:12px;
	height:83px;
}

/*
 * event item settings
 */

.item a {
    display: block;
    padding: 5px 5px 5px 5px;
    height:73px;
    color: #2d2a62;
    font-size: 12px;
    line-height: 13px;
    font-weight: bold;
    font-style: normal;
}

.item a:hover {
    color: #ffffff;
    background-color: #2d2a62;
}

.lastItem a {
    display: block;
    padding: 5px 5px 5px 5px;
    height:73px;
    color: #2d2a62;
    font-size: 12px;
    line-height: 13px;
    font-weight: bold;
    font-style: normal;
}

.lastItem a:hover {
    color: #ffffff;
    background-color: #2d2a62;
}

#eventItemTitle {
    color: #333;
    font-size: 1em;
    line-height: 13px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;	
}


.item a #eventItemTitle, .lastItem a #eventItemTitle {
    color: #333;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;	
}

.item a:hover #eventItemTitle, .lastItem a:hover #eventItemTitle {
    color: #FFFFFF;
}



#eventItemTitle a {
    color: #2d2a62;
    font-size: 1em;
    line-height: 13px;
    font-weight: bold;
    font-style: normal;
}

#eventItemTitle a:hover {
    text-decoration: underline;
}

#eventItemTime {
    font-size: 11px;
    margin-bottom: .2em;
    color: #8c8c8c;
    font-family: Verdana, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;	
}

.item a #eventItemTime, .lastItem a #eventItemTime{
    font-weight: normal;
    font-size: 11px;
}

.item a:hover #eventItemTime, .lastItem:hover a #eventItemTime, .item a:hover #eventItemTime .time, .lastItem:hover a #eventItemTime .time {
    color: #EEEEEE;
}

#eventItemTime .time {
    color: #A81817;
}


#eventItemPerson {
    font-size: 11px;
    color: #666;
    font-family: Verdana, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;	
}

.item a #eventItemPerson, .lastItem a #eventItemPerson {
    font-weight: normal;
    font-size: 11px;
}

.item a:hover #eventItemPerson, .lastItem:hover a #eventItemPerson {
    color: #EEEEEE;
}

#eventItemSeries {
    color: #333;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;	
}

.item a #eventItemSeries {
    font-size: 11px;
}

.item a:hover #eventItemSeries, .lastItem:hover a #eventItemSeries {
    color: #EEEEEE;
}

/* 
 * news item style
 */

#newsItemTitle {
    color: #333;
    font-size: 1em;
    line-height: 13px;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;	
    height:84px;
}

#newsItemTitle a {
    display: block;
    padding: 13px 5px 4px 5px;
    height:67px;
    color: #2d2a62;
    font-size: 12px;
    line-height: 13px;
    font-weight: bold;
    font-style: normal;
}

#newsItemTitle a:hover {
    color: #ffffff;
    background-color: #2d2a62;
}

#newsItemTitle #newsSubheading {
    color: #666666;
    font-size: 11px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-weight: normal;
}

#newsItemTitle a:hover #newsSubheading {
    color: #EEEEEE;
}

#newsItemBody {
    padding-top: 0.2em;
    color: #666;
    font-size: 11px;
    font-family: Verdana, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;	
}

#newsItemBody a {
    color: #2d2a62;
}

#newsItemBody a:hover {
    text-decoration: underline;
}

#eventBox ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#eventBox ul.content {
    margin: 0px;
    padding: 22px 0px 0px 0px;
}

#newsBox ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#newsBox ul.content {
    margin: 0px;
    padding: 22px 0px 0px 0px;
}

/*
 * Event and News pager
 */

#more_button {
    width: 42px;
    height: 20px;
    float: right;
    text-align: center;
    font-weight: bold;
    background-color: #eee;
    border-bottom: 1px solid #EEEEEE;
    line-height:2.1em;
    font-size: 10px;
}

#more_button a {
    border: 1px solid #BABABA;
    background-color: #BABABA;
    color: #FFFFFF;

    padding: 1px 2px 0px 2px;
    margin-right: 3px;
    margin-top: 2px;
    min-width:1em;
    text-align:center;
}

#page_navigation {
    color: #fff;
    background-color: #eee;
    border-bottom: 1px solid #EEEEEE;

    width: 175px;
    height: 20px;
    padding-right: 0px;
    float: right;

    text-align: right;

    line-height:2.1em;
    font-size: 10px;
}
        
#page_navigation a {
    border: 1px solid #BABABA;
    background-color: #BABABA;
    color: #FFFFFF;
    padding: 1px 2px 0px 2px;
    margin-right: 3px;
    margin-top: 2px; 
    min-width:1em;
    text-align:center;
}

#page_navigation a:hover {
    text-decoration: underline;
}

#page_navigation .active_page {
    border: 1px solid #636363;
    background-color: #636363;
}

#videoBox {
    width: 325px;
    height: 190px;
    float: left;
    background-color: #fff;
}

#alumniBox {
    width: 327px;
    height: 193px;
    float: right;
    margin-right: 0px;
    background-color: #fff;
}