/*
 * main.css
 *
 * The stylesheet that covers all of the 8 main pages. It fixes things like
 * the shared menu position and each page's color.
 */

body {
  margin: 0px;
  padding: 0px;
  padding-bottom: 20px;
  color: #776849;
  background-color: #fefbcf;
  font-family: sans-serif;
}

ul {
  list-style-type: none;
}

ul li:before {
  margin-left: -1.2em;
  content: "» ";
}

div {
  margin: 0px;
  padding: 0px;
}

p {
  text-indent: 1em;
  margin: 0px;
  padding: 0px;
  margin-bottom: 1em;
}

p:first-child {
  text-indent: 0em;
}

a {
  text-decoration: none;
  color: #776849;
}

a:link, a:visited {
  text-decoration: underline;
  font-weight: bold;
}

a:link:hover, a:visited:hover {
  color: #a49e49;
}

#main {
  max-width: 46em;
  margin: auto;
  margin-top: 40px;
}

.menu {
  width: 100%;
  border-collapse:collapse;
  background-image: url("../images/gradients/79b143-6a9f38/1x48.png");
  background-repeat: repeat-x;
  background-color: #6a9f38;
  font-size: 14pt;
}

.menu tr {
  margin-left: 16px;
  margin-right: 16px;
}

.menu td {
  text-align: center;
  font-weight: bold;
  margin: 0px;
  padding: 10px 0px 10px 0px;
  border: 0px;
}


.menuitem a {
  text-decoration: none;
  color: #e8d989;
}

.menuitem a:hover {
  color: #ffe869;
}

.selected {
  font-size: 18pt;
}

.selected a {
  color: #ffe869;
}

.content {
  background-image: url("../images/gradients/c6f259-b1f060/1x256.png");
  background-repeat: repeat-x;
  background-color: #b1f060;
  padding: 24px;
  line-height: 1.5em;
  font-size: 14pt;
}

#fleur {
  float: right;
  margin: -8px -20px -24px 0px;
}

#clear {
  margin-bottom: -6px;
  clear: both;
}

#tag {
  clear: both;
  border-top: 1px dotted #776849;
  color: #776849;
  font-size: 9pt;
  text-align: right;
}