#menu { width:100%; float:left; background:#913F0F; text-align:center; font-size:75%; font:.75em/100% Tahoma, Arial, Helvetica, sans-serif}
#menu ul { list-style:none; text-align:center; width:41.5em; margin:0 auto; padding:0; white-space:nowrap;}
#menu ul ul {width:8em; }
#menu li { float:left; width:8em; position:relative; }
#menu a, #menu a:visited { display:block; text-decoration:none; width:8em; color:#FCD390; /*height:1.5em;*/ border:1px solid #321613; background:#913F0F url(/images/button_bg.jpg) 0 0 repeat-x; padding:4px 0;/* font-weight:normal; font-size:1em;*/}
#menu a:hover { display:block; text-decoration:none;  width:8em; color:#FFE2B4; /*height:1.5em;*/ border:1px solid #321613; background:#EAC169 url(/images/button_hover_bg.jpg) 0 0 repeat-x; padding:4px 0; /*font-weight:normal; font-size:1em;*/}
/* second level background */
#menu ul ul a.drop, #menu ul ul a.drop:visited { display:block; background:#A4AB7F url(/images/tri.gif) bottom right no-repeat;}
/* second level hover */
#menu ul ul a.drop:hover{ display:block; background:#C2D6A5 url(/images/tri.gif) bottom right no-repeat;}
#menu ul ul :hover > a.drop { display:block; background:#C2D6A5 url(/images/tri.gif) bottom right no-repeat;}
/* third level background */
#menu ul ul ul a, #menu ul ul ul a:visited { background:#C2D6A5;}
/* third level hover */
#menu ul ul ul a:hover { background:#CCD0B8;}


/* hide sub levels */
#menu ul ul {visibility:hidden; position:absolute; top:1.8em; left:0; width:7.9em; /*border-top:1px solid #321613;*/}

/* third level flyout menu */
#menu ul ul ul{left:0; top:-1px; width:8em;}

/* second level links */
#menu ul ul a, #menu ul ul a:visited {display:block; background:#fff;  color:#913F0F; padding:4px 0; width:7.9em; border:1px solid #321613; border-width:0 1px 1px 1px;}
#menu ul ul a:hover {display:block; background:#fff;; color:#321613; /*filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;*/ padding:4px 0; width:7.9em; border:1px solid #321613; border-width:0 1px 1px 1px;}

/* make the second level visible */
#menu ul li:hover ul,
#menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
#menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#menu ul :hover ul :hover ul{ visibility:visible;}