#page {
  margin: auto;
  width: 980px;
}

body {
  color: #000;
  font: 0.8em verdana, tahoma, sans-serif;
}

dt {
  font-style: italic;
}

a {
  text-decoration: none;
}

/**
 * Header
 */
#header {
  border-bottom: 4px solid #333;
  margin-bottom: 12px;
}

#header h1 {
  font-size: 3em;
  margin: 0.8em 0 0.4em 0;
}

#header h2 {
  font-size: 2em;
  margin: 0.4em 0;
}

/**
 * Sidebar
 */
#sidebar {
  background-color: #eee;
  border: 1px solid #888;
  float: right;
  padding: 8px;
  width: 250px;
}

#sidebar h3 {
  margin: 0.3em 0;
}

#sidebar ul {
  list-style: square;
  margin: 0.5em 0;
  padding-left: 22px;
}

#sidebar ul ul {
  padding-left: 16px;
  margin: 0.2em 0;
}

/**
 * Contents
 */
#contents {
  width: 700px;
  text-align: justify;
}

.note {
  background-color: #ebfcdf;
  border: 1px solid #a4cfa4;
  color: #0a330a;
  padding: 0 8px;
}

#contents h3 {
  border-bottom: 2px solid #eee;
  font-size: 1.6em;
  margin: 1em 0 0.4em 0; 
}

#contents h4 {
  font-size: 1.3em;
  margin: 1em 0 0.4em 0; 
}

#contents h5 {
  font-size: 1.1em;
  margin: 0.8em 0 0.3em 0; 
}

#contents p, ul, ol, dl {
  line-height: 1.3em;
  margin: 0.5em 0; 
  text-align: justify;
}

#contents ul {
  list-style-type: square;
}

#contents acronym {
  border-bottom:1px dashed;
}

/**
 * Footer
 */
#footer {
  border-top: 4px solid #333;
  margin-top: 12px;
}

#footer p {
  text-align: center;
}