/**************** menu coding *****************/
#menu  { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; width: 100%; float: left }

#menu ul  { list-style: none; margin: 0; padding: 0; float: left }

#menu a, #menu h2       { color: #FFFFFF; font-size: 13px; font-family: Tahoma, Helvetica; font-style: normal; font-variant: normal; font-weight: normal; display: block; margin: 0; padding: 5px 10px }
#menu a, #menu h2:hover      { color: #FFFFFF; font-style: normal; font-variant: normal; font-weight: normal; background-color: #3C3028; display: block; margin: 0; padding: 5px 10px }
#menu h2       { font-weight: normal; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }
#menu h3 { color: #fff; font-size: 12px; font-family: Tahoma, Helvetica; background-color: #1c3975; margin: 0; padding: 3px 10px 4px }
#menu a        { color: #3C3028; font-size: 12px; font-family: Tahoma; text-decoration: none; background: #D0CDB3; padding-top: 3px; padding-bottom: 4px; border-bottom: 1px solid #3C3028 }
#menu a:hover     { color: #000000; background: #FFCC33 }

#menu li  { position: relative }

#menu ul ul    { position: absolute; z-index: 500 }

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

#menu ul ul,
#menu ul li:hover ul ul,
#menu ul ul li:hover ul ul
{display: none;}

#menu ul li:hover ul,
#menu ul ul li:hover ul,
#menu ul ul ul li:hover ul
{display: block;}

.menustatic a   { color: #FFFFFF; font-size: 13px; font-family: Tahoma, Helvetica; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; display: block; margin: 0; padding: 5px 10px }
.menustatic a:hover    { color: #FFFFFF; background-color: #3C3028 }
/* Specifics */
#whobenefits  { width: 130px }
#trtf  { width: 170px }
#newsandevents  { width: 120px }
#donating  { width: 140px }
#charityshop  { width: 120px }
#contact  { width: 120px }