body {
  margin: 0;
  padding: 0;
  font-family: Helvetica, sans-serif;
  font-size: 11px;
  color: #FFF;
  height: 100%;
  background: #000 url("../images/base-bg.png") repeat-y center;
  //background-color: #000;
  //overflow: scroll;
}

div#container {
  width: 1024px;
  //width: 33%;
  min-height: 100%;
  margin: 0 auto;
  padding: 0;
  //background-color: #212429;
  //background: #000;
  //padding: 0 auto;
}

#footer {
  clear: both;
}

#banner { 
  display: block;
  /*background: #000 url("../images/header_left.png") no-repeat;*/
  width: 100%;
  overflow: auto;
  margin: 0 0;
}

#header { margin-bottom: 1.5em; }

#header img { border: 0; }

#header img.left { float: left; }

#header img.right { float: right; }

#menu { 
  font-weight: bold;
  clear: both; 
  color: #000;
}

#menu, #menu a {
  margin: 0;
  padding: 0;
  text-decoration: none;
  background-color: #D3D3D3;  
  /*line-height: 24px;*/
}

#menu div { 
  /*line-height: 1em;*/
  padding: 0;
  margin: 0;
  text-transform: uppercase;
}

#menu a {
  /*display: inline; */
  /*line-height: 1em;*/
  margin: 0 0.2em;
  padding: 6px 0;
  /*background-color: #F00;*/
  color: #000;
  text-decoration: none;
  /*min-height: 50px;*/
}

#menu .sub a {
  background-color: inherit;
}

/* we make the current link not react when hovered... */
#menu a.current, #menu a.current:hover {
  background-color: #000;
  color: #B6F915;
}

#menu a:hover {
  background-color: #000;
  /*color: #B6F915;*/
  color: #D3D3D3;  
  /* seems to deal with the spurious line
  border-bottom: 1px solid #000;
  */
}

#menu .main {
  /* the 3em margin - the 0.2em padding on each element */
  padding: 6px 0 6px 2.2em;
  margin: 0;
  /*min-height: 50px;*/
}


#menu .sub {
  //height: 1em;
  //min-height: 24px;
  background-color: #818181;
  margin: 0;
  padding: 6px 0 6px 2.2em;
}

#player {
  /* shift up the volume part */
  margin-top: -24px;
  margin-right: 120px;
  float: right;
}

/* ---------------------- end of header stuff ------------------ */

/* general style stuff */


a {
	text-decoration: none;
	color: white;
}

h1 {
  color: #B6F915;
  font-size: 1em;
  text-transform: uppercase;
}

h2 {
  font-size: 1.1em;
  text-transform: uppercase;
}

a img {
  border: none;
}

div .errorExplanation,
div .formError {
  color: red;
  margin-bottom: 1em;
}

div .fieldWithErrors {
  border: 1px solid red;
}

#pagination {
	text-align: center;
	color: #B6F915;
}