#header {
  float: left;
  width: 100%;

  margin-bottom: 1em;
  padding: 0;
	/*
  background-image: url(../images/sky.jpg);
  background-position: left center;
	*/
	background-image: url(../images/bg-header.gif);
  background-repeat: repeat-x;
}
#logo {
  float: left;
  width: 94%;

  margin: 1.5em 3% 0;
	/*
  background: #D8E9F5;
	*/
}

/* navlist */

#navcontainer {
  float: left;
  width: 94%;

  margin: 0 3%;
  padding-top: 1px; /* needed for IE */
}
#navcontainer h2 {
  position: absolute;
  top: -20em;
 left: -200em;
}
#navlist
{
  margin: 1.5em 0 0;
  padding: 3px 0;

  border-bottom: 1px solid #CCC;
  font: bold 80% verdana, sans-serif;
}
#navlist li
{
  list-style: none;
  margin: 0;
  display: inline;
}
#navlist li a
{
  margin-left: 3px;
  padding: 3px 0.5em;

  border: 1px solid #CCC;
  border-bottom: none;
  background: #E9F5D8;
  text-decoration: none;
}
#navlist li a:link {
  color: #0166AA; 
}
#navlist li a:visited {
  color: #0166AA;
}
#navlist li a:hover {
  background: #D8E9F5;
  border: 1px solid #0166AA;
}
#navlist li a#current {
  background: white;
  border-bottom: 1px solid #FFF;
}

/* footer */

#footer {
  clear: both;
  float: left;
  width: 94%;

  margin: 1em 3%;
  border-top: 1px solid #CCC;
  padding: 0.4em 0 0.6em;

  color: #66AA01;
  font-size: 75%;
  text-align: center;

	/*
  background: #E9F5D8;
	*/
	background-image: url(../images/bg-footer.gif);
  background-repeat: repeat-x;
}
#footer a {
  color: #66AA01;
  text-decoration: none;
}