/* CSS Document */
    /* Make our nav list display without bullets */
    #nav, #nav ul { list-style: none; }
    /* Make it display horizontally */
    #nav > li {
      float: left;
      width: auto;
	  white-space:nowrap;
    }

    /* This is the magic needed to allow the dropdowns to be wider than the
     * menu headings. Don't ask me exactly how it works :)
     */
    #nav > li      { position: relative; }
    #nav > li > ul { position: absolute; }

    /* Here's the hover magic. The hover rule isn't strictly necessary, but it
     * makes it work in (non-IE) browsers with Javascript disabled and CSS
     * enabled.
     */
    #nav > li > ul       { display: none; }
    #nav > li:hover > ul { display: block; }

    /* For demonstration purposes. Replace these with your own styles. */
    #nav, #nav *  { margin: 0; padding: 0; }
    #nav li a {
		text-transform: uppercase;
		text-decoration: none;
		color: #9F8242;
		padding: 5px 15px 5px 5px;
		line-height:1em;
		font-size: 12px;
		display:block;
	}
	#nav li a:hover {
		background:#D3CBB0;
		color:#ECEAE3;
		text-decoration: none;
	}
	#nav li a.active { font-weight:bold; }
    #nav > li > ul > li {  }
    #nav > li > ul { background:#ECEAE3; margin-top:-1px; border-bottom: 1px solid #D3CBB0; border-left: 1px solid #D3CBB0; border-right: 1px solid #D3CBB0; }
	#nav > li > ul > li a { display:block; padding: 6px 15px 4px 5px; }