div#accordion {
    margin-bottom: 1em;
}

/*---------- 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;
}
#news-filter {display:none;}
 /* Desktop Layout: 768px to a max of 999px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width:768px) {
    #mega li a {font-size: 15px; padding: 14px 10.5px 13px;}
    #mega li a.current {padding-top: 18px;}
    #mega li:nth-child(5) .sub {left: -250px;}
    #gallery .flex-caption .fullCaption {padding-top: 2em;}
    #news-filter {display:block; color: #54585a; position:absolute; width: 160px; padding: 5px; border: 1px solid #ccc; background-color:#EBEBEB;margin:5px}
    #news-filter h3 {font-size: 1.2em; margin-top:0}
    #news-filter ul{list-style:none;padding:0}
    #news-filter ul li {font-size: 1em; margin: 1em 0;}
    #news-filter ul li label {margin-left: 1em;}

    /* Small Panels */
    #promo a#Email, #promo a#Email:hover,
    #promo a#Facebook, #promo a#Facebook:hover,
    #promo a#Twitter, #promo a#Twitter:hover {
        float: left;
        background: url(../images/ipham-panels-sprite-180.png) no-repeat scroll left top;
        font-size: 0;
        padding: 0;          
        height: 84px;
        width: 180px;
    }
    #promo a#Email:hover { background-position: -182px top;}
    #promo a#Facebook{ background-position: left -85px;}
    #promo a#Facebook:hover { background-position: -182px -85px;}
    
    #promo a#Twitter{ background-position: left -170px;}
    #promo a#Twitter:hover { background-position: -182px -170px;}
}
@media only screen and (min-width:1000px) {
    #mega li a {padding: 11px 15px; font-size: 19px;}
    #mega li a.current {padding-top: 15px;}
    #mega li:nth-child(5) .sub {left:-180px;}
}

img.rightBottomPad {
    margin: 0 10px 10px 0;
}