/*top level*/
.menu {width:960px; height:33px; position:relative; z-index:200; margin-bottom:5px; background:#6C665A;}
.menu ul {padding:0; margin:0; list-style-type:none;}
.menu ul ul {width:149px;}
.menu li {float:left; position:relative;margin:auto;}
.menu a {display:block; float:left; font-weight:bold; font-size:0.75em; text-decoration:none; color:#fff; height:25px; padding:4px 16px; line-height:24px; }
.menu a:hover {color:#fff; background:#c3cf5f; text-decoration:none;}

.menu > ul > li > a {margin-left:22px;}
.menu > ul > li > ul{margin-left:22px;}
.homelink           {margin-left:0px !important;}

/*second level*/
.menu ul ul {visibility:hidden; position:absolute; height:0; top:33px; left:0; width:312px; -moz-opacity:.95; opacity:.95;}
.menu ul ul li.arrow {color:#000; background:#fff; border-left:5px solid #d7d8d5; border-right:5px solid #d7d8d5; border-bottom:0px; border-top:0px;}
.menu ul ul a {height:auto; line-height:1em; width:416px; color:#000; background:#fff; font-weight:normal; border-left:5px solid #d7d8d5; border-right:5px solid #d7d8d5; border-bottom:0px; padding:10px 0px 10px 10px;}
.menu ul ul a:hover {color:#fff; background-color:#c3cf5f; text-decoration:none;}
.menu ul ul li.bottom a {border-bottom:5px solid #d7d8d5;}


/*Special Highlight */


/* 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; 
	
}