body { 
  background-color: #000000; 
  font-family: Trebuchet, Verdana, Arial;
  font-size: 10pt;
  color: #000; /* needed to keep the css validator happy */ 
  text-align: center;
  margin: 0; 
  padding: 0; /* incase any crazy users specify in their browser settings they want a padded window.. */ 
}

div#container { 
  margin: 0 auto 0 auto; /* top and bottom: 0, sides: flexible (stretches) */ 
  width: 860px; 
  background: #000000 url(images/background.jpg) repeat-y; 
  color: #000; /* again, for the w3c validator to stop hyperventilating */ 
}

/* ------ Header Section ------ */

div.header { 
  background: url(images/header1.jpg) no-repeat; 
  height: 105px; 
  width: 760px; 
}

/* ------ Form Section ------ */
label
{
width: 4em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

.submit input
{
margin-left: 4.6em;
} 
input
{
color: #781351;
background: #fee3ad;
border: 1px solid #ffa20f
}

.submit input
{
color: #000;
background: #ffa20f;
border: 2px outset #d7b9c9
} 

/* ------ Header Navigation Section ------ */

div.navigation { 
  margin: 70px 5px 0 10px;  
  width: 600px; 
  float: left;
}

.navigation a { 
  font-family: Impact, Trebuchet, Verdana; 
  font-size: 14pt; 
  padding: 0 10px 3px 10px; 
  color: #FFFFFF; 
  text-decoration: none; 
} 
.navigation a:hover { 
  color: #EDE28E; 
}

.navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.navigation li {
  float: left;
  margin: 0 0.20em;
}

/* ------ Mid Section Content ------ */

#mid_content { 
  margin: 0 0px 0 0px; 
  padding: 0px; 
  color: #000; 
  width: 760px;
  height: 331px;
  background-color: #000000;
}

#mid_content #leftcol { 
  background-color: #000000;
  width: 394px;
  float: left;   
} 
#mid_content #rightcol { 
  background-color: #000000;
  width: 366px; 
  float: right;
}
#leftcol .content {
	background: url(images/mid-pic.jpg) no-repeat;
	background-color: #000000;
	height: 331px;
	text-align: left;
	padding: 10px;
	font-family: Trebuchet, Verdana, Arial;
	font-size: 10pt;
	color: #FFFFFF;
}
#rightcol .content {
	background: url(images/mid-content.gif) no-repeat;
	background-color: #000000;
	height: 331px;
	text-align: left;
	padding: 10px;
	font-family: Trebuchet, Verdana, Arial;
	font-size: 10pt;
	color: #FFFFFF;
}
#mid_bottom {
	background: url(images/mid-bottom.gif) no-repeat;
	height: 11px;
	width: 760px;
	
}

H1 {
	font-family: Impact, Trebuchet, Verdana; 
  	font-size: 14pt;
	margin-top: 20px;
	margin-bottom: -1px;
	color: #e9840c;
}
.clearmeplz { 
  clear: both; 
}
a { 
  font-family: Trebuchet, Verdana; 
  font-size: 10pt; 
  color: #FFFFFF; 
  text-decoration: underline; 
} 
a:hover { 
  color: #EDE28E; 
}

/* ------ Bottom Section Content ------ */

#bottom_content { 
  margin: 0 0px 0 0px; 
  padding: 0px; 
  color: #000; 
  width: 760px;
  height: 300px; 
}

#bottom_content #bleftcol { 
  width: 394px;
  float: left;   
} 
#bottom_content #brightcol { 
  width: 366px; 
  float: right;
}
#bleftcol .bcontent {
	background: url(images/bottom-left.jpg) no-repeat;
	height: 300px;
}
#brightcol .bcontent {
	background: url(images/bottom-right.jpg) no-repeat;
	height: 300px;
}

/* ------ Lyrics Section Content ------ */

#lyrics_content { 
	background: url(images/lyrics-content.jpg) repeat-y;
	margin: 0 0px 0 0px; 
  	padding: 0px; 
  	color: #FFFFFF; 
  	width: 760px;
  	height: 500px; 
}
#lyrics_content h2{	/* No margins above <h2> tags */
	font-family: Trebuchet, Verdana; 
	color: #FFFFFF;
  	font-size: 14pt;
	margin-top: 20px;
	margin-bottom: -1px;
}
#lyrics_content #lleftcol { 
  width: 244px;
  height: 500px;
  float: left;   
} 
#lyrics_content #contentContainer { 
  text-align: left;
  padding: 10px;
  width: 516px;
  height: 500px;
  float: right;
}
#lleftcol .articleListContainer {
	text-align: left;
	width: 244px;
	padding: 10px;
	font-family: Trebuchet, Verdana, Arial;
	font-size: 10pt;
	color: #FFFFFF;
}
#contentContainer .lcontent {
	text-align: left;
	padding: 10px;
	font-family: Trebuchet, Verdana, Arial;
	font-size: 10pt;
	color: #FFFFFF;
}
.lyrics_bottom {
	background: url(images/lyrics-bottom.gif) no-repeat;
	height: 16px;
}
.lyrics_top {
	background: url(images/lyrics-top.gif);
	height: 13px;
	font-size: 1pt;
	line-height: 1pt;
}
.articleList{
	margin:0px;
	padding:2px;
}
b {
	font-family: Trebuchet, Verdana; 
	color: #FFFFFF;
  	font-size: 12pt;
  	text-decoration: underline;
}
/* ------ Lyrics Navigation Section ------ */

.articleList a { 
  font-family: Trebuchet, Verdana; 
  font-size: 10pt; 
  padding: 0 10px 3px 10px; 
  color: #FFFFFF; 
  text-decoration: none; 
} 
.articleList a:hover { 
  color: #EDE28E; 
}

.articleList ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.articleList li {
  list-style: none;
  margin: 0;
  cursor:pointer;
}
.articleList li.articleMouseOver{	/* Mouse over article in list - layout */
	color:#FFFFFF;
}
.articleList li.articleClick{	/* Active article in list - layout */
	color:#000;
}

/* ------ Media Section Content ------ */

#media_content { 
	background: url(images/lyrics-content.jpg) repeat-y;
	margin: 0 0px 0 0px; 
  	padding: 0px; 
  	color: #FFFFFF; 
  	width: 760px;
  	height: 500px; 
}
#media_content h2{	/* No margins above <h2> tags */
	font-family: Trebuchet, Verdana; 
	color: #FFFFFF;
  	font-size: 14pt;
	margin-top: 20px;
	margin-bottom: -1px;
}
#media_content #contentContainer { 
  text-align: center;
  padding: 20px;
  width: 700px;
  height: 500px;
  float: center;
}

.media_bottom {
	background: url(images/lyrics-bottom.gif) no-repeat;
	height: 16px;
}
.media_top {
	background: url(images/lyrics-top.gif);
	height: 13px;
	font-size: 1pt;
	line-height: 1pt;
}

/* ------ Footer Section Content ------ */
#footer_content { 
	background: url('images/footer.gif');
	padding:3px; 
	text-align:center; 
	font-family:Trebuchet, Verdana, Arial; 
	font-size:8pt; 
	color:#000; 
	width:760px; 
	height:21px; 

}