/* =Links
----------------------------------------------- */
#nav-wrap { 
  float: left;
  width: 771px;
  height: 20px;
  padding-top: 0.4em;
  margin-left: 26px;
  background-color: #55100e;
}

/* nav line */
ul#nav {
  padding: 0;
  margin: 0;
  list-style: none;
  }

ul#nav li.home {
  margin-left: 6em; 
}


/* make first level horizontal */
ul#nav li {
   -x-system-font:none;
   font-size-adjust:none;
   font-stretch:normal;
   font-style:none;
   font-variant:normal;
   font-weight:normal;
   line-height:normal;
   list-style-image:none;
   list-style-position:outside;
   list-style-type:none;
   text-decoration:none;
  margin-left: 3.25em; 
  float: left;
  position: relative;
  font-size:11px;
  }


ul#nav li  a {
	display: block;
	text-decoration: none;
	color: #eda388;
	padding: 0px; 
        font-weight: normal;
	}

ul#nav li a:hover {
  color: #ffffff;
}


/* the second level dropdown box */
ul#nav li ul {
  margin-left: -3.5em; 
  display: none;
  position: absolute; 
  top: 10px;
  left: 0;
  padding: 10px 0.5em 0 0;
  }

/* the second level dropdown text layers */
ul#nav li ul a {    
	display: block;
	text-decoration: none;
        width: 15em; 
        padding: 0.3em 0 0.3em 0.5em;
        background-color: #efc18c;
        outline-color:-moz-use-text-color;
        outline-style:none;
        outline-width:0;
        color: #723e02;
	}

ul#nav li ul a.top {
         border-top: 1px solid #f1c392;
}

ul#nav li ul a:hover {
        color: #492802;
        background-color: #de9745;
}


/* reset for ie */
li > ul {
	top: auto;
	left: auto;
	}

/* make dropdown appear when parent is rolled over */
ul#nav li:hover ul, ul#nav li.over ul, li.over ul { 
       display: block; 
       clear: left; }