body 				{ width: 100%; margin-left: 0; margin-right: 0; text-align:center; 
				  font-family:  Verdana,Georgia, Arial, Geneva, Helvetica, sans-serif;
				  font-size: .75em; line-height: 1em; background-color: #000; color: #FFF; }
img 				{ border: 0px; }
a,
a:link 
a:active 			{ color: #FFF; background-color: transparent; text-decoration: underline; font-weight: bold;}
a:visited 			{ color: #FFF; background-color: transparent; font-weight: bold; }
a:hover 			{ font-weight: bold; }

h1				{ font-size: 1.25em }
h2				{ font-size: 1.0em }
h3				{ font-size: 0.9em }

table				{ width: 100%; }
th				{ text-align: left; }
tr.even				{ background: #666; }
tr.odd				{ background: #999; }
tr.white			{ background: #FFF; color: #000; }
td				{ padding: 5px; vertical-align: top; }

#container			{ width: 770px; background-color: #000; margin-left: auto; margin-right: auto;}
#header,#content,#footer 	{ overflow: hidden; text-align: left; }

/* safari and opera need this */
#header, #footer 		{  width: 100%; }
#header 			{  width: 100%; padding: 0px; margin: 0px; background: #000000 url(/images/crossroads_6.jpg) no-repeat scroll 0 0; border-bottom: 6px solid #FFF; height: 325px;}
#header h1 			{  padding: 20px 10px; font-size: 3.0em; margin: 10px 0px; display: none;}

#content			{ clear:left; border: 1px solid #000; float: left; width: 74%; margin: 0px 0px; padding: 6px 0px; }

#sidebar			{ float: right; width: 25%; padding: 0px; margin: 0px; border: 1px solid #000; }
#menu				{ /* float: right; width: 19%; */ display: block; padding: 0px; margin: 0px; border: 1px solid #000; }
#menu ul			{ list-style: none; margin: 0px; padding: 0px; width: 100%;}
#menu ul li			{ border: 1px solid #999; padding: 0px; margin: 0px; text-align: left; background-color: #000;}
#menu ul li a,		
#menu ul li a:link,	
#menu ul li a:active,	
#menu ul li a:visited		{ display: block; margin: 0px; padding: 10px; border-right: solid 10px #666; text-decoration: none;}
#menu ul li a:hover		{ color: #000; background-color: #CCC; border-right: solid 10px #333;}

#footer 			{ clear:left; text-align: center; color: #EEE; }

#upcoming		{ border: 1px solid #FFF; display: block;  float: left; width: 250px; margin-right: 40px;}
#upcoming h2		{ background-color: #EB5600; border: 1px solid #FFF; margin: 0px; padding: 10px; }
#upcoming ul		{ list-style: none; margin: 0px; padding: 0px; }
#upcoming li		{ font-style: bold; padding: 10px 0px; border-bottom: 1px solid #FFF; }

#recent			{ border: 1px solid #FFF; width: 95%; display: inline-block; }
#recent h2		{ background-color: #9E2000; margin: 0px; padding: 10px; border: 1px solid #FFF;}
#recent ul		{ list-style: none; margin: 0px; padding: 0px; }
#recent li		{ font-style: bold; padding-bottom: 10px; border-bottom: 1px solid #FFF; background-color: #666; }
#recent li h3		{ margin: 0px; padding: 10px; }
#recent li div		{ padding: 0px 10px; }

#blurb			{ padding: 10px; margin: 3px; }
.left			{ text-align: left; }
#middle			{ width: 700px }


#upcoming2		{ border: 1px solid #FFF; display: block; text-align: left; margin: 5px 0px;}
#upcoming2 h2		{ background-color: #EB5600; border-bottom: 1px solid #FFF; margin: 0px; padding: 10px; }
#upcoming2 ul		{ list-style: none; margin: 0px; padding: 0px; }
#upcoming2 li		{ font-style: bold; padding: 10px 0px; border-bottom: 1px solid #FFF; }

#recent2		{ border: 1px solid #FFF; display: block; margin: 5px 0px; text-align: left;}
#recent2 h2		{ background-color: #9E2000; margin: 0px; padding: 10px; border-bottom: 1px solid #FFF;}
#recent2 ul		{ list-style: none; margin: 0px; padding: 0px; }
#recent2 li		{ font-style: bold; padding-bottom: 10px; border-bottom: 1px solid #FFF; background-color: #666; }
#recent2 li h3		{ margin: 0px; padding: 5px; background-color: #999; border-bottom: 1px solid #333;}
#recent2 li div		{ padding: 3px 10px; }

#content		{ font-size: 1.1em; line-height: 1.1em; }
#content p		{ margin: 20px 5px; padding: 0px 30px; }

#events			{ padding: 20px 0px; }

#footer			{ color: #666; }

#displayed_image	{ padding: 5px; margin: 0px 30px; text-align: center; overflow: auto; vertical-align: middle; width: 350px; display: inline;}
#pic_list 		{ float: left; list-style: none; margin: 0px; padding: 0px; width: 75px; }
#pic_list li		{  }
#pic_list li a		{ display: block; padding: 5px 0px; margin: 2px; }
#pic_list li a img	{  border: 1px solid #FFF; }

#groups			{ list-style: none; margin: 0px; padding: 0px; }
#groups li		{ padding: 5px 10px; margin: 5px 5px; float: left; text-align: center; border: 2px solid #999;}
#groups li h2		{ padding: 0px 0px 2px 0px; margin: 0;}

.description		{ padding-bottom: 25px; background: #333; }

.songs {
	clear: left;
	padding: 5px;
	margin: 5px 0px;
}

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

.songs ul li {
	float: left;
	width: 50%;
	padding: 0px;
	margin: 0px;
}

#content ul {
	list-style: none;
}

#content ul li {
	padding: 5px 0px;
}

.centered {
	text-align: center;
}

#locations {
	list-style: none;
	margin: 0px 50px;
}

#locations li {
	float: left;
	width: 40%;
	padding: 0px;
}