/* ==== Main Navbar (cleaned) ==== */
#nav{
  background: url(images/navigation.jpg) no-repeat;
  height: 53px;
  line-height: 53px;            /* vertical centering for top-level links */
  padding: 0 0 0 100px;         /* keep your left indent */
  font-family: Courier;
  font-size: 125%;
  text-transform: uppercase;
  letter-spacing: .04em;
  position: relative;           /* for z-index + submenu positioning context */
  z-index: 1000;
}

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

#nav li{
  float:left;
  list-style:none;
  position: relative;           /* so child UL is positioned from its LI */
}

#nav a,
#nav a:visited{
  display:block;
  padding:0 8px;
  color:#ebc208;
  text-decoration:none;
  background-color:transparent;
  margin:0;
}

/* hover/active */
#nav a:hover,
#nav a:active,
#nav .current_page_item > a,
#nav .current-menu-item > a,
#nav .current-menu-ancestor > a,
#home .on {
  color:#696969;
  text-decoration:none;
}

/* ==== Dropdown Menus ==== */
#nav li ul{
  position:absolute;
  top:100%;                     /* directly below the parent LI */
  left:0;
  min-width:174px;
  height:auto;
  border-bottom:0;
  background:#fff;              /* readable over header art */
  padding:6px 0;
  display:none;                 /* hidden by default */
  box-shadow:0 4px 12px rgba(0,0,0,.12);
  line-height:1.4;              /* reset from 53px */
}

#nav li li{
  border-top:0;
  background:transparent;
  float:none;                   /* vertical stack inside dropdown */
}

#nav li li a,
#nav li li a:visited{
  font-weight:normal;
  font-size:.9em;
  color:#696969;
  padding:8px 12px;
  white-space:nowrap;
}

#nav li li a:hover,
#nav li li a:active{
  background:#FEF78F;
}

/* show submenu on hover and keyboard focus */
#nav li:hover > ul,
#nav li:focus-within > ul{
  display:block;
}

/* optional: second-level flyouts (submenu of submenu) */
#nav li li{ position:relative; }
#nav li li ul{
  top:0;
  left:100%;
}

/* keep legacy rule neutral */
a.main:hover{ background:none; }

/* ==== Subnav (unchanged except minor tidy) ==== */
.subnav li{ list-style:none; border-bottom:0; }
.subnav li a,
.subnav li a:visited{
  background:#FDE2E0;
  display:block;
  padding:0 2px 2px 5px;
  margin:0;
  border-left:0;
}
.subnav li a:hover{ background:#AFDFE5; text-decoration:none; }
.subnav li li a{ border-left:none; }

/* ==== Flickr nav (minor tidy) ==== */
#f_nav{ font-size:1.1em; margin:14px 0 0 0; }
#f_nav, #f_nav ul{ list-style:none; line-height:1; margin-right:8px; float:right; }
#f_nav li{ float:left; list-style:none; border-right:0; }
#f_nav a{
  display:block; text-decoration:none; border:#696969 1px solid;
  background:#fff; margin:2px; font-weight:bold; color:#FFFAF0; padding:3px;
}
#f_nav a.badge_text{ border:0; font-weight:normal; color:gray; font-size:10px; }
#f_nav a:hover{ background:#FDF5E6; color:#696969; text-decoration:none; }