* {
	margin: 0;
	padding: 0;
}

body {
	font-family: verdana;
	font-size: 8pt;
	line-height: 1.5em;
	margin: 10px 0 0 0;
	background: #999999;
}

#sub {
	margin: 0 0 0 10px;
}

h2 {
	font-family: trebuchet ms;
	font-size: 12pt;
	line-height: 1.2em;
	color: #aa0000;
}

#toprow td.topr{
	padding-top: 4px;
}

.context {
	color: #232323;
}

p.con {
	text-indent: 20px;
	color: #232323;
}

.conlist {
	margin-left: 60px;
	list-style: none;
}

.contactinfo {
	width: 525px;
	position: relative;
	left: 20px;
	margin-right: 30px;
}

.newsdate {
	font-family: courier new, verdana;
	font-weight: 900;
	font-size: 12pt;
}

/* Styles for upcoming events page */
.month {
	font-family: courier new, verdana;
	font-weight: 900;
	font-size: 12pt;
	color: #ffffff;
}

.edate {
	font-family: verdana;
	font-size: 8pt;
	font-weight: 900;
	color: #000000;
}

.event {
	font-family: verdana;
	font-size: 8pt;
	color: #000000;
}

.time {
	font-family: verdana;
	font-size: 8pt;
	font-weight: 900;
	color: #aa0000;
}
/* End styles for upcoming events page */

/* music album cover and listing styles */
.albumtitle {
	font-family: courier new, verdana;
	font-size: 14pt;
	font-weight: 900;
	color: #000066;
	line-height: 1.2em;
}
/* and music album cover and listing styles */

/* removes border from photo pics */
.photolink {
	text-decoration: none;
	border: none;
}

#loud { /* IE6 is gay cammond */
	
}

html>body #loud {
	position: relative;
	top: 0px;
	left: 10px;
}

#coming {
	position: relative;
	top: 100px;
	left: 100px;
}

/* MAIN NAVIGATION CODE */
/* IE6 commands */
#menu {
		margin: 0 0 0 0;
}

#menu li {
		list-style: none;
		margin-bottom: 3px;
}

#menu a {
		font-size: 14pt;
		font-weight: bolder;
		font-family: courier new, verdana, arial;
		display: block;
		width: 225px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		text-decoration: none;
		background-color: #aaaaaa;
		color: #990000;
}

#menu a:hover {
       background-color: #bcbcbc;
       color: #000066;
}

html>body #menu {
		margin: 0 0 0 0;
}

html>body #menu li {
		list-style: none;
		margin-bottom: 3px;
}

html>body #menu a {
		font-size: 14pt;
		font-weight: bolder;
		font-family: courier new, verdana, arial;
		display: block;
		width: 225px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		text-decoration: none;
		background-color: #aaaaaa;
		color: #990000;
}

html>body #menu a:hover {
       background-color: #bcbcbc;
       color: #000066;
}
/* END MAIN NAVIGATION CODE */

#banner {
	width: 800px;
	height: 150px;
	background: url(../images/head.jpg) no-repeat;
	margin:0 auto;
}

/* 
This content command is for IE versions 6 and earlier, since those versions of IE don't understand 
minimum height commands like every other browser.  This command MUST appear on top because 
those versions of IE read the top command first and ignores the next.   This command also applies to
IE version 5 for Mac, in case there are still any Mac users with that browser.
*/
#content {
	width: 800px;
	height: 500px;
	background: url(../images/content.jpg) repeat-y;
	margin: 0 auto;
}

#centerblock {
	position: relative;
	left: 0px;
	top: 0px;
	width: 535px;
	margin: 20px;
	padding-left: 0px;
	padding-right: 0px;
}

#rightblock {
	position: relative;
	left: 575px;
	top: 0px;
	width: 225px;
	margin: 0;
	padding-right: 0px;
	padding-left: 0px;
}

/* 
This content command is what every other browser will read, including IE 7 in this case, since they 
read both commands and will use the command that appears second or the command that is more 
specific.  All browsers except for IE 6 and earlier always use the CSS command that is most specific 
hence the parent child selector.
*/
html>body #content
{
	width: 800px;
	height: auto;
	min-height: 500px;
	background: url(../images/content.jpg) repeat-y;
	margin: 0 auto;
	overflow: auto;
}

html>body #centerblock {
	position: relative;
	left: 0px;
	top: 0px;
	width: 535px;
	margin: 20px;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
}

#centerblock ol.tracks {
	margin: 0 0 0 30px;
	font-size: .8em;
	line-height: .8em;
}

html>body #rightblock {
	position: relative;
	left: 0px;
	top: 0px;
	width: 225px;
	margin: 0 0 0 0;
	padding-right: 0px;
	padding-left: 0px;
	float: right;
}

#footbanner {
	width: 800px;
	height: 25px;
	background: url(../images/foot.jpg) no-repeat;
	margin: 0 auto;
}


/* LINKS THAT APPEAR IN THE CONTENT AREA */
a.conlink:link {
	color: #000099;
	text-decoration: none;
}

a.conlink:visited {
	color: #000099;
	text-decoration: none;
}

a.conlink:active {
	color: #aa0000;
	text-decoration: none;
}

a.conlink:hover {
	color: #aa0000;
	text-decoration: none;
}

/* LINKS FOR BACK TO TOP JUMPS */
a.backtop:link {
	color: #000099;
	text-decoration: none;
}

a.backtop:visited {
	color: #000099;
	text-decoration: none;
}

a.backtop:active {
	color: #aa0000;
	text-decoration: none;
}

a.backtop:hover {
	color: #aa0000;
	text-decoration: none;
}