#header * {
  margin: 0;
  padding: 0;
}

#header {
  font-family: Verdana, Bitstream Vera Sans, Helvetica, Arial, sans-serif;
  font-size: 1em;
  font-size-adjust: 0.54;
  width: auto;
  overflow: visible;
  background: url("../images/headerbg.jpg") bottom center no-repeat;
}

#headtitle {
  padding: 0.5em;
}

#headtitle h1 {
  display: inline;
  font-style: italic;
  font-weight: bold;
  font-size: 1.125em;
}

#headtitle h2 {
  display: inline;
  font-style: italic;
  font-weight: normal;
  font-size: 1em;
}

#headnav {
  border-bottom-width: 0.1875em;
  border-bottom-style: solid;
}

#headnav :link.navlink, #headnav :visited.navlink, #headnav :link.sectionlink, #headnav :visited.sectionlink {
  margin: 0.125em 0.125em 0 0.125em;
  display: block;
  float: left;
  min-width: 70px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  -moz-border-radius: 0.4375em 0.4375em 0 0; /* note, the current css3 working draft has border-radius start at the top-right, rather than the top-left; course, it also requires two values per corner... Ah well, for now this is gecko-only */
}

#headnav :first-child:link.navlink, #headnav :first-child:visited.navlink, #headnav :first-child:link.sectionlink, #headnav :first-child:visited.sectionlink {
  margin-left: 0.375em;
}

#headnav :link.sectionlink, #headnav :visited.sectionlink {
  padding: 0.125em 0.5em;
  border-width: 0.1875em;
  border-style: solid;
  position: relative;
  top: 0.1875em;
}

#headnav :link:hover.sectionlink, #headnav :visited:hover.sectionlink {
  text-decoration: underline;
}

#headnav :link.navlink, #headnav :visited.navlink {
  padding: 0.125em 0.4375em;
  border-width: 0.125em 0.125em 0.0625em 0.125em;
  border-style: solid;
  position: relative;
  top: 0.25em;
}

#headnav :link:hover.navlink, #headnav :visited:hover.navlink {
  padding: 0.1875em 0.5em 0.125em 0.5em;
  border-width: 0.0625em 0.0625em 0.0625em 0.0625em;
  border-style: solid;
}

#header .stretch { 
  clear: left; 
}