/* centers entire site */
body {
  text-align: center;
}

/* left aligns content */
#sitebody {
  text-align: left;
  width: 984px;
  margin: auto;
}

/* page header */
#header {
  color: #000033;
  font-size: 30px;
  font-weight: bold;
  padding: 0;
}

/* subheader */
#subheader {
  font-size: 14px;
  font-weight: bold;
  padding: 0px 0px 3px 0px;
}

/* bold body */
#body_bold {
  font-weight: bold;
}

/* bold red for invalid */
#body_invalid {
  color: #ff0000;
  font-weight: bold;
}

#clearcontainer {
  margin: 0;
  padding: 0;
}

/* labels to the left of email form */
#eform_name {
  float: left;
  padding-top: 5px;
  text-align: left;
  vertical-align: top;
  width: 80px;
}

/* input boxes of email form */
#eform_box {
  float: right;
  padding-top: 5px;
  width: 904px;
}

.clear {
  height: 0;
  font-size: 1px;
  margin: 0;
  padding: 0;
  line-height: 0;
  clear: both;
}

/* home: left and right columns  */
#home_lr {
  border: 0px;
  float: left;
  padding: 0px 42px 0px 0px;
  text-align: left;
  vertical-align: top;
  width: 450px;
}

/* home: playlist artist */
#home_artist {
  Float: left;
  text-align: left;
  vertical-align: top;
  width: 150px;
}

/* home: playlist song */
#home_song {
  float: left;
  text-align: left;
  vertical-align: top;
  width: 300px;
}

/* dates: column 1 */
#dates_c1 {
  float: left;
  text-align: left;
  vertical-align: top;
  width: 125px;
}

/* dates: column 2 */
#dates_c2 {
  float: left;
  text-align: left;
  vertical-align: top;
  width: 175px;
}

/* dates: column 3 */
#dates_c3 {
  float: left;
  text-align: left;
  vertical-align: top;
  width: 150px;
}

/* dates: column 4 */
#dates_c4 {
  float: left;
  text-align: left;
  vertical-align: top;
  width: 150px;
}

/* dates: column 5 */
#dates_c5 {
  float: left;
  text-align: left;
  vertical-align: top;
  width: 175px;
}

/* dates: column 6 */
#dates_c6 {
  float: left;
  text-align: left;
  vertical-align: top;
  width: 209px;
}

/* playlists: column 1 */
#playlists_c1 {
  float: left;
  text-align: left;
  vertical-align: top;
  width: 200px;
}
/* playlists: column 2 */
#playlists_c2 {
  float: left;
  text-align: left;
  vertical-align: top;
  width: 300px;
}
/* playlists: column 3 */
#playlists_c3 {
  float: left;
  text-align: left;
  vertical-align: top;
  width: 300px;
}
/* playlists: column 4 */
#playlists_c4 {
  float: left;
  text-align: left;
  vertical-align: top;
  width: 184px;
}

/* audio: column 1 */
#audio_c1 {
  float: left;
  text-align: left;
  vertical-align: top;
  width: 125px;
}

/* audio: column 2 */
#audio_c2 {
  float: left;
  text-align: left;
  vertical-align: top;
  width: 200px;
}

/* audio: column 3 */
#audio_c3 {
  float: left;
  text-align: left;
  vertical-align: top;
  width: 450px;
}

/* audio: column 4 */
#audio_c4 {
  float: left;
  text-align: left;
  vertical-align: top;
  width: 209px;
}

/* links: left column for all*/
#links_c1 {
  float: left;
  text-align: left;
  vertical-align: top;
  width: 200px;
}

/* links: dj c2 */
#links_dj_c2 {
  float: left;
  text-align: left;
  vertical-align: top;
  width: 784px;
}

/* links: events c2 */
#links_events_c2 {
  float: left;
  text-align: left;
  vertical-align: top;
  width: 150px;
}

/* links: events c3 */
#links_events_c3 {
  float: left;
  text-align: left;
  vertical-align: top;
  width: 150px;
}

/* links: events c4 */
#links_events_c4 {
  float: left;
  text-align: left;
  vertical-align: top;
  width: 200px;
}

/* links: events c5 */
#links_events_c5 {
  float: left;
  text-align: left;
  vertical-align: top;
  width: 284px;
}

/* links: mailorder c2 */
#links_mail_c2 {
  float: left;
  text-align: left;
  vertical-align: top;
  width: 200px;
}

/* links: mailorder c3 */
#links_mail_c3 {
  float: left;
  text-align: left;
  vertical-align: top;
  width: 584px;
}

/* footer */
.footer {
  font-size: 9px;
  padding-top: 20px;
  text-align: center;
}

/* anchors. do not change order! */
a:link, a:visited {
  color: #000033;
}
a:hover {
  color: #cccccc;
}
a:active {
  color: #cccccc;
}

/* paragraph */
p {
  margin-top: 1em;
}

/* format hr */
hr {
  border-style: none;
  background-color: #595252;
  color: #595252;
  height: 1px;
  margin: 0 auto 0 0;
  text-align: left;
  width: 450px;
}

/* input */
input {
  background-color: transparent;
  border-color: #cccccc;
  border-style: solid;
  border-width: 2px;
  font-family: arial, sans-serif;
  font-size: 12px;
}

/* input buttons */
input.buttons {
  color: #000033;
  font-weight: bold;
  height: 25px;
  text-align: center;
  width: 70px;
}

/* input button hover */
input.buttons:hover {
  color: #cccccc;
}
/* textarea */
textarea {
  background-color: transparent;
  border-color: #cccccc;
  border-style: solid;
  border-width: 2px;
  font-family: arial, sans-serif;
  font-size: 12px;
}

ul.classic {
  list-style: disc;
  margin-bottom: 1em;
  padding-left: 2em;
}

.dropdown-upward {
  margin-top: 400px;
}