body {
  background: #000000;
  color: #ffcc00;
  margin: 0;
  }
#erheader {
  position: absolute;
  float:left;
  width:100%;
  background:#000000;
  color: #ffcc00;
  font: 12px/25px "Trebuchet MS",verdana,sans-serif;
  font-size:93%;
  line-height:normal;
  height: 30px;
  top: 200px;
  left: 0px;
  margin: 0;
  z-index: 1;
  }
#erheader ul {
  background: #000000;
  color: #ffcc00;
  padding: 5px 0 0 0;
  margin: 0 0 0 0;
  list-style:none;
  }
#erheader li {
  background: #000000 url(sprite2.png) no-repeat 0% 0% !important;
  color: #000000;
  float: left;
  position: relative;
  white-space: nowrap;
  display: block;
  float: left;
  height: 25px;
  margin: 0 3px 0 3px; 
  padding: 0 0 0 9px;
  width: auto;
  }
#erheader a {
  background: #000000 url(sprite2.png) no-repeat 100% 0% !important;
  color: #000000;
  display: block;
  white-space: nowrap;
  /* margin: 0 10px 0 10px; */
  padding: 0 15px 0 6px;
  text-decoration: none;
  height: 25px;
  float:left;
  width:.1em;
  font-weight:bold;
  }
  /* Commented Backslash Hack
    hides rule from IE5-Mac \*/
	#erheader a {float:none;}
	/* End IE5-Mac hack */
#erheader li:hover {
  background: #000000 url(sprite2.png) no-repeat 0% -50px !important;
  color:#000000;
  margin: 0 3px 0 3px;
/*  height: 25px; */
  padding: 0 0 0 9px;
  }
#erheader li:hover a {
  background: #000000 url(sprite2.png) no-repeat 100% -50px !important;
  color: #000000;
  margin: 0;
/*  height: 25px; */
  padding: 0 15px 0 6px;
  }
#erheader ul a {
  width:auto;
  white-space: nowrap
  }
#home #nav-home, #blog #nav-blog,
#pod #nav-pod, #ern #nav-ern,
#links #nav-links, #contests #nav-contests {
  background: #000000 url(sprite2.png) no-repeat 0% -25px !important;
  color: #ffcc00;
  margin: 0 3px 0 3px;
/*  height: 25px; */
  padding: 0 0 0 9px;
  border-width:0;
  }
#home #nav-home a, #blog #nav-blog a,
#pod #nav-pod a, #ern #nav-ern a,
#links #nav-links a, #contests #nav-contests a {
  background: #000000 url(sprite2.png) no-repeat 100% -25px !important;
  color: #ffcc00;
/*  whitespace: nowrap; */
  margin: 0;
/*  height: 25px; */
  padding: 0 15px 0 6px;
  }
#erheader li ul {
  display: none;
/*  float: none; */
  position: absolute;
  white-space: nowrap; 
  top: 25px;
  left: -3px;
/*  margin: 0; */ 
  padding: 0;
  background: #000000;
  color: #ffcc00;
  }
#erheader li > ul {
  top: auto;
  left: auto;
  }
#erheader li:hover ul {
  display: block;
  float: none;
  white-space: nowrap;
  top: 25px;
  left: -3px;
  margin: 0; 
  padding: 0;
  }
#erheader li:hover ul li {
  background: #000000 url(sprite2.png) no-repeat 0% 0% !important;
  color: #000000;
  white-space: nowrap;
  }
#erheader li:hover ul a {
  background: #000000 url(sprite2.png) no-repeat 100% 0% !important;
  color: #000000;
  white-space: nowrap;
  }
  #erheader li ul li:hover {
  background: #000000 url(sprite2.png) no-repeat 0% -50px !important;
  color: #000000;
  white-space: nowrap;
  }
#erheader li ul a:hover {
  background: #000000 url(sprite2.png) no-repeat 100% -50px !important;
  color: #000000;
  white-space: nowrap;
  }
#nav-email #email, #nav-about #about, #nav-photos #photos,
  #nav-honolulu #honolulu, #nav-palmsprings #palmsprings {
  background: #000000 url(sprite2.png) no-repeat 0% -25px !important;
  color: #ffcc00;
  }
#nav-email a #email, #nav-about a #about, #nav-photos a #photos,
  #nav-honolulu a #honolulu , #nav-palmsprings a #palmsprings {
  background: #000000 url(sprite2.png) no-repeat 100% -25px !important;
  color: #ffcc00;
  }