#menu {
margin-top: 50px;
position: relative;
height: 50px;
font-size: 1.2em;
z-index: 500;
}

#menu ul {
position: absolute;
right: 0;
padding: 0;
margin: 0;
bottom: 0;
}

#menu li {
float: left;
position: relative;
list-style-type: none;
margin: 0 5px 0 0;
}

#menu li.last {
margin: 0;
}

#menu li span.header,
#menu li span.footer {
display: block;
height: 8px;
}

#menu li span.header .section1,
#menu li span.header .section2,
#menu li span.footer .section1,
#menu li span.footer .section2,
#menu .dropdown .header .section1,
#menu .dropdown .header .section2,
#menu .dropdown .footer .section1,
#menu .dropdown .footer .section2 {
display: block;
width: 8px;
height: 8px;
}
 
#menu li span.header .section1 {
background: url(/img/purple-top-left-corner.gif) no-repeat;
float: left;
}

#menu li span.header .section2,
#menu .dropdown .header .section2 {
background: url(/img/purple-top-right-corner.gif) no-repeat;
float: right;
}

#menu li span.footer .section1,
#menu .dropdown .footer .section1 {
background: url(/img/purple-bottom-left-corner.gif) no-repeat;
float: left;
}

#menu li span.footer .section2,
#menu .dropdown .footer .section2 {
background: url(/img/purple-bottom-right-corner.gif) no-repeat;
float: right;
}

#menu li span.header .section3,
#menu li span.footer .section3,
#menu .dropdown .header .section3,
#menu .dropdown .footer .section3 {
background: #6a2868;
display: block;
margin: 0 8px;
height: 8px;
}

#menu a {
display: block;
padding: 0 1em;
color: #f1eacf;
text-decoration: none;
background: #6a2868;
}

#menu li:hover .dropdown {
display: block;
}

#menu li:hover span.footer .section1 {
display: none;
}

#menu li:hover span.footer .section3 {
margin-left: 0;
}

#menu li.donate:hover span.footer .section1,
#menu li.request-help:hover span.footer .section1 {
display: block;
}

#menu li.donate:hover span.footer .section3
#menu li.request-help:hover span.footer .section3 {
margin-left: 8px;
}

#menu .dropdown {
display: none;
position: absolute;
z-index: 995;
}

#menu .dropdown .middle {
background: #6a2868;
z-index: 996;
}

#menu .dropdown ul {
position: static;
z-index:997;
}

#menu .dropdown li {
display: list-item;
float: none;
margin: 0;
font-size: .9em;
z-index: 998;
}

#menu .dropdown .header .section1 {
display: none;
}

#menu .dropdown .header .section3 {
margin-left: 0;
}

#menu .dropdown li {
padding: .5em 1em;
}

#menu .dropdown li:hover {
background: #401540;
}

#menu li li a {
background: none;
}