#tdr_2_col_nav {
    width: 18%;
}

#tdr_2_col_content {
    width: 80%;
}

/* toolbox */
#toolbox .cs_box_content ul {
    list-style: none;
}

#toolbox .cs_box_content ul li {
    margin-left: 0;
}

/* campus resources */
#campus_resources {
    background-color: #fff;
    margin-bottom: 0;
}

/* things to do */
#things_to_do .cs_box_content ul {
    list-style: none;
    list-style-image: none;
}

#things_to_do .cs_box_content ul li {
    margin-left: 0;
}

/* calendar gateway */
#calendar_gateway {
    background: #fff;
}

#calendar_gateway p {
    text-align: right;
    font-size: 85%;
    padding-left: 100px;
}

/* campus resources */
#campus_resources .cs_box_content {
    text-align: center;
}

#campus_resources .cs_box_content img {
    margin-right: 1em;
}

/* news update */
#news_and_updates {
    background: #fff;
}

#news_and_updates .cs_box_content h5 {
    float: left;
    width: 120px;
    font-weight: normal;
    color: #000;
}

#news_and_updates .cs_box_content {
    padding: 10px 0 10px 20px;
    background: #e6f6ff;
}

#news_and_updates .cs_box_content table td {
    padding-right: .25em;
    padding-bottom: .5em;
}

.cs_news_story {
    background: #fff;
    height: auto;
}

.cs_news_story img {
    float: left;
    margin-right: 10px;
    margin-bottom: 1em;
}

.cs_news_story h4 {
    background: #d0e4ea;
    padding: 5px 0px;
}

.cs_news_story p {
    color: #444;
    padding-left: 140px;
}

/* side nav */

#tdr_nav_list a, #tdr_nav_list span, .sf-menu a, .sf-menu span {
    text-shadow: none;
}

#side_nav_header {
    height: 160px;
    background: url('images/current_students_side_nav.png') top left
        no-repeat;
}

#tdr_2_col_nav {
    overflow: visible;
}

/*** VERTICAL MENU ***/
/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical li {
    width: 100%;
    *height: 26px; /* IE7 only hack */
}

.sf-vertical li li {
    _margin: 0; /* IE6 only hack */
}

.sf-vertical li li a {
    *height: 13px; /* IE7 only hack */
}

.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
    left: 100%;
    margin-top: -50px;
}

/* skin */
.sf-vertical ul {
    background: transparent;
}

.sf-vertical li,
.sf-vertical a,
.sf-vertical span {
    background: #fff;
}

.sf-vertical,
.sf-vertical ul {
    border-top: 1px solid #ccc;
}

.sf-vertical a,
.sf-vertical span {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    color: #036;
}

.sf-vertical a,
.sf-vertical span,
.sf-vertical li li a,
.sf-vertical li.active a,
.sf-vertical li.active li a {
    background: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='false');
}

span.sf-sub-indicator { 
    display: none;
}


/* override skin */
.nav_list li a:hover,
.nav_list li span:hover,
.nav_list li span.hover {
    background: #111944;
    color: #fff;
}

.nav-tool {
    padding: 4px 0;
    clear: both;
    background: #111944;
    text-align: center;
}

.nav-tool img {
    padding-right: 4px;
}

.sf-vertical a, .sf-vertical span, .sf-vertical li li a, .sf-vertical li.active a, .sf-vertical li.active li a {
    -webkit-transition: none  ;
    -moz-transition: none  ;
    -ms-transition: none  ;
    -o-transition: none  ;
    transition: none  ;
}

@media screen and (max-width: 948px) {
    
    
    .nav_list a {
        white-space: normal;
    }
    
    
}

@media screen and (max-width: 768px) {


    #tdr_2_col_nav {
        width: 100%;
    }
    
    #tdr_2_col_content {
        width: 100%;
    }
    
    
    #side_nav_header {
        display: none;
    }
    
    iframe {
        width: 100%;
    }
    
    .cs_news_story img {
        margin-bottom: 0;
        max-width: 80%;
    }
    
    .cs_news_story p {
    padding-left: 0;
    }
    
    .sf-vertical li:hover ul,
    .sf-vertical li.sfHover ul {
    left: 0;
    margin-top: 0;
}


    
}

@media screen and (max-width: 360px) {

#campus_resources {
    margin-bottom: 0;
}

#campus_resources .cs_box_content img {
    margin: 0;
}

}