body {
  background-color: 4A551C;
  }
h1 {
  background-image: url(../bdimages/bd_header.JPG);
  font-size: 54px;
  font-family: Comic Sans MS,cursive;
  font-weight: 700;
  color: FFE500;
  height: 125px;
  width: 780px;
  text-align:center;
  vertical-align: middle;
  }
h2 {
  font-size: 20px;
  font-family: Comic Sans MS,cursive;
  font-weight: 600;
  color: 400099;
  background-color: CCFF00;
  }
h3 {
  font-size: 16px;
  font-family: Comic Sans MS,cursive;
  font-weight: 600;
  color: 400099;
  }
a.title:link {
  font-size: 16px;
  font-family: Comic Sans MS,cursive;
  font-weight: 600;
  color: 990099;
  }
a.title:visited {
  font-size: 16px;
  font-family: Comic Sans MS,cursive;
  font-weight: 600;
  color: 63468C;
  }
a.title:active {
  font-size: 16px;
  font-family: Comic Sans MS,cursive;
  font-weight: 600;
  color: 3E2266;
  }
a.title:hover {
  font-size: 16px;
  font-family: Comic Sans MS,cursive;
  font-weight: 600;
  color: 3E2266;
  }
a.inline:link {
  font-size: 14px;
  font-family: Century, Century Schoolbook, Palatino Linotype, Book Antiqua, Palatino, serif;
  font-weight: 300;
  color: 4A551c;
  cursor: default;
  }
a.inline:visited {
  font-size: 14px;
  font-family: Century, Century Schoolbook, Palatino Linotype, Book Antiqua, Palatino, serif;
  font-weight: 300;
  color: 4A551c;
  cursor: default;
  }
a.inline:active {
  font-size: 14px;
  font-family: Century, Century Schoolbook, Palatino Linotype, Book Antiqua, Palatino, serif;
  font-weight: 300;
  color: 400099;
  cursor: default;
  }
a.inline:hover {
  font-size: 14px;
  font-family: Century, Century Schoolbook, Palatino Linotype, Book Antiqua, Palatino, serif;
  font-weight: 300;
  color: 400099;
  cursor: default;
  }
p. {
  font-size: 14px;
  font-family: Century, Century Schoolbook, Palatino Linotype, Book Antiqua, Palatino, serif;
  text-align: center;
  color: 1F1133;
  margin: 10px;
  }
.rollmsg {
  font-size: 16px;
  font-family: Comic Sans MS,cursive;
  font-weight: 400;
  color: 400099;
  background-color: CCFF00;
  text-align: center;
  }
.msg {
  font-size: 14px;
  font-family: Century, Century Schoolbook, Palatino Linotype, Book Antiqua, Palatino, serif;
  background-color: white;
  color: 4A551C;
  font-weight: 900;
  text-align: center;
  margin: 10px;
  }
.bible {
  font-size: 14px;
  font-family: Century, Century Schoolbook, Palatino Linotype, Book Antiqua, Palatino, serif;
  background-color: white;
  color: 4A551C;
  font-weight: 300;
  text-align: center;
  margin: 10px;
  }
.leftText {
  font-size: 14px;
  font-family: Century, Century Schoolbook, Palatino Linotype, Book Antiqua, Palatino, serif;
  text-align: left;
  color: 1F1133;
  margin: 10px;
  }
.leftTextReply {
  font-size: 14px;
  font-family: Century, Century Schoolbook, Palatino Linotype, Book Antiqua, Palatino, serif;
  text-align: left;
  font-style: italic;
  color: 400099;
  margin: 10px;
  }
.center {
  width: 800px;
  background-color: 93AA39;
}
.text {
  width: 780px;
  background-color: white;
  color: 1F1133;
  margin: 10px;
}
#club {
  width: 380px;
  height: 310px;
  background-color: white;
  color: 1F1133;
}
#story {
  width: 380px;
  height: 400px;
  background-color: white;
  color: 1F1133;
  margin: 10px;
  }
.rightYourTurn {
  width: 590px;
  background-color: white;
  color: 1F1133;
  margin: 10px;
}
.leftYourTurn {
  width: 180px;
  background-color: white;
  color: 1F1133;
  text-align: left;
}
.textStoryImg {
  background-image: url(../bdimages/TextBackground.GIF);
}
.textStoryClear {
  background-image: url();
}
.textCommentImg {
  background-image: url(../bdimages/CommentBackground.GIF);
}
.textCommentClear {
  background-image: url();
}
.textSendImg {
  background-image: url(../bdimages/SendBackground.GIF);
}
.textSendClear {
  background-image: url();
}
#textEmbed {
  background-image: url(../bdimages/embedBackground.GIF);
}
#media {
  width: 380px;
  height: 735px;
  background-color: white;
  overflow: auto;
}
#userComments {
  width: 330px;
  height: 250px;
  background-color: white;
  overflow: auto;
  text-align: left;
  color: 1F1133;
  margin: 10px;
}
#foot {
  width: 780px;
  height: 50px;
}
hr {
  color: 662266;
  background-color: blue;
  height: 3pt;
  border: 0;
}
p.footer {
  font-size: 12px;
  font-family: Comic Sans MS,cursive;
  font-weight: 600;
  color: 400099;
  background-color: CCFF00;
  text-align:center;
  margin: 10px;
}
p.count {
  font-size: 12px;
  font-family: Century, Century Schoolbook, Palatino Linotype, Book Antiqua, Palatino, serif;
  font-weight: 300;
  color: 662266;
  background-color: white;
  text-align:center;
}
#displayVideo {
  text-align:center;
  height:300px;
}
img {
  cursor: pointer; cursor: hand;
}

/* Sortable tables */
table.sortable thead {
  background-color: E6ACE6;
  font-size: 14px;
  font-family: Comic Sans MS,cursive;
  font-weight: 600;
  color: 400099;
  cursor: default;
}

tr.shade td {
  background-color: E6ACE6;
}

a.button:link {
  display: block;
  background-color: transparent;
  background-image: url(../bdimages/boneButton.GIF);
  background-repeat: no-repeat;
  width: 250px;
  height: 40px;
  margin: 10px auto;
  padding: 10px 0 0 0;
  text-align: center;
  font-size: 16px;
  font-family: Comic Sans MS,cursive;
  font-weight: 600;
  color: 4A551C;
  text-decoration: none;
}
a.button:visited {
  display: block;
  background-color: transparent;
  background-image: url(../bdimages/boneButton.GIF);
  background-repeat: no-repeat;
  width: 250px;
  height: 40px;
  margin: 10px auto;
  padding: 10px 0 0 0;
  text-align: center;
  font-size: 16px;
  font-family: Comic Sans MS,cursive;
  font-weight: 600;
  color: 4A551C;
  text-decoration: none;
}
a.button:active {
  display: block;
  background-color: transparent;
  background-image: url(../bdimages/boneButtonActive.GIF);
  background-repeat: no-repeat;
  width: 250px;
  height: 40px;
  margin: 10px auto;
  padding: 10px 0 0 0;
  text-align: center;
  font-size: 16px;
  font-family: Comic Sans MS,cursive;
  font-weight: 900;
  color: FFFFFF;
  text-decoration: none;
}
a.button:hover {
  display: block;
  background-color: transparent;
  background-image: url(../bdimages/boneButtonActive.GIF);
  background-repeat: no-repeat;
  width: 250px;
  height: 40px;
  margin: 10px auto;
  padding: 10px 0 0 0;
  text-align: center;
  font-size: 16px;
  font-family: Comic Sans MS,cursive;
  font-weight: 900;
  color: FFFFFF;
  text-decoration: none;
}

