#menu {
position: absolute;
bottom: 2px;
right: 15px;
margin: 0;
padding: 0;
}

#menu li {
text-align: center;
list-style-type: none;
float: left;
padding: 0 0 18px;
margin: 0;
position: relative;
z-index: 900;
}

#menu #menu-home {
width: 50px;
}

#menu #menu-about-us {
width: 75px;
}

#menu #menu-news-events {
width: 100px;
}

#menu #menu-become-part-of-our-rainbow {
width: 180px;
}

#menu #menu-financials {
width: 75px;
}

#menu #menu-board-staff {
width: 90px;
}

#menu #menu-contact-us {
width: 75px;
}

#menu li a,
#menu li:hover li a {
color: #53A0C3;
font-size: .85em;
/*font-weight: bold;*/
}

#menu li a:hover {
text-decoration: none;
}

#menu li:hover a {
color: #46b969;
}

#menu ul {
display: none;
position: absolute;
top: 1.8em;
text-align: center;
margin: 0;
padding: 0 10px 20px;
width: 84px;
background: url(/img/bg-dropdown.png) bottom;
z-index: 999;
}

#menu #menu-about-us ul {
left: -14px
}

#menu #menu-news-events ul {
left: -2px;
}

#menu #menu-become-part-of-our-rainbow ul {
left: 38px;
}

#menu #menu-financials ul {
left: -14px;
}

#menu #menu-board-staff ul {
left: -7px;
}

#menu #menu-contact-us ul {
left: -18px;
}

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

#menu li li {
float: none;
padding: .75em 0;
margin: 0;
background: url(/img/dd-white-dot.gif) bottom repeat-x;
}

#menu li li:hover a {
color: #802990;
}

#menu li li.last {
padding-bottom: 0;
background: none;
}