body {
    background-color: #ffffff;
    font-size: 18px;
    font-family:Arial,sans-serif;
    color:#564b47;
    padding:20px;
    margin:0px;
    text-align: center;
    border-color: #FF831F;
    border-width: 3px;
    border-bottom-style: solid;
    padding-bottom:82px;
}

a:link { color: #8f8f8f; text-decoration:none; }
a:visited { color: #8f8f8f; text-decoration:none; }
a:active { color: #8f8f8f; text-decoration:none; }
a:hover { color: #8f8f8f; text-decoration:underline; }

#name a:link { color: #FF831F; text-decoration:none; }
#name a:visited { color: #FF831F; text-decoration:none; }
#name a:active { color: #FF831F; text-decoration:none; }
#name a:hover { color: #FF831F; text-decoration:underline; }

.discrete {
    font-size: 12pt;
}

#content {
    text-align: center;
/*     vertical-align: middle; */
    margin: 0px auto;
    padding: 0px;
    width: 750px;
    background-color: #ffffff;
}

#headlines {
    text-align: center;
}

#name {
    font-size: 42pt;
    color: #FF831F;
    font-weight:normal;
    margin-top: 24px;
    margin-bottom: 0px; 
    width: auto;
}

.period {
    padding: 0px;
    margin-top: 14px;
    color: #FF831F;
    font-size: 36pt;
}

#title {
    font-size: 16pt;
    color: #9f9f9f;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 46px;
}

.mainItem {
    font-size: 13pt;
    font-weight:normal;
    font-family:Arial,sans-serif;
    margin-top: 14px;
    color: #8f8f8f;
}

#priceTable {
    text-align: center;
}

.price {
    float: right;
    margin-right: 56pt;
    font-size: 12pt;
}

.priceLabel {
    float: left;
    margin-left: 52pt;
    font-size: 12pt;
}

h1 {
    font-size: 18pt;
}

h2 {
    font-size: 12pt;
}

.footnotes {
    margin-left: 51pt;
    margin-right: 52pt;
    font-size: 11pt;
}

#slides {
    white-space: nowrap;
    height:367px;
    width:83%;
    overflow:auto;
}

#bookCovers {
    white-space: nowrap;
    height:425px;
    width:83%;
    overflow:auto;
}

#slides img {
    border-color: #9f9f9f;
    border-width: 1px;
    border-style: solid;
}

#menu {
    width: 15%;
    height: 400px;
    float: left;
}

.currentItem {
    font-weight:bold;
}

.code {
    background-color: #fefdbc;
    border-color: #8f8f8f;
    border-style: solid;
}
  
  /* This is to force the floats to extend the body height */
.pusher{
clear:both;
height:0px;
line-height:0px;
}
  
  .date { 
          text-align: left;
          font-size: 10pt;
          margin-top: 14pt;
          margin-bottom: 0pt;
          margin-left:40%;
          margin-right:40%;
          border-top: 1px dotted #ff831f;
  }
  
  .event { 
           text-align: left;
           font-size: 10pt;
           color: #564b47;
           margin-top: 0pt;
           margin-bottom: 0pt;
           margin-left:43%;
           margin-right:40%;
  }
    
  .bio { 
         text-align: left;
         margin-top: 18pt;
         margin-left:30%;
         margin-right:30%;
  }
  
.note {
        margin-top: 0pt;
        margin-bottom: 0pt;
        text-align: left;
        font-size: 9pt;
        color: #564b47;
        margin-left:30%;
        }
  
a { color: darkgray; text-decoration:none; }
a.inline:link { color: darkgray; text-decoration:none; border-bottom: 1px dotted #564b47;}
a.inline:visited { color: green; text-decoration:none;  border-bottom: 1px dotted #564b47;}
a.inline:active { color: darkgray; text-decoration:none; }
a.inline:hover { color: #8f8f8f; text-decoration:underline; border: none;}

img.new { 
          margin-left:40%;
          position: relative;
          top: 2pt;
          left: -20px;
          float: left;
  }

.theme-body {
       height: 640px;
       }