/* Navigation menu ========================================== */

#nav
{
     list-style-type: none; list-style-position: outside; position: relative;
     z-index: 1001;
     height: 50px;
}
 
#nav li { float: left; position: relative; }

/* Static menu settings ===================================== */

 #nav a:link, #nav a:active, #nav a:visited 
 {
    display: block; outline: 0;
    height: 42px;    
    color: #99980c;
    line-height: 16px;
    padding-top: 8px;
    font-weight: bold;
    text-align: center;
    background: none;
    text-decoration: none;
 }
 
#nav a:hover { color: #a09f01; background-color: #eaeacb; }

#nav li a { border-top: solid 1px #e4e4c5; border-bottom: solid 1px #e4e4c5; border-left: solid 1px #e4e4c5; width: 138px; }
#nav li:last-child a { border-top: solid 1px #e4e4c5; border-bottom: solid 1px #e4e4c5; border-right: solid 1px #e4e4c5; width: 143px; }

/* Dynamic menu container settings ========================== */

#nav ul 
{
    position: absolute; 
    display: none;
    top: 50px;                  /* same as menu height (Navigation menu) */
    width: 200px;               /* dynamic items width */
    border: solid 1px #e4e4c5;  /* border around sub menu */
}

#nav li ul a { float: left; width: 200px; border-left: none; }
#nav li:hover ul { display: block; }

/* Dynamic menu items settings ============================== */

#nav ul a:link, #nav ul a:active, #nav ul a:visited 
{
    color: #99980c;              /* items color */
    background-color: #f7f7e7;   /* background color */
    padding: 8px 10px 0px 10px; /* items padding */    
    width: 180px;                /* width -> (dynamic items width) - (left padding)*/
    text-align: left;
    height: 26px;
    border-top: none;
    border-bottom: none;
}

#nav ul a:hover { color: #a09f01; background-color: #eaeacb; }

#nav ul li { border-top: solid 1px #e4e4c5; }
#nav ul li:first-child { border-top: none; }