#header-section{
    height: 338px; font-family: Calibri;
}

#header-section div.header {
    height: 55px; 
    height: 58px\9;
    background: #1f716c; 
    border-bottom: 1px solid #FFFFFF;  
    font-weight: bold; color:#FFFFFF;
}
.header-name{
    padding-left: 22px;
    padding-top: 16px; 
    font-size: 14pt;
    float: left;
}
.header-home{
    padding-right: 10px;
    padding-top: 29px; 
    font-size: 11pt; 
    float: right;
}

.header-home a{
    color: white; 
    position: relative; 
    z-index: 999;
}

.logo-area{
    float: left; width: 417px;
}
.banner-img{
    float: left; margin-top: -47px;
}

#menu-area{
    height: 32px; background: #88b53e;
    border-bottom: 1px solid #FFFFFF;
/*    border-bottom: 27px solid #fbd74e;*/
}
#menu-area div{
    float: left; border-right: 1px solid #FFFFFF;
    margin-top: -3px\9;
    *margin-top: 0px;
}
#menu-area div a{
    color: #434644; 
    padding: 7px 7px; 
    display: block;
    font-size: 11pt;
    font-weight: bold;
}
#menu-area div a.special{
    text-align: center; 
    padding: 0px 10px; 
    line-height: 1.1em;
}
#menu-area div a:hover, #menu-area div a.active, #menu-area div #active{
    background: #136A64 url('/images/hover_arrow.png') no-repeat;
    background-position: center 36px;
    color: #94D42D;
    margin-top: -10px;
    padding-bottom: 22px;
    padding-top: 2px;
    border-bottom: 1px solid #fbd74e;
    position: relative;
    z-index: 999;
}

#menu-area div a.special:hover, #menu-area div #active {
    padding-bottom: 8px;
}

.yellow-area{
    height: 27px;
    background: #fbd74e;
}