@charset "utf-8";

body {
  background-color: #99CC66;
}

body,td,th {
  font-family: Garamond, "Times New Roman", serif;
  font-size: 14px;
  color: #FFFFFF;
}

a:link {
  color: #99cc66;
  text-decoration: none;
}

a:visited {
  text-decoration: none;
  color: #339900;
}

a:hover {
  text-decoration: none;
  color: #FFFFFF;
}

a:active {
  text-decoration: none;
}

h1 {
  font-size: 24px;
  color: #99cc66;
}

.style8 {font-weight: bold;}

.style19 {
  font-size: 18px
}

.style15 {color: #99cc66}
.style18 {font-size: 40px; font-weight: bold;}
.style21 {font-family: Garamond, "Times New Roman", serif; border-color: green; border-width: 2px;}

.style21 .style19 strong a {
  color: #00F;
}
.style21 strong .style19 a {
  color: #F00;
}
.style21 .style19 strong a {
  color: #66F;
}
.style21 strong .style19 a {
  font-family: Arial Black, Gadget, sans-serif;
}
.style21 strong .style19 a {
  font-family: Courier New, Courier, monospace;
}
.style21 strong .style19 a {
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}

table {
  border: 0;
}

.bodytext {
  font-family: Garamond, "Courier New", "Times New Roman", serif;
  font-size: 14px;
  color: #FFFFFF;
  background-color: #000000;
  text-align: center;
  vertical-align: top;
}

.bodytextgreen {
  font-family: Garamond, "Courier New", "Times New Roman", serif;
  font-size: 14px;
  color: #99CC66;
}

.green-border {
  background-color: black;
  border-color: #99CC66;
  border-width: 2px;
  border-style: solid;
  border-radius: 5px;
}

#schedule {
  margin: auto;
  width: 800px;
  text-align: right;
}

#caltext {
  font-weight: bold;
  color: black;
}

#main {
  margin: auto;
  padding: 2px;
  background-color: black;
  background-image: url("Images/bkgd.jpg");
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 20px;
  width: 800px;
}

#header {
  text-align: center;
  height: 365px;
}

#leftcat {
  float: left;
}

#rightcat {
  float: right;
}

#title {
  width: 363px;
  display: inline-block;
}

#leftbar {
  width: 20%;
  display: inline-block;
  vertical-align: top;
  float: left;
}

#rightbar {
  width: 20%;
  display: inline-block;
  vertical-align: top;
  float: right;
}

#leftthumbs {
  width: 122px;
  height: 273px;
  float: left;
  display: inline-block;
}

#rightthumbs{
  width: 122px;
  height: 273px;
  float: right;
  display: inline-block;
}

#hiringname, #alumniname, #rostername, #photosname {
  font-size: 42px;
  font-weight: bold;
  display: inline-block;
}

#historyname {
  font-size: 36px;
  font-weight: bold;
  display: inline-block;
}

#auditionsname {
  font-size: 28px;
  font-weight: bold;
  display: inline-block;
}

#repertoirename {
  font-size: 24px;
  font-weight: bold;
  display: inline-block;
}

#toursname, #medianame {
  font-size: 50px;
  font-weight: bold;
  display: inline-block;
}

#mp3samples, #repertoiresonglist {
  text-align: left;
  float: left;
  display: inline-block;
  width: 60%;
}

#mp3albums, #repertoireartistlist {
  text-align: right;
  float: right;
  display: inline-block;
  text-decoration: italic;
  width: 40%;
}

#faqsname {
  font-size: 64px;
  display: inline-block;
}

#maintext {
  width: 55%;
  margin: auto;
  text-align: center;
}

#mediatext, #rostertext {
  width: 75%;
  margin: auto;
  text-align: center;
}

#footer {
  text-align: center;
  font-size: 75%;
}

.photoentry {
  vertical-align: top;
  width: 160px;
  padding: 15px;
  text-align: center;
  display: inline-block;
}

#phototable {
  width: 90%;
  margin: auto;
  text-align: center;
}

li {
    text-align: left;
}