#menuList {width: 750px; height: 28px; margin: 0px auto; padding: 0; position: relative; background: url(../images/nav-menu.gif) no-repeat black;}
#menuList li {margin: 0; padding: 0; list-style: none; display: buttons; position: absolute;}
#menuList a {display: block; text-indent: -10000em;}

#mainsection1 {left: 20px; top:5px; width: 129px; height: 21px;}
#mainsection1 a {height: 21px;}
#mainsection1 a:hover {border-bottom: 2px solid #9214C0;}

#mainsection2 {left: 156px; top:5px; width: 143px; height: 21px;}
#mainsection2 a {height: 21px;}
#mainsection2 a:hover {border-bottom: 2px solid #FFC71C;}

#mainsection3 {left: 306px; top:5px; width: 121px; height: 21px;}
#mainsection3 a {height: 21px;}
#mainsection3 a:hover {border-bottom: 2px solid #D8190B;}

#mainsection4 {left: 435px; top:5px; width: 89px; height: 21px;}
#mainsection4 a {height: 21px;}
#mainsection4 a:hover {border-bottom: 2px solid #362EBE;}

#mainsection5 {left: 531px; top:5px; width: 114px; height: 21px;}
#mainsection5 a {height: 21px;}
#mainsection5 a:hover {border-bottom: 2px solid #EF7300;}

#mainsection6 {left: 652px; top:5px; width: 76px; height: 21px;}
#mainsection6 a {height: 21px;}
#mainsection6 a:hover {border-bottom: 2px solid #11820B;}

#leftmenu {
font-size: 1.1em;
width: 188px;
padding-top: 30px;
padding-bottom: 20px;
}

#leftmenu a {
color: #2F2F2F;
display: block;
text-decoration: none;
}

#leftmenu a:hover {
color: white;
text-decoration: underline;
}

#leftmenu .active a {color: white;}

#leftmenu ul {
list-style: none;
text-align: right;
margin: 0;
padding: 0;
}

#leftmenu ul li {
border-top: 1px solid black;
font-weight: bold;
display: block;
padding-right: 20px;
padding-top: 4px;
padding-bottom: 5px;
}

#leftmenu ul ul li {
border-top: 0;
padding-right: 0;
font-weight: normal;
}

#leftmenu .subactive a {color: black;}