html, body { 
  margin: 0;
  padding: 0;
}

html { 
  font-family: Verdana;
  color: #c9c6cf; 
  background-color: #3e3757;
  line-height: 1.4em;
}

h1, h2, h3, h4, h5, h6, #navigation { 
  font-family: Palatino Linotype;
  margin: 0 0 .3em 0;
  color: #4f4b5a;
  line-height: 1.1em;
}

p { 
  margin: 0 0 1em 0;
}

a { 
  text-decoration: none;
  color: #4d399a;
  background-color: #f0f0f3;
  padding: 1px 2px;
}

a:visited { 
  color: #330066;
}

a:hover { 
  color: #000;
  background-color: #edc752;
}

a img {
  border: none;
}

dd {
  border-left: solid 10px #f0f0f3;
  margin: 0;
  padding: 0 0 0 10px;
}

dt { 
  margin: 1em 0 1px 0;
}

#footer a:hover { 
  background-color: #edc752;
}

#content { 
  padding: 1em 60px;
  background-color: #fff;
  color: #555;
}

#content ul, #content ol { 
  margin: 0 0 1em 30px;
  padding: 0;
}


#navigation, #navigation ul { 
  margin: 0;
  padding: 0;
  list-style: none;
}

#navigation { 
  padding: 0 60px;
  background-color: #edc752;
}

#navigation li { 
  float: left;
  margin: 0 60px 0 -5px;
  padding: 10px 0;
  background-color: #f0d379;
}

#navigation li li { 
  float: none;
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
}

#navigation li .selected a { 
  background-color: #f3e6b9;
}

#navigation a:hover { 
  background-color: #f3dc94;
}

#navigation a {
  padding: 2px 4px;
  display: block;
  /*color: #654262;*/
  background-color: transparent;
}

#navigation .selected a { 
  color: #333;
  font-weight: bold;
}

#navigation:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

* html #navigation { 
  height: 1%;
}

#footer {
  padding: 1em 60px;
}

#footer a { 
  background-color: #c9c6cf;
}