/* Wrapper */
html {
  padding: 0;
  margin: 0;
  height: 100%;
}

body {
  font-family: verdana, helvetica, arial, sans-serif;
  margin: 0;
  padding: 0;
  margin-right: auto;
  margin-left: auto;
  width: 600px;
  height: 100%;
}

/* Header Info */
div#header {
  background-color: #ccf;
  min-height: 68px;
}

#header {
  margin: 0px;
  background-image: url("logo_small.png");
  background-position: 2px 2px;
  background-repeat: no-repeat;
}

#header h1 {
  margin: 0px;
  font-weight: normal;
  padding-left: 70px;
}

#header h2 {
  float: right;
  margin-bottom: 0;
  font-weight: lighter;
  font-size: 60%;
  padding-right: 6px;
  clear: right;
}

/* navbar */
ul#navbar {
  margin: 0;
  list-style-type: none;
  background: #eef;
}

ul#navbar li {
  display: inline;
  margin-left: 0.4em;
  margin-right: 0.4em;
}

ul#navbar li.current {
  font-weight: bold;
}

#navbar a {
  color: black;
  text-decoration: none;
}

/* wrapper */
div#wrapper { /* all of this is to push the footer to the bottom of the page */
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -2em;
}

/* footer */
div#footer, div#footer_spacer {
  height: 2em; /* should match negative margin in wrapper */
}

div#footer * {
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
}

/* content */
a {
  text-decoration: none;
}

a:visited {
  color: blue;
}

a:link {
  color: blue;
}

div#content h1, div#content h2, div#content h3 {
  font-size: 125%;
  font-weight: normal;
  text-decoration: underline;
}

div#content ul li {
  margin-bottom: 0.5em;
}