html { 
  min-width: 600px;
}

html, body {
  font-family:helvetica, Arial, sans-serif;
  color:#333;
}

body {
  background: #edebe3;
  color: #333;
  padding: 1em 20px 3em 20px;
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  color:black;
}

a { color: #06C; }
a:hover { color: #333; }
a:active { color: #000; }

div#header h1{
  padding:0px;
  margin:0px;
}
ul#sections {
  list-style:none;
}
ul#sections li {
  font-size:small;
  margin-bottom:10px;
}
ul#sections li a {
  text-decoration:none;
}
ul#sections li a:hover {
  text-decoration:underline
}
#contents {
  padding: 7px;
  background: #fff;
  min-height: 300px;
}
div#contents p {
  line-height: 140%;
  font-size:12px;
}


div#footer {
  color:black;
  font-size:small;
  border-top:1px solid #999;
  padding:5px;
}
div#footer a {
  color:#333;
}
div#footer a:hover {
  color:#00f;
}

img {
  border:0px;
}

div#wrapper {
  background-color:#fff;
  border:1px solid #ccc;
  padding:10px;
  width:780px;
  margin:0 auto;
}

.lightbox {
  color: #333;
  display: none;
  position: absolute;
  top: 25%;
  left: 25%;
  width: 50%;
  height: 30%;
  padding: 1em;
  border: 5px solid #B8B8B8;
  background-color: white;
  text-align: left;
  z-index:1001;
  overflow: auto;	
}

#overlay{
  display:none;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:1000;
  background-color:#333;
  -moz-opacity: 0.8;
  opacity:.80;
  /*filter: alpha(opacity=80);*/
}

#top_links {
  font-size:small;
  text-align:right;
}

#contents div.buttons a:link, #contents div.buttons a:visited {
  display:'block';
  padding:5px;
  background-color:lightyellow;
  border:1px solid maroon;
  text-decoration:none;
  margin:1px;
}
#contents div.buttons a:hover {
  background-color:maroon;
  color:white;
  text-decoration:none;
  border:1px solid lightyellow;
}

.highlight {
  background-color:lightyellow;
}