/* ALSO EDIT calendar.css AFTER CHANGING THESE STYLES - MANY DUPLICATES */
body {
  color: #000000;
  background-color: #7f7efd;
  font-size: 16px;
  font-family: Tahoma,Helvetica,Arial,sans-serif;
  width: 800px;
  text-align: left;
  margin-left: auto; margin-right: auto;
}
h1 {
  text-align: center;
  color: white;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: normal;
}
h2 {
  text-align: left;
  /* "ruby" color -- use red instead? */
  color: #850c1d;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: normal;
}
h3 {
  text-align: left;
  /* "ruby" color -- use red instead? */
  color: #850c1d;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
}
h4 {
  text-align: left;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  font-style: italic;
}
a:link, a:visited {
  color: #0000ee;
  text-decoration: none;
}
a:active, a:hover {
  color: #0000ee;
  text-decoration: underline;
}
.center {
  text-align: center;
}
.darkblue {
  color: #0000ff;
}
.rose {
  color: #ff00aa;
}
.ruby {
  color: #850c1d;
}
.turquoise {
  color: #00ffff;
}
.white {
  color: #ffffff;
}
.ruby_left_18 {
  color: #850c1d;
  text-align: left;
  font-size: 18px;
}
.white_left_ital_18 {
  color: #ffffff;
  text-align: left;
  font-style: italic;
  font-size: 18px;
}
.product_type {
  color: #850c1d;
  text-align: left;
  text-decoration: underline;
  font-size: 20px;
}
.valign_top {
  vertical-align: top;
}
.paypal_add {
  padding-top: 10px;
  text-align: center;
}
.paypal_view {
  text-align: right;
}
.halign_center {
  text-align: center;
}
table.cd_table {
  text-align: left;
  width: 800px;
  /* border-collapse: collapse; */
  /* cellspacing in non-CSS: */
  border-spacing: 2px;
}
table.track_table {
  text-align: left;
  width: 100%;
  border: 0px;
}
table.cd_table th, table.cd_table td {
  /* cellpadding in non-CSS */
  padding: 2px; 
}
td.left_bold {
  vertical-align: top;
  text-align: left;
  width: 80px;
  font-weight: bold;
}
td.track_list {
  vertical-align: top;
  text-align: left;
  color: #ffffff;
  font-size: 14px;
}
td.cd_title {
  /* width includes 200px for image and 20px for right margin: */
  width: 220px;
  text-align: left;
  font-weight: bold;
}
td.cd_r_column {
  vertical-align: top;
}
/* Inside right column of Product tables, make Firefox/Opera look like IE7: */
td.cd_r_column p {
  margin-top: 0px;
}
a.listen_a, a.listen_a:visited {
  text-decoration: none;
  color: #ffffff;
}
a.listen_a:hover, a.listen_a:active {
  text-decoration: underline;
  color: #ffffff;
}
a.listen_NOT-YET {
  text-decoration: line-through;
  color: red;
}
img.200x200 {
  width: 200px;
  height: 200px;
}
img.listen_i {
  width: 12px;
  height: 12px;
  margin-bottom: -1px;
  margin-right: 5px;
  border: 0px;
}
img.photo {
  border: 4px solid rgb(133, 12, 29);
  margin: 4px;
}
p.attribution {
  text-align: right;
}
/* Inside <ul class="horiz-list">, make each <li> a horizontal list item: */
ul.horiz-list li {
  display: inline;
}
/* Add td, tr, etc. to classes below? Use id instead!? */
#hdr {
  text-align: center;
  background-color: rgb(106, 174, 209);
  width: 800px;
}
#hdr_image {
  text-align: left;
}
#hdr_top_right {
  color: #850c1d;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  vertical-align: middle;
  padding-top: 10px;
}
#hdr_center {
  color: #ffffff;
  font-style: italic;
  font-weight: lighter;
  font-size: 18px;
}
#hdr_bottom {
  color: #850c1d;
  font-size: 18px;
}
#hdr_bottom a {
  color: #850c1d;
  text-decoration: none;
}
#hdr_bottom a:hover {
  color: #850c1d;
  text-decoration: underline;
}

/* TEST THIS ON ALL PAGES.  PROBABLY NEED TO ADD MORE STYLES HERE: */
@media print {
  body {
    color: #000000; background-color: #FFFFFF;
    font-family: Tahoma,Helvetica,Arial,sans-serif;
  }
  .darkblue, .rose, .ruby, .turquoise, .white {
    color: #000000
  }
}