#nav-container { top: 80px; left: 0; width: 800px; height: 40px; padding: 9px 0; position: absolute; z-index: 5; }
body.home #nav-container { top: 470px; }

#nav-bar { width: 100%; min-height: 20px; border-top: solid 1px #d1a3d3; border-bottom: solid 1px #d1a3d3; background: #fff url('/imgs/bgs/level2_nav_bg.gif') top right; position: relative; }
body.home #nav-bar { min-height: 0; padding: .3em 0; background: #fff url('/imgs/bgs/home_nav_bg.gif'); text-align: center; }
#nav-bar a { display: block; margin: 0 0 0 9px; padding: 3px 9px 4px 9px; color: #948c6f; font: 11px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; letter-spacing: 1px; text-transform: uppercase; }
body.home #nav-bar a { display: inline; margin: 0 7px; padding: 3px 7px; }
body.home #nav-bar a.last { margin-right: 0; }
#nav-bar a:hover { color: #ae00ec; background: #e8e7d4; text-decoration: none; }
body.home #nav-bar a:hover { color: #726a4d; }

/* drop down menu */
#nav-bar ul { margin: 0; padding: 0; list-style: none; }
#nav-bar li { margin: 0 2px 0 0; float: left; position: relative; list-style: none; }
#nav-bar li ul { top: 1em; left: 0; margin-left: 13px; border: solid 1px #e4c5e2; background: #fff; display: none; position: absolute; }
#nav-bar li > ul { top: auto; left: auto; }
#nav-bar li:hover ul, li.over ul { display: block; }

#nav-bar li ul li { margin: 0; }
#nav-bar li ul a { width: 112px; margin: 0; padding: 4px 9px; background: #fff; color: #c948f6; font-size: 10px; }
#nav-bar li ul a:link { color: #c948f6; }
#nav-bar li ul a:visited { color: #c948f6; }
#nav-bar li ul a:hover { background: #e2e2d3; color: #ae00ec; }
