body {
	color: #4F4B4A;
	background-color: #ECE4D5;
	margin: 20px;
	padding: 0;
	background-image:  url("images/waterclown4.jpg");
}
#header h1, #trrhead h1, #bjqhead h1, #jqhead h1, #ddbbhead h1, #jazzmayhemhead h1, #tjohead h1 {
	margin: 10px 0 20px 5px;
	padding: 0;
	font: bold 16pt Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.content h1, .content_nobkgrnd h1 {
	font: bold 10pt/12pt Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 15px 0;
	padding: 0;
}
h2 {
	font: bold 10pt/12pt Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0;
	padding: 0;
}
h3 {
	font: bold 10pt/12pt Verdana, Arial, Helvetica, sans-serif;
	margin: 10px 0 10px 0;
	padding: 0;
}
.centered {
	 text-align: center;
	 margin-left: auto;
	 margin-right: auto;
}
.menuincontent {
	 text-align: center;
	 margin-left: auto;
	 margin-right: auto;
}
.menuincontent a {
	font-size: 9pt;
}
.bolding {
	font-weight: bold;
}
.italicizing {
	font-style: italic;
}
.noitalicizing {
	font-style: normal;
}
.itemheading {
	font-style: italic;
	font-weight: bold;
}
.albumname {
	font-style: italic;
	font-weight: bold;
}
.songtitle {
	font-weight: bold;
	font-style: italic;
	color: #808C73;
}
.caption {
	font-size: 8pt;
	font-weight: bold;
}
#header h2, #trrhead h2, #bjqhead h2, #jqhead h2, #ddbbhead h2, #jazzmayhemhead h2, #tjohead h2 {
	margin: 0 0 20px 120px;
	padding: 0;
	font: bold 14pt Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#bjqhead h2, #tjohead h2 {
	margin: 0 0 20px 200px;
}
#jazzmayhemhead h2 {
	margin: 0 0 20px 200px;
}
p {
	margin: 0 0 16px 0;
	padding: 0;
}
#header p {
	margin-left: 120px;
	color: #DDDDDD;
	font: normal 14pt Verdana, Arial, Helvetica, sans-serif;
}
.content p, .content_nobkgrnd p {
	margin-left: 0;
	margin-right: 0;
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
}
.content td, .content_nobkgrnd td {
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
}
.content .quotesource, .content_nobkgrnd .quotesource {
	font: italic 8pt Verdana, Arial, Helvetica, sans-serif;
	padding-left: 30px;
}
p.big {
	font: 12pt Verdana, Arial, Helvetica, sans-serif;
}
.footer p {
	color: #A96725;
	font: bold 8pt Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
a {
	color: #CA7C2D;
	font: bold 10pt Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a:link, .footer a:link {
	color: #CA7C2D;
}
a:visited, .footer a:visited {
	color: #CA7C2D;
}
a:hover, .footer a:hover {
	color: #666666;
	text-decoration: underline;
}
a:active, .footer a:active {
	color: #666666;
	text-decoration: underline;
}
#leftmenu a, #rightmenu a {
	color: #FEC46C;
	font: bold 10pt Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#leftmenu a:link, #rightmenu a:link {
	color: #FEC46C;
}
#leftmenu a:visited, #rightmenu a:visited {
	color: #FEC46C;
}
#leftmenu a:hover, #rightmenu a:hover {
	color: #CCCCCC;
	text-decoration: underline;
}
#leftmenu a:active, #rightmenu a:active {
	color: #CCCCCC;
	text-decoration: underline;
}
.footer a {
	color: #F87B38;
	font: bold 8pt Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

/* All the content boxes belong to the content class. */
.content, .content_nobkgrnd {
	position: relative;
	min-width: 120px;
	margin: 0 210px 20px 170px;
	border: 6px solid #A6B594;
	background-color: #FCF8EF;
	padding: 10px;
	background-repeat: no-repeat;
	background-position: right top;
	left: 1px;
}
.content {
	background-image:  url("images/content_bkgrnd1.jpg");
}

/* The header ID is based on the content class, but specific to the one header div. */
#header {
	position: relative;
	width: auto;
	height: 145px;
	min-width: 120px;
	margin: 0 210px 20px 170px;
	border: 6px solid #A6B594;
	background-color: #857D7E;
	padding: 10px;
	z-index: 3;
	background-image:  url("images/hdr_mp_tromb2007.jpg");
	background-repeat: no-repeat;
	background-position: left top;
}
#trrhead {
	position: relative;
	width: auto;
	height: 165px;
	min-width: 120px;
	margin: 0 210px 20px 170px;
	border: 6px solid #A6B594;
	background-color: #857D7E;
	padding: 10px;
	z-index: 3;
	/*background-image: url('images/hdr_bkgrnd_trr3.jpg');*/
	background-repeat: no-repeat;
	background-position: left top;
}
#bjqhead {
	position: relative;
	width: auto;
	height: 165px;
	min-width: 120px;
	margin: 0 210px 20px 170px;
	border: 6px solid #A6B594;
	background-color: #857D7E;
	padding: 10px;
	z-index: 3;
	background-image: url('images/hdr_bkgrnd_bjq2.jpg');
	background-repeat: no-repeat;
	background-position: left top;
}
#tjohead {
	position: relative;
	width: auto;
	height: 165px;
	min-width: 120px;
	margin: 0 210px 20px 170px;
	border: 6px solid #A6B594;
	background-color: #857D7E;
	padding: 10px;
	z-index: 3;
	background-image: url('images/hdr_bkgrnd_tjo.jpg');
	background-repeat: no-repeat;
	background-position: left top;
}
#jqhead {
	position: relative;
	width: auto;
	height: 165px;
	min-width: 120px;
	margin: 0 210px 20px 170px;
	border: 6px solid #A6B594;
	background-color: #857D7E;
	padding: 10px;
	z-index: 3;
	background-image: url('images/hdr_bkgrnd_jq1b.jpg');
	background-repeat: no-repeat;
	background-position: left top;
}
#ddbbhead {
	position: relative;
	width: auto;
	height: 165px;
	min-width: 120px;
	margin: 0 210px 20px 170px;
	border: 6px solid #A6B594;
	background-color: #857D7E;
	padding: 10px;
	z-index: 3;
	/* background-image: url('images/image.jpg');*/
	background-repeat: no-repeat;
	background-position: left top;
}
#jazzmayhemhead {
	position: relative;
	width: auto;
	height: 165px;
	min-width: 120px;
	margin: 0 210px 20px 170px;
	border: 6px solid #A6B594;
	background-color: #857D7E;
	padding: 10px;
	z-index: 3;
	background-image: url('images/hdr_jazzmayhem1.jpg');
	background-repeat: no-repeat;
	background-position: left top;
}

/* The footer class is based on the content class. */
.footer {
	position: relative;
	width: auto;
	min-width: 120px;
	margin: 0 210px 20px 170px;
	border: 6px solid #A6B594;
	background-color: #FCF8EF;
	padding: 10px;
	z-index: 3;
}
#leftmenu {
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	width: 150px;
	top: 20px;
	left: 20px;
	border: 6px solid #FEC46C;
	color: #FFFFFF;
	background-color: #857D7E;
	padding: 10px;
	z-index: 2;

/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. The incorrect IE5/Win value is above, while the correct value is 
below. See http: //glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 128px;
}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body > #leftmenu {width: 128px;}
		
#rightmenu {
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	width: 190px;
	top: 20px;
	right: 20px;
	border: 6px solid #FEC46C;
	color: #FFFFFF;
	background-color: #857D7E;
	padding: 10px;
	z-index: 1;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 168px;
}
/* Again, "be nice to Opera 5". */
body > #rightmenu {width: 168px;}
.nophotoborder {
	border-top-style: none;
}
table.datatable {
	border: 1px solid #CCCCCC;
	margin-top: 15px;
	margin-bottom: 15px;
}
table.datatable td {
	border: 1px solid #CCCCCC;
}
#printbutton {
	margin: 2em auto 2em auto;
	text-align: center;
}
.bolder_menu {
	text-transform: uppercase;
}
.nobr {
	white-space: nowrap;
}