body {
  margin:          0;
  padding:         0;
  font-family:     sans-serif;
  background:      #c0c0e0;
  color:           #333;
}

.main { 
  margin:          2em;
  padding-bottom:  2em;
  background-color:#e0e0f0;
  text-align:      left;
  border:          1px #669 solid;
}

.title { 
  color:           #944;
  background:      #e0e0f0 url("/images/b1-blur.jpg") 0% 100% repeat-x;
  height:          128px;
  margin:          0;
  padding:         0;
  border-bottom:   1px #669 solid;
}

#header ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
    
#header li {
  float: left;
  border: 1px solid #669;
  /*border-bottom-width: 0;*/
  margin: 0 0.5em;
}
    
#header a {
  text-decoration: none;
  display: block;
  background: transparent;
  padding: 0.24em 0.24em;
  color: #e0e0f0;
  width: 7em;
  text-align: center;
}
	
#header a:hover {
  color: #444;
  background: #e0e0f0;
}
	
#header #selected {
  border-color: #669;
}
	
#header #selected a {
  position: relative;
  color: #444;
  background: #e0e0f0;
  font-weight: bold;
}


h1 { 
  margin: 0;
  font-size: 	   64px;
  text-align:      left;
  padding:         0px 0 0px 0.5em;

}

.subtitle { 
  color :          #444;
  background-color:#c0c0e0;
  margin:          1.5em 5% 0.5em 10%;
  padding:         5px 0.5em;
  text-align:      left;
  font-size:       150%;
  font-variant:    small-caps;
  border-top:      1px  #669 solid;
  border-bottom:   1px  #669 solid;
}

.frontmatter {
  color :          #444;
  margin:  1em 10%;
  padding: 0.5em 0 0.5em 1.5em;
  text-align:      left;
  font: bold 120% sans-serif;
}

ul { 
  margin: 0 3em;
  list-style-image: url("/images/bullet.png");
}

li  { 
  margin: 0;
  padding: 0;
}
.text {
  color :          #444;
  margin:          0 10%;
  padding-left:    1.5em;
  text-align:      left;
  font:            roman 100% sans-serif;
}

img.map { 
      margin: 1em;
      text-align: center;
      border: 1px #669 solid;
}

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

a:hover {
        color: #844;
        text-decoration: underline;
}

a[name] {
  color:           #444;
  text-decoration: none;
}

.portrait a { 
        text-decoration: none;
}

.portrait a:link { 
        color: white;
        text-decoration: none;
}

.portrait a:visited { 
        color: white;
        text-decoration: none;
}

.portrait { 
float: right;
margin: 10px;
padding: 3px;
background-color: white;
border: 1px #669 solid;
}

.portrait img { 
margin: 0;
padding: 0;
}

#sidebar { 
float: right;
position: absolute;
top: 3em;
right: 3em;
padding: 5px;
border: 1px #669 solid;
background: url("/images/shade.png") repeat;
color :          #444; 
}

#sidebar h3 { 
margin: 0.5em 0.1em;
font: bold 110% sans-serif;
text-transform: lowercase;
}

table {
  width: 80%;
}