/* Setting initial values and sizing method */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }

a.jump { /* Top of page jump to menu */
  font-family: "Pridi", "Times New Roman", Serif; 
  font-weight: Normal; 
  font-variant: small-caps; 
  font-size: 105%;
  text-decoration: none; 
  text-align: center; 
  letter-spacing: 1px;
  line-height: 1.5; 
  display: block;
  width: 200px;
  margin: 10px auto 10px auto; 
  padding: 2px 6px 2px 6px; 
  color: rgb(30,20,20); 
  background-color: rgb(246,230,208); 
  white-space: nowrap; 
  border-style: solid; 
  border-width: 2px; 
  border-color: #FFB0B0 #FF9696 #C05858 #D07878;
  border-radius: 6px;
  }

a.jump:hover { /* Top of page jump to menu */
  color: rgb(180,50,55); 
  background-color: rgb(255,255,255); 
  border-color: #FFD4D4 #FFD4D4 #503030 #807070; 
  }

a:link {
  font-family: Georgia, "Times New Roman", Serif;
  font-size: 85%; 
  color: rgb(80,10,10); 
  font-weight: Bold; 
  text-decoration: none;
  }
  
a.intext {
  font-family: Georgia, "Times New Roman", Serif; 
  font-size: 110%; 
  font-weight: normal;
  letter-spacing: 0.2px;
  text-decoration: none;
  line-height: 1.2;
  color: rgb(70,10,10); 
  }

a.menu { /* Not yet selected Menu items */
  font-family: "Pridi", "Times New Roman", Serif; 
  font-weight: Bold; 
  font-variant: small-caps; 
  font-size: 105%; 
  text-decoration: none; 
  text-align: center; 
  letter-spacing: 1px;
  line-height: 3; 
  margin: 10px 5px 0px 5px; 
  padding: 5px 10px 5px 10px; 
  color: rgb(30,20,20); 
  background-color: rgb(246,230,208); 
  white-space: nowrap; 
  border-style: solid; 
  border-width: 2px; 
  border-color: #FFB0B0 #FF9696 #C05858 #D07878;
  border-radius: 6px;
  }
  
a.menu:hover { /* Hovered over Menu item */
  color: rgb(180,50,55); 
  background-color: rgb(255,255,255); 
  border-color: #FFD4D4 #FFD4D4 #503030 #807070; 
  }

a.purchmenu { /* Not yet selected Menu items */
  font-family: "Pridi", "Times New Roman", Serif; 
  font-weight: Bold; 
  font-variant: small-caps; 
  font-size: 105%; 
  text-decoration: none; 
  text-align: center; 
  letter-spacing: 1px;
  line-height: 3; 
  margin: 10px auto 0px auto; 
  padding: 5px 10px 5px 10px; 
  color: rgb(30,20,20); 
  background-color: rgb(246,230,208); 
  white-space: nowrap; 
  border-style: solid; 
  border-width: 2px; 
  border-color: #B0B0B0 #888888 #505050 #383838;
  border-radius: 6px;
  }

a.purchmenu:hover { /* Hovered over Purchase button */
  color: rgb(180,50,55); 
  background-color: rgb(255,255,255); 
  border-color: #FFD4D4 #FFD4D4 #FFD4D4 #FFD4D4; 
  }


#selmenu { /* Currently selected Menu item */
  color: rgb(250,250,250); 
  background-color: rgb(230,40,40); 
  border-color: #FFD4D4 #FFD4D4 #503030 #807070; 
  }

a:visited {
  font-family: Georgia, "Times New Roman", Serif;
  font-size: 85%; 
  color: rgb(120,80,80); 
  font-weight: Bold; 
  text-decoration: none;
  }

/* Source Listings */

.biblio {
  margin: 0px 0px 20px 0px;
  }

.biblio li {
  font-family: Georgia, "Times New Roman", Serif;
  font-size: 105%; 
  color: rgb(50,30,20); 
  margin: 2px 20px 8px 10px;
  padding: 2px 10px;
  list-style: square inside none;
  }

.biblio li:nth-child(odd) {
  background-color: rgb(250,230,210);
  }

.biblio li:nth-child(even) {
  background-color: rgb(230,220,210);
  }

/* Timeline */  

ul.tl { /* Timeline */
  margin: 0px 0px 20px 0px;
  }
  
ul.tl li{ /* Timeline item */
  font-family: Georgia, "Times New Roman", Serif;
  font-size: 105%; 
  color: rgb(50,30,20); 
  margin: 2px 20px 8px 10px;
  padding: 2px 10px;
  list-style: square inside none;
  }
  
div.tlimage { /* Timeline box for image & cap */
  float: right;
  margin: 0px 30px 20px 12px; 
  width: 30%; 
  height: auto; 
  max-width: 180px;
  padding: 2px;
  background-color: rgb(255,255,255); 
  border: solid black 1px;
  }

img.tl { /* Timeline image */
  width: 100%;
  border-style: solid; 
  border-width: 2px; 
  border-color: #FFFFFF; 
  border-radius: 6px;
  }

.tlcap { /* Timeline photo caption */
  font-family: Georgia, "Times New Roman", Serif;
  font-size: 85%;
  font-style: Italic; 
  color: rgb(50,30,20); 
  text-align: center; 
  margin: 0px 0px 0px 0px; 
  line-height: 1.2; 
  letter-spacing: -.2px;
  padding: 2px 0px 8px 0px;
  background-color: rgb(255,255,255); 
  }

body.main {
  background-color: rgb(230,214,200); 
  }

.bookdescrip {
  background-color: rgb(0,0,0);  
  margin: 0px 0px 0px 0px; 
  padding: 15px 15px 15px 15px; 
  }
  
.purchoptions {
  margin: 4px auto 12px auto;
  width: 100%;
  text-align: center;
  }

dd {
  font-family: Georgia, "Times New Roman", Serif;
  font-size: 105%; 
  line-height: 1.3; 
  margin: 6px 20px 20px 40px; 
  text-indent: 0px;
  }

footer { /* Small Footer text */

  margin: 10px 8px 10px 10px; 
  }

H1 { /* Primary headline, black on white */
  font-family: 'Pridi', 'Times New Roman', serif; 
  font-size: 200%; 
  letter-spacing: 0.8px; 
  font-weight: bold; 
  line-height: 1.0; 
  text-shadow: 1px 1px 1px rgb(150,100,100);
  color: rgb(30,30,30); 
  background-color: rgb(255,255,255); 
  margin: 0px 0px 0px 0px; 
  padding: 14px 10px 2px 10px;
  }

H2 { /* Page topic headline, black on white */
  font-family: 'Pridi', 'Times New Roman', serif; 
  font-size: 160%; 
  letter-spacing: 0.6px; 
  font-weight: bold; 
  line-height: 1.0; 
  color: rgb(30,30,30); 
  background-color: rgb(255,255,255); 
  margin: 0px 0px 0px 0px; 
  padding: 4px 6px 2px 6px;
  }

H2.menu { /* Website menu heading, black on white */
  font-family: 'Pridi', 'Times New Roman', serif; 
  font-size: 160%; 
  letter-spacing: 0.6px; 
  font-weight: bold; 
  line-height: 1.0; 
  color: rgb(30,30,30); 
  background-color: rgb(255,255,255); 
  margin: 0px 0px 8px 0px; 
  padding: 4px 10px 2px 10px;
  }

H3 { /* Subhead, italics, red on black */
  font-family: 'Open Sans Condensed', Helvetica, sans-serif; 
  font-size: 140%; 
  letter-spacing: 0.6px; 
  font-style: italic; 
  line-height: 1.2; 
  text-shadow: 1px 1px 1px rgb(100,100,100);
  color: rgb(250,110,90); 
  background-color: rgb(0,0,0); 
  margin: 0px 0px 0px 0px; 
  padding: 3px 6px 3px 8px; 
  }

H4 { /* Subhead black on white */
  font-family: 'Pridi', 'Times New Roman', serif; 
  font-size: 130%; 
  letter-spacing: 0.8px; 
  font-weight: bold; 
  line-height: 1.2; 
  color: rgb(30,30,30); 
  background-color: rgb(255,255,255); 
  margin: 0px 10px 10px 0px; 
  padding: 4px 10px 3px 10px;
  }

H5 {
  font-family: 'Pridi','Times New Roman',serif;
  font-size: 110%;
  font-weight: bold;
  text-align: center;
  color: rgb(246,230,208);
  background-color: rgb(0,0,0);
  line-height: 0.9;
}  
  
H6 { /*Date heading for Today in History */
  font-family: Georgia, "Times New Roman", Serif; 
  font-size: 100%; 
  font-weight: normal; 
  color: rgb(50,30,20); 
  text-align: center; 
  text-decoration: underline; 
  margin: 10px 0px 0px 0px; 
  line-height: 1.2; 
  letter-spacing: -.2px;
  }

img.author {
  border-style: solid; 
  border-width: 1px; 
  float: left; 
  margin: 10px 12px 0px 12px; 
  width: 25%; 
  height: auto; 
  max-width: 180px;
  border-color: #C0A0A0 #C0B0A0 #505050 #404040; 
  border-radius: 6px;
  }


img.bookcover { /* Image accompanies menu */
  float: right; 
  border-width: 1px;
  border-radius: 6px;
  width: 100%; 
  height: auto; 
  max-width: 800px;
  }

img.map { /* Page 1 Today in History image */
  display: block;
  width: 100%; 
  height: auto; 
  margin: 0px auto 0px auto; 
  padding: 10px 20px 20px 10px;
  border: none;
  }
  
img.wecover { /* Page 1 Today in History image */
  display: block;
  width: 100%; 
  height: auto; 
  margin: 0px auto 0px auto; 
  border: solid 1px black;
  }
  
img.dj {
  clear: both;
  width: 94%;
  margin: 1% 3%;
  border: 1px solid rgb(245,230,220)
}

img.purch { /* Purchase link book images
*/
  float: right;
  width: 25%;
  height: auto;
  margin: 10px;
  border: solid 3px black;
}

img.purple {
  border-color: #d050c8;
}

img.gold {
  border-color: #d8c030;
}

img.blue {
  border-color: #3080e0;
}

img.green {
  border-color: #30e080;
}

img.orange {
  border-color: #e08030;
}

div.rule {
  clear: both;
  margin: 8px;
  border-top: 1px solid black;
}

td.purch {
  width: 50%;
  padding: 1%;
  vertical-align: top;
  background-color: rgb(245,230,220);
}

td.purchyellow {
  width: 50%;
  padding: 1%;
  vertical-align: top;
  background-color: rgb(250,245,220);
}

td.purchblue {
  width: 50%;
  padding: 1%;
  vertical-align: top;
  background-color: rgb(230,230,245);
}

td.purchpink {
  width: 50%;
  padding: 1%;
  vertical-align: top;
  background-color: rgb(255,230,250);
}

td.purchgreen {
  width: 50%;
  padding: 1%;
  vertical-align: top;
  background-color: rgb(235,250,220);
}

td.purchorange {
  width: 50%;
  padding: 1%;
  vertical-align: top;
  background-color: rgb(255,210,190);
}

td.pur {
  width: 50%;
  padding: 1%;
  vertical-align: top;
  background-color: rgb(0,0,0);
}

.newslist dt {
  font-family: 'Pridi', serif; 
  font-size: 100%; 
  font-weight: Bold; 
  color: rgb(10,10,10);
  background-color: rgb(255,255,255);
  margin: 0px 10px 10px 0px;
  padding: 4px 4px 4px 20px;
  }

p {
  font-family: Georgia, "Times New Roman", Serif; 
  font-size: 110%; 
  line-height: 1.3;
  text-align: left; 
  text-indent: 20px; 
  color: rgb(20,20,20); 
  margin: 12px 12px 12px 12px; 
  }

p.first {
  font-size: 130%;
}

p.copynotice, #copynotice {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 90%; 
  color: rgb(255,240,220);
  text-align: left; 
  text-indent: 0px; 
  line-height: 1.5; 
  margin: 20px;
  }
  
p.paperlist {
  margin: 0px 40px 12px 20px;
  text-indent: 0px;
  }

p.redtype {
  font-family: 'Open Sans Condensed', Helvetica, sans-serif; 
  font-size: 115%; 
  letter-spacing: 0.6px; 
  font-style: italic; 
  font-weight: bold;
  line-height: 1.2; 
  color: rgb(250,110,90); 
  background-color: rgb(0,0,0);  
  }

p.review {
  font-family: Georgia, "Times New Roman", Serif; 
  font-size: 125%; 
  text-align: left; 
  text-indent: -40px; 
  line-height: 1.3;
  margin: 12px 24px 10px 52px; 
  color: rgb(30,30,30); 
  }

p.reviewer {
  font-family: Georgia, "Times New Roman", Serif; 
  font-size: 100%; 
  text-align: right; 
  text-indent: 0px; 
  line-height: 1.3;
  margin: 0px 30px 10px 12px; 
  color: rgb(30,30,30); 
  }
  
p.pricing {
  font-family: Georgia, "Times New Roman", Serif; 
  font-size: 90%; 
  text-align: center; 
  text-indent: 0px; 
  line-height: 1.2;
  margin: 0px 30px 10px 12px; 
  color: rgb(30,30,30); 
  }

p.caption {
  font-size: 95%;
  font-style: italic;
  text-align: center;
  margin-top: 0px;
  padding-bottom: 10px;
  border-bottom: 1px solid black;
}
  
.sidebar {
  background-color: #b8a898;
  }

table.menucontainer { /* Menu table */
  margin: 0px; 
  width: 100%;
  max-width: 500px;
  padding: 8px 20px 8px 20px;
  }

td.menuimage { /* Table cell for Menu Image */
  width: 100%;
  margin: 8px auto auto 8px;
  vertical-align: top;
  }

td.menuitems { /* Table cell for Menu Items */
  float: left;
  width: 100%;
  vertical-align: top;
  }

.tihcap { /* Today in History photo caption */
  font-family: Georgia, "Times New Roman", Serif;
  font-size: 85%;
  font-style: Italic; 
  color: rgb(50,30,20); 
  text-align: center; 
  margin: 0px 0px 0px 0px; 
  line-height: 1.2; 
  letter-spacing: -.2px;
  padding: 8px 0px 12px 0px;
  background-color: rgb(246,230,208); 
  border: solid 1px black;
  }

.tihnone { /* No Today in History item */
  font-family: Georgia, "Times New Roman", Serif; font-size: 105%; 
  font-weight: normal; 
  font-style: Italic; 
  color: rgb(50,30,20); 
  text-align: center; 
  line-height: 1.2; 
  letter-spacing: -.2px;
  margin: 10px auto 6px auto; 
  max-width: 800px; 
  }

.tihstory { /* Today in History item */
  font-family: Georgia, "Times New Roman", Serif;
  font-size: 110%;
  font-weight: normal; 
  color: rgb(50,30,20); 
  text-align: left; 
  line-height: 1.3; 
  letter-spacing: -.1px;
  padding: 15px;
  margin: 10px 20px 20px 20px; 
  max-width: none;
  }

.wht { /* Thick horizontal bar */
  clear: both; 
  border: 0; 
  height: 2px; 
  background-color: #FFE8C5;
  margin: 20px;
  }

/* Simple Responsive Framework. */
.row {
  width: 100%;
  }

/********** Large devices only **********/
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
    border: 0px;
    }
  .col-lg-1 {
    width: 8.33%;
    }
  .col-lg-2 {
    width: 16.66%;
    }
  .col-lg-3 {
    width: 25%;
    }
  .col-lg-4 {
    width: 33.33%;
    }
  .col-lg-5 {
    width: 41.66%;
    }
  .col-lg-6 {
    width: 50%;
    }
  .col-lg-7 {
    width: 58.33%;
    }
  .col-lg-8 {
    width: 66.66%;
    }
  .col-lg-9 {
    width: 74.99%;
    }
  .col-lg-10 {
    width: 83.33%;
    }
  .col-lg-11 {
    width: 91.66%;
    }
  .col-lg-12 {
    width: 100%;
    }
  .losethis {
    display: none;
    margin: 0;
    padding: 0;
    line-height: 0;
    }
  h2.menu {
    padding-left: 30px;
    }
  #TodayIs1 {
    display: block;
    }
  #TodayIs2 {
    display: none;
    }
  }

/********** Medium devices only **********/
@media (min-width: 992px) and (max-width: 1199px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
    border: 0px;
    }
  .col-md-1 {
    width: 8.33%;
    }
  .col-md-2 {
    width: 16.66%;
    }
  .col-md-3 {
    width: 25%;
    }
  .col-md-4 {
    width: 33.33%;
    }
  .col-md-5 {
    width: 41.66%;
    }
  .col-md-6 {
    width: 50%;
    }
  .col-md-7 {
    width: 58.33%;
    }
  .col-md-8 {
    width: 66.66%;
    }
  .col-md-9 {
    width: 74.99%;
    }
  .col-md-10 {
    width: 83.33%;
    }
  .col-md-11 {
    width: 91.66%;
    }
  .col-md-12 {
    width: 100%;
    }
  .losethis {
    display: none;
    margin: 0;
    padding: 0;
    line-height: 0;
    }
  h2.menu {
    padding-left: 30px;
    }
  #TodayIs1 {
    display: block;
    }
  #TodayIs2 {
    display: none;
    }    
  }

/********** Small devices only **********/
@media (max-width: 991px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
    border: 0px;
    }
  .col-sm-1 {
    width: 8.33%;
    }
  .col-sm-2 {
    width: 16.66%;
    }
  .col-sm-3 {
    width: 25%;
    }
  .col-sm-4 {
    width: 33.33%;
    }
  .col-sm-5 {
    width: 41.66%;
    }
  .col-sm-6 {
    width: 50%;
    }
  .col-sm-7 {
    width: 58.33%;
    }
  .col-sm-8 {
    width: 66.66%;
    }
  .col-sm-9 {
    width: 74.99%;
    }
  .col-sm-10 {
    width: 83.33%;
    }
  .col-sm-11 {
    width: 91.66%;
    }
  .col-sm-12 {
    width: 100%;
    }
  .newslist dt {
    margin-right: 0;
    }
  h4 {
      margin-right: 0;
    }
  #TodayIs1 {
    display: none;
    }
  #TodayIs2 {
    display: block;
    }    
  }