/* Homepage Specific Styles */
#content_holder {
    width: 1006px;
    height: auto;
    padding-right: 10px;
    background-color: #F0F0F0;
}

#pagebody_holder {
    width: 100%;
}

/* Homepage Image */
#homepage_image {
    width: 1016px;
    height: 275px;
    position: relative;
}

#homepageCaption {
    position: absolute;
    top: 226px;
    background-color: #fff;
    color: #000;
    filter: alpha(opacity=80);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
    text-align: left;
    padding: 6px 8px;
    display: none;
    font-size: 11px;
    line-height: 11px;
}

/* Pacific Union College Title */
}

/* News, Who Are You, PUC Now Holder Div */
#features_bar {
    width: 925px;
    overflow: hidden;
    float: left;
}

/* Rotating News */
#features_contentleft {
    width: 100%;
    height: 64px;
    float: left;
    overflow: hidden;
    color: #7d7d74;
    margin: 10px 0 2px 10px;
    padding-bottom: 5px;
    position: relative;
    line-height: 15px;
    display: inline; /* To fix the IE floating div bug */
}

    #features_contentleft a {
        color: #2c8d9e;
    }

        #features_contentleft a:hover {
            color: #525245;
        }

.imageleft {
    float: left;
    padding-right: 6px;
}

.homenewsText {
    height: 28px;
    overflow: hidden;
    width: 100%;
}

#nav {
    width: 50%;
    position: absolute;
    top: 45px;
    left: 102px;
    z-index: 10;
    height: 18px;
    padding-top: 2px;
}

    #nav a {
        padding: 2px 4px;
        border: 1px solid #c4c1bd;
        margin-right: 6px;
        font-size: 11px;
    }

        #nav a.activeSlide {
            font-weight: bold;
            color: #525245;
            background-color: #d8d5c6;
        }

#s4 .homeNewsHold .homenews_summery {
    height: 70px;
    float: left;
}

/* Who Are You */
#home_contentleft {
    width: 202px;
    height: 192px;
    margin: 0px 10px 10px 10px;
    float: left;
    overflow: hidden;
    display: inline; /* To fix the IE floating div bug */
    background-image: url(../__data/assets/image/0017/7109/lower_bg.html);
}

    #home_contentleft h1 {
        width: 201px;
        padding: 0px 4px 0px 6px;
        line-height: 24px;
        background-image: url(../__data/assets/image/0010/7111/home_header_who.html);
        color: #2c8d9e;
        font-size: 14px;
        text-transform: uppercase;
        border-bottom: 1px dotted #525245;
    }

#navlist_who li {
    display: inline;
}

#navlist_who {
    width: 202px;
    font-size: 14px;
}

    #navlist_who a {
        width: 99.99%;
        height: 32px;
        display: block;
        border-bottom: 1px dotted #525245;
        text-align: left;
        color: #525245;
        padding: 0px 4px 0px 6px;
        line-height: 33px;
    }

        #navlist_who a:hover {
            color: #c4582b;
        }

a#facStaff {
    border: none;
}

select, input {
    /*height: 30px !important;*/
    padding: 6px;
    box-sizing: border-box;
}

.back_lightyellow {
    background-color: #e2e4c2;
    padding: 20px 30px 40px;
}

input[type="text"], select, textarea {
    width: 75% !important;
}

select, input[type="text"] {
    height: 40px;
    padding: 10px;
}

/* PUC Now */
/* #home_contentcenter { padding-left :100px;width:750px; height:at:px; margin:0px 0px 10px 0px; float:left; overflow: hidden; display: inline; /* To fix the IE floating div bug */ /* background-image: url(../images/lower_bg.jpg); line-height:25px; font-size:11px; color:#525245;} */
#home_contentcenter {
    padding-left: 100px;
    width: 950px;
    margin: 0px 0px 10px 0px;
    float: left;
    overflow: hidden;
    display: inline; /* To fix the IE floating div bug */
    line-height: 25px;
    font-size: 11px;
    color: #525245;
}

    #home_contentcenter h1 {
        width: 364px;
        margin: 0 0 6px 0;
        padding: 0px 4px 0px 6px;
        line-height: 20px;
        background-image: url(../images/home_header_now.jpg);
        color: #2c8d9e;
        font-size: 14px;
        text-transform: uppercase;
        border-bottom: 1px dotted #525245;
    }

    #home_contentcenter a {
        color: red;
        font: bold 12px Arial, Helvetica, sans-serif;
    }

        #home_contentcenter a:hover {
            color: maroon;
        }

.home_contentcenter_img {
    float: right;
    padding: 10px 15px 10px 15px;
    border: 1px solid #C5C1B5;
    background-color: #fff;
    margin-left: 6px;
}

.nowItem {
    margin: 0px 6px 2px 6px;
    overflow: hidden;
    width: 780px;
    border-bottom: 1px dotted #525245;
}

.nowItem_span {
    text-decoration: none;
    font-family: Tahoma;
    color: #663A00;
    font-weight: bold;
    font-size: 10pt;
    float: left
}

/* Upcoming Events Calendar */
#home_contentright {
    width: 210px;
    height: 263px;
    float: right;
    margin: 10px 0 10px 10px;
    background-image: url(../__data/assets/image/0012/7113/events_bg.html);
    position: relative;
    overflow: hidden;
}

    #home_contentright #homeScroll {
        height: 190px;
        width: 210px;
        overflow: hidden;
        padding-left: 4px;
    }

    #home_contentright .scroll {
        overflow: hidden;
        height: 190px;
        width: 200px;
    }

    #home_contentright h1 {
        width: 199px;
        background-image: url(../__data/assets/image/0011/7112/home_header_events.html);
        padding: 0px 4px 0px 6px;
        line-height: 24px;
        color: #2c8d9e;
        font-size: 14px;
        text-transform: uppercase;
        border-bottom: 1px dotted #525245;
    }

h2#date {
    font-size: 14px;
    margin: 4px 0;
    padding-left: 6px;
    color: #525245;
}

#home_contentright ul {
    font-size: 10px;
    width: 188px;
}

    #home_contentright ul li.calItem {
        border-bottom: 1px dotted #565656;
        padding: 3px 0;
    }

#home_contentright a {
    color: #525245;
    padding: 6px 0px 6px 2px;
    width: 189px;
    text-align: left;
}

    #home_contentright a strong {
        color: #222220;
    }

    #home_contentright a:hover {
        color: #c4582b;
    }

#home_contentright span.ISODate {
    color: #2a2a23;
}

#eventsBottom {
    padding-left: 6px;
    padding-top: 0px;
    font-size: 11px;
    position: relative;
}

    #eventsBottom a {
        color: #2c8d9e;
    }

        #eventsBottom a:hover {
            color: #525245;
        }

#eventsBottomRight {
    position: absolute;
    top: 195px;
    left: 122px;
    width: 82px;
    text-align: right;
}

#eventsBottomLeft {
    position: absolute;
    top: 195px;
    left: 4px;
}

/* ADDED FOR CYCLE DEMO */
#homepage_image_inner {
    width: 1016px;
    height: 275px;
    position: relative;
    overflow: hidden;
}

#homepageSlideLeft,
#homepageSlideRight {
    display: none;
}

div.homepageImageItem div.caption {
    position: absolute;
    z-index: 100;
    background-color: #fff;
    opacity: .8;
    padding: 6px;
    display: none;
    filter: alpha(opacity=80);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    -moz-opacity: 0.80;
    bottom: 10px;
    right: 0px;
    width: 270px;
    padding-right: 8px;
}

    div.homepageImageItem div.caption.left {
        left: 0 !important;
    }

    div.homepageImageItem div.caption p {
        line-height: 13px;
        font-size: 11px;
        margin-bottom: 0;
    }

/* Drop Shadow Arrow */
#homepageSlideLeft {
    height: 54px;
    width: 42px;
    position: absolute;
    right: 10px;
    top: 100px;
    z-index: 500;
    cursor: pointer;
    background: url(../__data/assets/image/0010/67996/homepage-arrow-right.html) no-repeat 6px -2px;
    opacity: .8;
    filter: alpha(opacity=80);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    -moz-opacity: 0.80;
}

#homepageSlideRight {
    height: 54px;
    width: 42px;
    position: absolute;
    left: 10px;
    top: 100px;
    z-index: 500;
    cursor: pointer;
    background: url(../__data/assets/image/0011/67997/homepage-arrow-left.html) no-repeat -6px 0;
    opacity: .8;
    filter: alpha(opacity=80);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    -moz-opacity: 0.80;
}

/* Distinction Icons */
#distinctionIcons {
    width: 1016px;
    margin: -10px auto 0 auto;
    height: auto;
    border-bottom: 4px solid #d2cebb;
}

    #distinctionIcons li {
        display: inline;
    }

        #distinctionIcons li img {
            opacity: 0.5;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
            filter: alpha(opacity=50);
            width: 70px;
            height: auto;
        }

        #distinctionIcons li:last-child {
            padding-right: 6px;
        }