/*** Menu ***/
#menu { font-family:Verdana, Arial, Helvetica, sans-serif; height:38px; position:relative; z-index:999;background-color:#000000; clear: both; }
#menu ul {padding:0 0 0 8px;margin:0;list-style-type:none; z-index:999; }
#menu ul ul { z-index:999; padding: 0;}
/* float the list; relative positon to control the dropdown menu absolute positon */
#menu li {float:left;position:relative;}
/* top level */
#menu a,
#menu a:visited, #menu span {color:#FFF; display:block;font-size:.92em; font-weight:700; text-decoration:none; height:38px; background:#000000; padding: 0 20px; line-height:38px; float:left;}
#menu li a:hover {background-color: #000; color:#dbdda7; }
#menu :hover > a, #menu ul ul :hover > a {color:#dbdda7; background:#000;}
/* second level */
#menu ul ul a, #menu ul ul a:visited, #menu ul ul span {color: #000; font-size:90%; line-height:1em; height:auto; padding:1em 5px .95em 23px; width:190px; background:#e3e3e3; }
#menu ul ul span { color: #999; }
#menu ul ul li a:hover {color:#000; background:#ccc; }
/* make the second level visible when hover on first level list OR link */
#menu ul li:hover ul, #menu ul a:hover ul{visibility:visible; }
#menu ul li:hover ul li:hover ul, #menu ul li:hover ul li:hover a { visibility:visible; }

/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {visibility:hidden;position:absolute;height:0;top:38px;left:0; width:160px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
#menu table {position:absolute; top:6px; left:0; border-collapse:collapse;;}
/* another hack for IE5.5 */
* html #menu ul ul {top:30px;t\op:32px;}
/* yet another hack for IE5.5 */
* html #menu ul ul a, * html #menu ul ul a:visited {width:150px;w\idth:170px;}
/* position the third level flyout menu */
#menu ul ul ul {left:194px; top:0; width:160px; }



/*** current navigation ***/

#about #wrapper #navbar #menu li a#a,
#projects #wrapper #navbar #menu li a#pr,
#commuter #wrapper #navbar #menu li a#c,
#contact #wrapper #navbar #menu li a#co 
{ color:#dbdda7; background:#000; }
 
#staff #wrapper #navbar #menu li a#s, 
#partners #wrapper #navbar #menu li a#p, 
#funding #wrapper #navbar #menu li a#f,
#governance #wrapper #navbar #menu li a#g,
#accomplishments #wrapper #navbar #menu li a#ac, 
#events #wrapper #navbar #menu li a#e, 
#roads #wrapper #navbar #menu li a#r, 
#sidewalks #wrapper #navbar #menu li a#s,
#sigprojects #wrapper #navbar #menu li a#sig
{ color:#000; background:#919191; }