/*---- menusection ----*/

body.menusection div#content{
    background-position: 240px 30px;
}
div#menu-sections{
    border-bottom: double #E67C36 7px;
    text-align: center;
    margin-bottom: 1em;
    padding: 0.5em 0;
}
div#menu-sections a{
    color: #A12204;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    padding: 0 8px;
    text-decoration: none;
    text-transform: uppercase;
    white-space:nowrap;
}
h1.menusection-title{
    background: url(../img/menusection-title-bg.png) no-repeat top left;
    color: #FEEEC3;
    display: block;
    font-size: 16px;
    height: 27px; /* 36 */
    margin-bottom: 0.5em;
    padding: 6px 0 3px 16px;
    text-align: left;
    text-transform: uppercase;
    width: 316px; /* 332 */
}
div#content h1 a{
    color: inherit;
}
div.menusection-description{
    padding-left: 40px;
}
div.menusection-items{
    padding-left: 40px;
}
div.menusection-items h3{
    color: #A12204;
}
div.menusection-img{
    background: url(../img/frame-menusection.png) no-repeat top right;
    float: right;
    height: 295px; /* 295 */
    padding: 0 8px; /* this also gives a 9px simulation 'margin' on the left */
    width: 240px; /* 251 */
}
div.menusection-img img{
    /* img is 255x215 */
    padding-left: 13px;
    padding-top: 10px;
} 
div.menusection-img span{
    display: block;
    font-style: italic;
    line-height: 1.2em;
    height: 15px;
    padding: 2px 22px;
}
.featured{
    background: url(../img/icon-pea.gif) no-repeat top left;
    padding-left: 40px;
}
#featured-note{
    padding: 5px 40px;
    margin-top: 3em;
    margin-left: 50px;
    font-style: italic;
}