/*---------- history timeline  --------*/
#mainContent #History p {
    background-color: #f0f0f0;
    border-top: 1px solid #CCCCCC;
    margin: 0 0 0.5em;
    padding: 15px;
    width: 95%;
}

#mainContent #History h2 {
    color: #6D6E71;
    font-family: 'Goudy Bookletter 1911',Georgia,'Times New Roman',serif;
    font-size: 2em;
    font-weight: normal;
    margin: .5em, 0, .2em, 0;
    padding: 0;
 }
/* removed this if flexslider is used on 3rd column */
#homepageContent .col3of3 ul li {
    /*border-bottom: 1px solid #CCC;*/
    display: block;
    font-weight: 400;
    line-height: 1.5em;
    text-decoration: none;
    width: 90%;
    margin: 0;
    padding: 5px 8px 5px 5px;
}
@media only screen and (min-width:759px) and (max-width:940px) {
    #mega li a { padding: 12px 13px; font-size: 1.1em; }
    #mega li a.current { padding-top: 16px; }
}
 /* Desktop Layout: 768px to a max of 999px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width:768px) {
    /* Small Panels */
    #promo a#Clinical-Trials, #promo a#Clinical-Trials:hover,
    #promo a#History, #promo a#History:hover,
    #promo a#Give, #promo a#Give:hover,
    #promo a#Events, #promo a#Events:hover,
    #promo a#Volunteer, #promo a#Volunteer:hover {
        float: left;
        background: url(../images/panels-sprite.png) no-repeat scroll left top;
        font-size: 0;
        padding: 0;          
        height: 84px;
        width: 180px;
    }
    #promo a#Clinical-Trials:hover { background-position: -182px top;}
    #promo a#History{ background-position: left -86px;}
    #promo a#History:hover { background-position: -182px -85px;}
    #promo a#Give { background-position: left -170px;}
    #promo a#Give:hover { background-position: -182px -170px;}
    #promo a#Events { background-position: left -255px;}
    #promo a#Events:hover { background-position: -182px -255px;}
    #promo a#Volunteer { background-position: left -340px;}
    #promo a#Volunteer:hover { background-position: -182px -340px;}
}