#navigation {background-color:#782018; z-index:9;}
#navigation a { text-decoration: none; font-weight:bold; color:#FFF;}
#navigation ul { list-style: none; padding: 0; margin: 0;  z-index:9;}
#nav div {background-color:#782018;}

#nav a { font-weight: bold; color:#FFF; text-decoration: none; width:100%;}
#nav li li a { display: block; font-weight: bold; color: #FFF; padding: 0.2em 10px 0.5em; width:100%;}
#nav li li a:hover { padding: 0.3em 0px 0.4em 10px; background-color:#F6C828; color:#6E221A;}
#nav li div a:hover { background-color:#F6C828; width:100%;} 

li { float: left; position: relative; width:9em; text-align: center; cursor: default; background-color:#782018;}
li#first { border-left-width: 1em; }
li#last { border-right-width: 1em; }
li ul { display: none; position: absolute; top: 100%; left: 0; width:16em;
 font-weight: normal; background-color:#782018; padding: 0.5em 0 1em 0; border: solid 1px #7d6340; border-top: solid 0px #7d6340;}
li>ul { top: auto; left: auto; }
li li { display: block; float: none; background-color: transparent; border: 0; width:15em; text-align:left;}
li:hover ul, li.over ul { display: block; }
ul#nav { width:52em;margin-left:auto; margin-right:auto;}