@charset "UTF-8";
/* Homepage stylesheet for Valdosta State University 
By VSU Web Services
June 20, 2012 */

/* Homepage Background */

#homepage_background {
    width: 100%;
    height: 369px;
    background-image: url('../images/homepage/roof2.png');
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    z-index: -1;
    top: 90px;
    left: 0px;
    }

/* Featured Section */

#content #featured {
    height: 330px;
    width: 960px;
    margin-top: 50px;
    margin-bottom: 30px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.50);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.50);
    }
    
#content #featured iframe.welcome_video {
    width: 587px;
    height: 330px;
    }

#content #featured img.welcome_video_img {
    width: 373px;
    height: 330px;
    }

/* Audience Section */

#content #audience{
    width: 960px;
    height: 291px;
    margin: 0px;
    position: relative;
    }

#content #audience_top{
    width: 960px;
    height: 2px;
    background-image: url('../images/homepage/audience/audience_top.png');
    background-repeat: no-repeat;
    }
    
#content #audience_bottom{
    width: 960px;
    height: 41px;
    background-image: url('../images/homepage/audience/audience_bottom.png');
    background-repeat: no-repeat;
    }

/* Buttons on left side. */

#content #audience #buttons_480 {
    display:none;
    }

#content #audience #buttons {
    width: 300px;
    position: relative;
    display: block;
    float: left;
    }

#content #audience #buttons .button {
    display: block;
    width: 300px;
    height: 71px;
    border-bottom: 2px solid #BDAE9A;
    border-left: 1px solid #BDAE9A;
    background-image: url('../images/homepage/audience/audience_buttonbg.jpg');
    position: absolute;
    left: 0px;
    cursor:pointer;
    }

#content #audience .button h2 {
    padding-top: 27px;
    font-size: 18px;
    color: #806c50;
    text-align: center;
    text-decoration: none;
    }

#content #audience #buttons #current_students {
    margin-top: 73px;
    }
    
#content #audience #buttons #future_students {
    margin-top: 0px;
    }

#content #audience #buttons #faculty_staff {
    margin-top: 146px;
    }

#content #audience #buttons #alumni_friends {
    margin-top: 219px;
    }

#content #audience #alumni_friends.button {
    border-bottom: 0px;
    }

/* Selected Buttons */


#content #audience .selected {
    background-repeat: none;
    display: block;
    width: 362px;
    top: -10px;
    left: -13px;
    z-index: 9999;
    position: absolute;
    cursor:pointer;
    }

#content #audience #current_students.selected {
    background-image: url('../images/homepage/audience/audience_button_selected.png');
    height: 95px;
    }
    
#content #audience #future_students.selected {
    background-image: url('../images/homepage/audience/audience_button_selected.png');
    height: 95px;
    }
    
#content #audience #faculty_staff.selected {
    background-image: url('../images/homepage/audience/audience_button_selected.png');
    height: 95px;
    }

#content #audience #alumni_friends.selected {
    background-image: url('../images/homepage/audience/audience_button_selected_last.png');
    height: 91px;
    }
    
#content #audience .selected h2 {
    padding-top: 35px;
    text-decoration: none;
    padding-left: 95px;
    font-size: 18px;
    color: #E7CEAB;
    }
    
/* Information section on right side. */

#content #audience .info {
    width: 660px;
    float: left;
    font-size: 12px;
    line-height: 14px;
    /*color: #8B8A89;*/
    /*color: #5B5B5A;*/
    margin-top: 20px;
    margin-left: 300px;
    display: block;
    }
    
#content #audience #future_students_info
{
    display: block;
}
#content #audience #faculty_staff_info
{
    display: none;
}
#content #audience #current_students_info
{
    display: none;
}
#content #audience #alumni_friends_info
{
    display: none;
}

#content #audience .info .top {
    height: 210px;
    overflow: hidden;
    margin-bottom: 20px;
    display: block;
    }

#content #audience .info .middle_info {
    display: block;
    width: 200px;
    height: 204px;
    float: left;
    margin: 0px 10px 0px 80px;
    }
    
#content #audience .info .middle_info ul li {
    display: list-item;
    list-style-type: disc;
    margin-bottom: 5px;
    }

#content #audience .info .middle_info ul li a:hover {
    font-weight:bold;
    }

#content #audience .info .middle_info .title_red {
    display: block;
    width: 200px;
    color: #5E4433;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    }

#content #audience .info .middle_info .title_red a {
    color: #5F4534;
    }

#content #audience .info .divider {
    height: 204px;
    width: 10px;
    float: left;
    margin-right: 25px;
    background-image: url('../images/homepage/audience/audience_info_divider.png');
    background-repeat: no-repeat;
    }

#content #audience .info .right_info {
    width: 300px;
    float: left;
    }

#content #audience .info .right_info .item {
    height: 60px;
    margin-bottom: 50px;
    display: block;
    }

#content #audience .info .right_info .image {
    width: 65px;
    height: 65px;
    display: block;
    float: left;
    margin-right: 10px;
    }

#content #audience .info .right_info .item .title {
    display: block;
    font-weight: bold;
    color: #000;
    margin-bottom: 3px;
    }
    
#content #audience .info .bottom {
    width: 100%;
    display: block;
    float: left;
    }

#content #audience .info .bottom .go_button {
    color: #B00620;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    text-align: center;
    text-transform:uppercase;
    margin-left: auto;
    margin-right: auto;
    display: block;
    word-spacing: 3px;
    letter-spacing: 1px;
    }

#content #audience .info .bottom .go_button a {
     color: #B00620;
     }
    
#content #audience li {
    list-style: none;
    display: block;
    }

/* Feeds Section */
    
#content #feeds {
    width: 910px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    }

#content #feeds h3 {
    margin-bottom: 25px;
    color: #66503e;
    font-size: 18px;
    text-shadow:1px 1px 1px #fff;
    }

/* News Section */


#content #news {
    width: 300px;
    height: auto;
    float: left;
    margin-bottom:20px;
    }

#content #news ul {
    list-style: none;
    text-decoration: none;
    margin-left: 0px;
    }

#content #news .feed {
    position:absolute;
    top:0px;
    }

#content #news #news_feed {
    position:relative;
    height:370px;
    width:100%;
    overflow:hidden;
    }

#content #news ul li {
    height:170px;
    margin-bottom: 15px;
    }

#content #news ul .hidden {
    display: none;
    }


#content #news ul li img {
    margin-bottom: -1px;
    width: 247px;
    height: 94px;
    }

#content #news .title {
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    color: #985D4E;
    display: block;
    width: 250px;
    margin-bottom: 0px;
}

#content #news .detail {
    width: 250px;
    text-decoration: none;
    /*color: #585858;*/
    font-size: 12px;
    line-height: 13px;
    display: block;
}

/* News Arrow Buttons */

#content #news #arrow_buttons {
    width: 247px;
    height: 36px;
    display: block;
    margin-bottom: 10px;
    }

#content #news #arrow_buttons #news_feed_up {
    width: 121px;
    height: 36px;
    float: left;
    cursor: pointer;
    }
    
#content #news #arrow_buttons #news_feed_down {
    width: 124px;
    height: 36px;
    float: left;
    cursor: pointer;
    }
    
#content #news #arrow_buttons #news_feed_up.active
{
    background-image: url('../images/homepage/news/active_arrow_up.png');
}
    
#content #news #arrow_buttons #news_feed_up.inactive
{
    background-image: url('../images/homepage/news/inactive_arrow_up.png');
}
#content #news #arrow_buttons #news_feed_down.active
{
    background-image: url('../images/homepage/news/active_arrow_down.png');
}
    
#content #news #arrow_buttons #news_feed_down.inactive
{
    background-image: url('../images/homepage/news/inactive_arrow_down.png');
}

/* News Bottom Link */

#content #news .bottom_link {
    width: 247px;
    text-align: right;
    text-decoration: none;
    font-size: 16px;
    display: block;
    color: #66503e;
    text-shadow:1px 1px 1px #fff;
}

/* Events Section */

#content #events {
    width: 340px;
    height: auto;
    float:left;
    margin: 0px 40px 20px 0px;
    position: relative;
    }
    
/* Event Buttons */

#content #events #buttons h3 {
    margin-bottom: 15px;
    margin-top: -10px;
    color: #66503e;
    font-size: 16px;
    display: block;
    text-align: center;
    padding-top: 10px;
    width: 111px;
    height: 26px;
    text-shadow:1px 1px 1px #fff;
    cursor:pointer;
    }

#content #events #buttons .selected h3 {
    color: #66503e;
    background-image: url('../images/homepage/events/event_selected_bg.png');
    }

#content #events #buttons #featured_events {
    position: absolute;
    top: 51px;
    left: 0px;
    }

#content #events #buttons #academic {
    position: absolute;
    top: 51px;
    left: 111px;
    }

#content #events #buttons #arts {
    position: absolute;
    top: 51px;
    left: 222px;
    }

/* Event List Containers */

#content #events .info {
    width: 340px;
    height: auto;
    margin-top: 80px;
    }

#content #events #featured_events_info {
    display:block;
    }

#content #events #academic_info {
    display:none;
    }

#content #events #arts_info {
    display:none;
    }



/* Lists */

#content #events ul {
    list-style: none; 
    margin: 0px 0px 0px 0px;
    }

#content #events ul li {
    width: 330px; 
    float:left;
    margin-bottom: 10px;
    }

#content #events .date {
    margin: 0px 20px 0px 0px;
    height: auto; 
    width: 50px; 
    float:left;
    text-align: center;
    text-decoration: none;
    }

#content #events .date .month {
    font-size: 32px;
    line-height: 32px;
    color: #000;
    }
    
#content #events .date .day {
    font-size: 38px;
    line-height: 38px;
    color: #A4A3A0;
    }

#content #events .detail {
    height: auto; 
    width: 250px; 
    float: left;
    margin-top: 10px;
    }

#content #events .detail .title {
    text-decoration: none;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    color: #000;
    }

#content #events .detail .description {
    text-decoration: none;
    font-size: 12px;
    line-height: 12px;
    /*color: #A4A3A0;*/
    /*color: #5B5B5A;*/
    display: block;
    }
    
/* Events Bottom Link */

#content #events .bottom_link {
    width: 300px;
    text-align: right;
    text-decoration: none;
    font-size: 16px;
    display: block;
    color: #66503e;
    text-shadow:1px 1px 1px #fff;
}

/* Featured Sites */

#content #featured_sites{
    width: 220px;
    height: auto;
    margin: 40px 0px 20px 0px;
    float:left;
    }

#content #featured_sites img {
    margin-bottom: 15px;
    max-width: 224px;
    }

/* For Responsive */

#main_nav #menu .menu-title {
    display: none;
    }