body
{
  margin:            0px;
  padding:           0px;
  background-image:  url( background.gif );
  background-color:  #222222;
  background-repeat: repeat;
  color:             #ffffff;
  font:              10pt Century Gothic, Arial, Helvetica, Sans Serif;
}

#header
{
  text-align: left;
  margin:     0px;
  padding:    0px;
  background-image:    url( prom_group.png );
  background-repeat:   no-repeat;
  background-position: top right;
}

#header h1
{
  margin: 0px;
  height: 150px;
}

#header img
{
  border: 0px;
  margin: 10px;
  padding: 20px 0px 0px 0px;
  height: 90px;
}

#header ul
{
  text-align:       center;
  background-image: url( navbar.gif );
  margin:           0px 0px 10px 0px;
  height:           20px;
  list-style-type:  none;
  border:           2px solid #000000;
  font:             15px;
  font-weight:      bold;
}

#header ul li
{
  display: inline;  
  margin: 5px 5px 0px 5px;
  padding: 5px 10px 0px 10px;
  color: #000000;
}

#header ul li a
{
  color: #000000;
  text-decoration: none;
}

#header ul li.active a
{
  color: #ffffff;
}

#header ul li a:hover
{
  color: #ffffff;
}

#content
{
  position: absolute;
  top: 170px;
  right: 310px;
}

.leftcol
{
  float: left;
}

.rightcol
{
}

#main
{
  background-color: #000000;
  margin: 10px;
  border: 5px solid #3296FF;
  padding: 10px;
  min-height: 250px;
}

* html #main 
{
  height: 250px;
}

#main h1,
#main h3,
#main h5
{
  color: #00ff00;
}

#main img
{
  float: left;
  margin: 10px;
  border: 2px solid #ffee00;
}

#about
{
  background-color: #000000;
  position: absolute;
  right: 360px;
  margin: 10px;
  border: 5px solid #3296FF;
  padding: 10px;
}
#about h1,
#about h3,
#about h5
{
  color: #00ff00;
}

#listing
{
  background-color: #000000;
  position: absolute;
  width: 320px;
  right: 0;
  margin: 10px;
  padding: 10px;
  border:  5px solid #ffee00;
  font-size: 8pt;
}
#listing h1,
#listing h3,
#listing h5
{
  color: #fd2de5;
}

#sidebar
{
  position: absolute;
  right: 10px;
  top: 180px;
  width: 300px;
}

#player
{
  margin: 0px 0px 10px 0px;
  padding: 0;
  border:  5px solid #ff8000;
}

#upcoming
{
  display: none;
  background-color: #000000;
  margin: 0px 0px 10px 0px;
  padding: 0px 10px 10px 10px;
  border: 5px solid #00ff00;
  font-size: 8pt;
}
#upcoming h1,
#upcoming h3,
#upcoming h5
{
  color: #fd2de5;
}

#blast
{
  background-color: #000000;
  padding: 0px 10px 10px 10px;
  border:  5px solid #00ff00;
  font-size: 10pt;
}
#blast h1,
#blast h3,
#blast h5
{
  color: #ffee00;
}
#blast ul
{
  list-style-type: none;
}

.emphasized
{
  color: #ff8000;
  font-weight: bold;
}

a
{
  color:           #fd2de5;
  font-weight:     bold;
}

a:hover
{
  color:           #ff66ff;
  text-decoration: underline;
}

h1,
h3,
h5
{
  color:       #ffffff;
  font-weight: bold;
}

h1
{
  font-size: 14pt;
}

h3
{
  font-size: 12pt;
}

h5
{
  font-size: 10pt;
}

ul
{
  list-style-image: url( star.gif );
}

span.name
{
  color: #3296ff;
}

span.instr
{
  color: #ffee00;
  font-style: italic;
}

table#calendar
{
  text-align: center;
  width: 200px;
  font-size: 10pt;
  color: #ffffff;
  padding: 0px;
  margin: 0px;
}

table#calendar th
{
  background-color: #333333;
  padding: 0px;
  margin: 0px;
}

table#calendar td
{
  padding-left: 0px;
  padding-right: 0px;
}

table#calendar tr.even
{
  background-color: #222222;
}

table#calendar tr.odd
{
  background-color: #000000;
}

table.mugshots
{
  text-align: center;
  font-size: 8pt;
}

img.mugshot
{
  border: 2px solid #ffffff;
  width: 100px;
  height: 100px;
}