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

.flex-caption {
top: 154px;
height: 83px;
}

/* Navigation */

#homepage_background {
    display: none;
    }

/* Featured Section */

#content #featured {
    width: 450px;
    height: 255px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    }

#content #featured iframe.welcome_video {
    width: 480px;
    height: 165px;
    }

#content #featured img.welcome_video_img {
    display:none;
    }


#content #featured img {
    width: 480px;
}

/* Audience Section */

#content #audience{
    width: 480px;
    height: 47px;
    margin-bottom: 30px;
    }

#content #audience_top{
    display: none;
    }
    
#content #audience_bottom{
    display: none;
    }

/* Buttons on left side. */

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

#content #audience #buttons_480 {
    display:block;
    height: 47px;
    width: 470px;
    }

#content #audience #buttons_480 #future_students_480 {
    margin-top: 0px;
    }
    
#content #audience #buttons_480 #current_students_480 {
    margin-top: 0px;
    margin-left: 120px;
    }

#content #audience #buttons_480 #faculty_staff_480 {
    margin-top: 0px;
    margin-left: 240px;
    }

#content #audience #buttons_480 #alumni_friends_480 {
    margin-top: 0px;
    margin-left: 360px;
    }

#content #audience .button h2 {
    width: 120px;
    height: auto;
    padding-top: 30px;
    }

#content #audience #buttons_480 .button {
    width: 120px;
    height: 47px;
    border-bottom: none;
    border-left: none;
    background-image: url('../images/homepage_responsive/480/audience_bg.png');
    margin-left: 0px;
    }

#content #audience #buttons_480 .selected {
    background-image: url('../images/homepage_responsive/480/selected_audience_bg.png');
    background-repeat: repeat-x;
    width: 120px;
    height: 75px;
    top: 0px;
    left: 0px;
    z-index: 9999;
    position: absolute;
    }

#content #audience #current_students.selected {
    background-image: url('../images/homepage_responsive/480/selected_audience_bg.png');
    width: 120px;
    height: 47px;
    }
    
#content #audience #future_students.selected {
    background-image: url('../images/homepage_responsive/480/selected_audience_bg.png');
    width: 120px;
    height: 47px;
    }

#content #audience #alumni_friends.selected {
    background-image: url('../images/homepage_responsive/480/selected_audience_bg.png');
    width: 120px;
    height: 47px;
    }

#content #audience #faculty_staff.selected {
    background-image: url('../images/homepage_responsive/480/selected_audience_bg.png');
    width: 120px;
    height: 47px;
    }

#content #audience .selected h2, #content #audience .button h2 {
    padding: 15px 0px;
    margin: 0px;
    font-size: 12px;
    color: #806c50;
    text-align: center;
    text-decoration: none;
    width: 120px;
    height: auto;
    }

/* Information section on right side. */

#content #audience .info {
    display: none;
    }

#content #audience .info .middle_info {
    display: none;
    }

#content #audience .info .divider {
    display: none;
    }

#content #audience .info .right_info {
    display: none;
    }

/* Feeds Section */
    
#content #feeds {
    width: 400px;
    }

#content #news h3, #content #events h3, #content #featured_sites h3 {
    width: 400px;
    height: 44px;
    line-height: 44px;
    color: #DEE1D5;
    text-shadow: none;
    background-image: url('../images/homepage_responsive/480/feeds_title_bg.png');
    padding-left: 10px;
    }

/* News Section */

#content #news {
    width: 400px;
    }

#content #news #news_feed {
    width: 360px;
    height: 185px;
    margin-bottom: 10px;
    margin-left: 40px;
    }
    
#content #news #news_feed img{
    width: 320px;
    height: auto;
    }

#content #news .title {
    width: 320px;
    height: 14px;
    overflow: hidden;
    }

#content #news .detail {
    width: 320px;
    }

/* News Arrow Buttons */

#content #news #arrow_buttons {
    width: 400px;
    height: 55px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    }

#content #news #arrow_buttons #news_feed_up {
    width: 193px;
    height: 55px;
    }
    
#content #news #arrow_buttons #news_feed_down {
    width: 207px;
    height: 55px;
    }
    
#content #news #arrow_buttons #news_feed_up.active
{
    background-image: url('../images/homepage_responsive/480/active_arrow_up.png');
}
    
#content #news #arrow_buttons #news_feed_up.inactive
{
    background-image: url('../images/homepage_responsive/480/inactive_arrow_up_02.png');
}
#content #news #arrow_buttons #news_feed_down.active
{
    background-image: url('../images/homepage_responsive/480/active_arrow_down.png');
}
    
#content #news #arrow_buttons #news_feed_down.inactive
{
    background-image: url('../images/homepage_responsive/480/inactive_arrow_down.png');
}

/* News Bottom Link */

#content #news .bottom_link {
    width: 400px;
}

/* Events Section */

#content #events {
    width: 440px;
    }


/* Event Buttons */

#content #events #buttons {
    margin-left: 10px;
    }

#content #events #buttons h3 {
    background: none;
    padding-left: 0px;
    padding-top: 0px;
    width: 133px;
    height: 43px;
    line-height: 43px;
    }

#content #events #buttons .selected h3 {
    background-image: url('../images/homepage_responsive/480/selected_event_bg.png');
    }

#content #events #buttons #featured_events {
    top: 70px;
    left: 0px;
    }

#content #events #buttons #academic {
    top: 70px;
    left: 133px;
    }

#content #events #buttons #arts {
    top: 70px;
    left: 266px;
    }

/* Lists */


#content #events ul li {
    width: 400px;
    margin-bottom: 10px;
    }

#content #events .detail {
    width: 300px;
    margin-top: 5px;
    margin-right: 0px;
    }

#content #events .detail .title {
    font-size: 14px;
    line-height: 16px;
    }

#content #events .detail .description {
    font-size: 14px;
    line-height: 16px;
    }

#content #events #featured_events_info {
    margin-left: 20px;
    }

#content #events #academic_info {
    margin-left: 20px;
    }

#content #events #arts_info {
    margin-left: 20px;
    }   

/* Events Bottom Link */

#content #events .bottom_link {
    width: 400px;
}

/* Featured Sites */

#content #featured_sites{
    width: 400px;
    }
    
#content #featured_sites img{
    width: 360px;
    margin-left: 25px;
    }

/* For Responsive */

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