@charset "utf-8";
/* CSS Document */

.redbutton {
  background:    #bb242c;
  border:        1px solid #556699;
  border-radius: 11px;
  box-shadow:    0 1px #444444;
  padding:       8px 8px;
  color:         #ffffff;
  display:       inline-block;
  font:          normal bold 21px/1 "Open Sans", sans-serif;
  text-align:    center;
  text-decoration: none;
}
  
.button {
  background:    #dac6eb;
  border:        1px solid #556699;
  border-radius: 11px;
  box-shadow:    0 1px #444444;
  padding:       10px 25px;
  color:         #000000;
  display:       inline-block;
  font:          normal bold 21px/1 "Open Sans", sans-serif;
  text-align:    center;
  text-decoration: none;
}

.smallButton {
  background:    green;
  border:        1px solid #556699;
  border-radius: 11px;
  box-shadow:    0 1px #444444;
  padding:       5px 8px;
  color:         white;
  display:       inline-block;
  font:          normal bold 15px/1 "Open Sans", sans-serif;
  text-align:    center;
  text-decoration: none;
}

.announce {
  background: aliceblue;
  color: black;
  width: 650px;
  border-radius: 30px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  padding-top: 1px;
}

.emphasize {
  font-weight: bold;
  font-style: italic;
  font-size: 105%;
  color: darkslateblue;
}

.centeredBlueBox {
  width: 800px; 
  margin: auto;
  background-color: aliceblue;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 
    0 6px 20px 0 rgba(0, 0, 0, 0.19);  
}

.centered {
  position: relative;
  display: flex;
  height: inherit;
  justify-content: center; 
  align-items: center;
  width: 100%; 
  padding-top: 15px;
}

.portrait {
  background: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 
    0 6px 20px 0 rgba(0, 0, 0, 0.19);  
  border: 1px solid black;
}

.spacer {
  margin-top: 10px;
  padding: 2px 0px;
}

.centeredLeftHalf {
  display: flex;
  float: left;
  width: 50%;
  height: inherit;
  justify-content: center; 
  align-items: center;
  border-right: 1px  dotted gray;
}

.leftHalf {
  float: left;
  width: 50%;
}

.centeredRightHalf {
  float: right;
  width: 49%;
  height: inherit;
}


.rightHalf {
  width: 49%;
  float: right;
}

.narrowMargins {
  margin: 10px 15px 0px;
}

.narrowMarginsJustified {
  margin: 10px 15px 0px;
  text-align: justify;
}

.narrowerMargins {
  margin: 5px 10px 0px;
}

.separationLine {
  width: 100%;
  margin: 0px;
}

.centeredBoxWithSpacer {
  width: 800px; 
  margin: auto auto 20px;
}

.borderedBlueInnerLozenge {
  text-align: center;
  padding: 5px; 
  margin: auto; 
  background-color: aliceblue; 
  width: 60%; 
  border-radius: 10px; 
  border: 1px solid black;
}

.borderedImage {
  margin: 5px;
  border-radius: 10px;
  border: 1px solid black ;
}

.cellLeft {
  text-align: right;
  padding: 0px;
}

.cellRight {
  text-align: left;
  padding: 0px;
}

.popUp {
  width:50%; 
  position:absolute;
  top: 0px;
  z-index: 3;
  border-radius: 5px;
  padding: 5px;
  text-align: justify;
  display: none;
}

.show {
  display:block;
}

.hide {
  display: none;
}

.topOfPage {
  display: block; 
  margin: 15px auto; 
  padding-top: 15px; 
}

.showGraphic {
  width: 500px; 
  margin: auto; 
  border: 1px solid black;
}

.whiteOnGreen {
  background: #348240; 
  color: white;  
}

.whiteOnRed {
  background-color: #a00;
  color: white;
}

.synopsis {
  width: 600px; 
  margin: auto; 
  text-align: justify;
}

.notice { /* modifies announce */
  margin: 20px auto;
  width: 600px; 
  border-radius: 10px; 
  border: 5px solid darkslateblue;
}

.interiorWarning { /* modifies button */
  margin-top: 15px; 
  font-size: 125%;
  border-radius: 0px;
  margin-bottom: 0px;
  width: 75%; 
  color: #CE0000; 
  background: white;
}

.alternateText {
  font-family: sans-serif;
  font-weight: 500;
}

.interiorText { /* modifies alternateText */
  width: 80%;  
  text-align: justify;
  margin: 10px auto 10px; 
  padding: 0px;
}

.finalText { /* modifies alternateText */
  width: 80%;  
  text-align: center;  
  margin: 0px auto 20px; 
  padding: 0px;"
}

.barSpacer { /* used with graphics/bar.gif */
  width: 520px; height: 9px;
  vertical-align: middle; 
  transform: translateY(-50%); 
}

.galleryHeader {
  width: 750px; 
  margin: 20px auto 10px; 
  padding: 3px;
  color: white; 
  background: #348240;
  font-family: Verdana, Trebuchet MS, Arial Rounded MT Bold, Arial;
  font-weight: bold; 
  font-size: larger;
  text-align: center;
}

.centeredContainer { /* used with centeredBlueBox */
  width: 750px; 
  background: transparent; 
  box-shadow: none;
}

.pleaseWaitGif { /* used with the spinning wheel gif */
  height: 21px; 
  vertical-align: bottom;"
}

.showName { /* intentionally blank */
}