body         
{	font-family: arial, Helvetica, sans-serif; 
	color: #333; 
	background: #abc;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	text-align: center;
	width: 750px;
	font-size: small;
	line-height: 140%;
	position: relative;
}
	
p
{
	margin: 5px 10px 10px 10px;
	padding: 0px;
}

h1
{	
 	color: #313b4b;
 	text-align: left;
 	margin: 10px 0px 15px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	font-size: 175%;
}

h2
{	
	font-size: 120%;
 	margin: 0px 0px 0px 0px;
}

.h2-link
{
	margin: 10px 0px 10px 10px;
	padding: 0px;
/*	float: left; */
/*	width: 310px; */
}

.h2-link h2
{
	margin: 10px 0px 0px 10px;
	padding: 0px;
/*	float: left; */
/*	width: 310px; */

	padding: 10px 0px 0px 10px;
	margin: 0px;
}

.h2-link a
{
	text-decoration: underline;
	background: 0px 0.1em no-repeat url(../images/musical_note_05.gif);
	padding: 0px 0px 0px 15px;
}

h3
{	
	font-size: 100%;
 	margin: 0px 0px 0px 10px;
}

ul
{	margin: 0px;
	padding: 0px 0px 0px 35px;
}

li
{	
	list-style-position: outside;
	margin: 0px;
	padding: 0px 0px 5px 0px;
}

ol
{
	margin: 0px;
	padding: 5px 0px 5px 50px;
}

ol li
{	
	padding: 0px 0px 5px 0px;
}

a:link
{	color: #36316e; 	
}

a:visited
{	color: #36316e; 	
}

a:hover, a:active
{	color: #9e3631; 				
}

#banner		
{	
/*	font-size: 0px;  */		/* Need to get rid of extra space in Netscape 6 and IE (possibly others */
	margin-left: auto;		/* Adding display: block to banner img seems to work better */
	margin-right: auto;
	margin-bottom: 0px;
	padding: 0px;
	width: 750px;
	height: 124px;
	position: relative;
	border: none;
	background: #000 url(../images/banner_brad_image_01.jpg) no-repeat 0px 0px;
	
	margin-top: 2px;
}

#banner img
{
	display: inline;		/* Needed to get rid of gap under banner */
	position: absolute;
	left: 220px;
	bottom: 0px;
}

#navbar
{	width: 650px;
	margin: 0px 0px 0px 90px;
	padding: 0px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	
}

#navbar ul
{	list-style: none;
	margin: 0px;
	padding: 5px 5px 0px 0px;
	font-size: 90%;
}

#navbar ul li 
{	
	margin: 0px;
	padding: 0px;
	display: inline;
	white-space: nowrap;
}

#navbar li a
{
	text-decoration: none;
	color: #aebcd7;
	font-weight: bold;
	margin: 0px;
	padding: 3px;
/*	position: relative; */		/* This fixes IE6. <li> does not stick out farther than <a>, but breaks background image in IE6. */

}

#navbar li a:hover
{
	color: #fff;
}

#subnav
{	
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	background: #6e7c97 url(../images/subnav_bg.gif) repeat-x;
	margin: 0px 10px 0px 220px;
	padding: 2px 3px 2px 3px;
}

#subnav ul
{	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 85%;
	text-align: center;
}

#subnav ul li 
{	
	margin: 0px;
	padding: 0px;
	display: inline;
	white-space: nowrap;
}

#subnav li a, #subnav li a:link, #subnav li a:visited
{	display: inline;
	text-decoration: none;
	font-weight: normal;
	color: #fff;
	position: relative;		/* This fixes IE. <li> does not stick out farther than <a> */
	margin: 0px;
 	padding: 2px 4px 4px 4px;
}

#subnav li a:hover, #subnav li a:active
{
	color: #000;
}

#container, #container-no-sidebar
{	
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px 0px 0px 0px;		/* Need bottom padding for space at bottom of page */
	text-align: left;
 	width: 750px;
	vertical-align: top;
	border: none;
	font-size: 85%;
	font-size: 90%;
	background: #fff url(../images/container_bg_01.gif) top left repeat-y;
	float: left; 			/* Need for background image to work in Firefox*/
}

#container-no-sidebar
{
	background: #fff none;
}

/* Need to put width in or anything in main below the sidebar will
shift slightly to the left */
#main
{
	margin: 0px;
	padding: 0px;
	float: right;
	background: url(../images/shadow_01.gif) top left repeat-x;
	width: 530px;
}

html>body #main		/* To handle IE 3px margin bug */
{
}

#main-content
{
	margin: 20px 20px 10px 20px;
	padding: 0px;
	vertical-align: top;
}

#sidebar
{
	float: left;
	margin: 0px; 
	padding: 0px;
	width: 220px;
	color: #fff;
	background: #717ea8 url(../images/sidebar_bg_01.jpg) top left repeat-x;
}

#sidebar-content
{
	margin: 0px; 
	padding: 20px 10px 5px 10px;
	font-size: 95%;
	line-height: 130%;
	font-family: verdana, ariel, sans-serif;
}

#sidebar-content h2
{
	margin: 0px;
	padding: 0px 0px 5px 0px;
	color: #f9d030;
	font-size: 120%;
	letter-spacing: 0px;
}

#sidebar-content h2 a
{
	color: #f9d030;
	padding-top: 10px;
}

#sidebar-content p
{
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

#sidebar a
{
	color: #cde;
	text-decoration: underline;
}

#sidebar a:hover
{
	color: #fff;
}

#sidebar ul
{	margin: 0px;
	padding: 0px 0px 0px 15px;
}

#sidebar ul li
{	
	list-style-position: outside;
	margin: 0px;
	padding: 0px 0px 5px 0px;
}


#footer
{
	background: #000;
	width: 750px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto; 
	margin-right: auto;
	padding: 0px;
	clear: both;
}

#footer ul
{
	margin: 0px;
	padding: 10px 0px 5px 0px;	
}

#footer ul li
{
	background: none;
	display: inline;
	white-space: nowrap;
	margin: 0px;
	padding: 0px;
}

#footer ul li a
{	
	margin: 0px;
	padding: 5px 3px 5px 3px;
	text-align: center;
	vertical-align: middle;
	font-size: 90%;
	text-decoration: none;
}

#footer a:link
{
	color: #f9d030;
}
#footer a:visited
{
	color: #d9b010;
}
#footer a:hover
{	color: #fff;
	text-decoration: underline;
}
#footer a:active
{	color: #fff;
	text-decoration: underline;
}

#footer p
{
	margin: 0px;
	padding: 0px 0px 5px 0px;
	font-size: 90%;
}

.contact-table
{
	margin-top: 10px;
	font-size: 100%;
}

ul.note
{
	padding: 5px 0px 5px 5px;
	margin: 5px 0px 5px 5px;
	font-size: 100%;
	text-align: left;
}

ul.note li
{
	list-style: none;
	margin: 0px;
	padding: 0px 0px 7px 20px;
	background: 0px .2em no-repeat url(../images/checkmark_burgundy.gif);
	background: 0px 0em no-repeat url(../images/musical_note_05.gif);
	line-height: 130%;
}

ul.note li p
{
	margin: 5px 0px 5px 0px;
}

span.title
{
	font-weight: bold;
}

.post
{
	font-style: italic;
}

.discography-table
{
	margin: 10px;
	padding: 0px;
	border: #def 1px solid;
}

.discography-table th
{
	background: #def;
	padding: 5px;
}

.discography-table td
{
	font-size: 95%;
	padding: 2px 5px 2px 5px;
	vertical-align: top;
	border-bottom: dotted 1px #eee;
}

.order-table
{
	margin: 0px 1px 0px 1px; 
/*	border: 1px solid #def; */
	width: 368px;
}

.order-table th
{
	background: #aebed7;
	background: #cde;
	padding: 5px 5px 5px 10px;
	vertical-align: top;
}

.order-table td
{
/*	background: #fff; */
	padding: 5px 5px 5px 10px;
	vertical-align: top;
}

.order-table .cd-baby
{
	background: #cde;
}

.events-table
{
	margin: 10px 0px 20px 0px;
	padding: 0px;
	border: #def 1px solid;
	width: 100%;
}

.events-table th
{
	background: #def;
	padding: 5px;
}

.events-table td
{
	padding: 5px;
	vertical-align: top;
}

.events-table th.date
{
	width: 200px;
}

.hp-boxes
{
	float: left;
	margin: 0px 0px 10px 0px;
	width: 490px;
}

.hp-boxes img
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
}

.hp-boxes a
{
	margin: 0px 20px 0px 20px;
	padding: 1px;
	border: 1px solid #fff;
	float: left;
}

.hp-boxes a:hover
{
	border: 1px solid #f0d030;
}

/*****************************************************
This is a box with 3 columns inside.
Following may be moot if <div> main is floated.
Following the hp-box, need to clear float for Safari.
If hp-box is floated left, then a clear: left will cause Firefox
to clear both hp-box and left sidebar. Explicit widths are used to
overcome float: right.
*****************************************************/
.credits-box
{
	float: left;
	background: #def;
	margin: 10px 0px 20px 0px;
	border: 2px solid #cde;
/*	width: 520px; */
}

.credits-box h3
{
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #bcd;
}

.credits-box p
{
	font-weight: bold;
	margin: 0px;
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #cde;
}

.credits-box ul
{
	float: left;
	margin: 0px; 
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	font-size: 90%;
	width: 235px; 
}

.credits-box ul li
{
	background: no-repeat 10px 0.5em url(images/list_link.gif);
	border-bottom: 1px solid #eeffff;
	margin: 0px;
	padding: 4px 5px 4px 20px;
	list-style-type: none;
	line-height: 1.3em;
	display: block;

	padding: 4px 0px 4px 0px;
	margin: 0px 20px 0px 20px;
}

dl.av-samples
{
	padding: 5px 0px 0px 20px;
}

dl.av-samples dt
{
	color: #678;
	font-weight: bold;
}

dl.av-samples dd
{
/*	border-bottom: 1px solid #def;
*/
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px; 
}

.pops-download
{	
	float: left;
	width: 150px;
	margin: 10px 0px 10px 10px;
}

.pops-pix
{	
	float: left;
	width: 220px;
	margin: 10px 0px 10px 10px;
}

.pops-pix p
{	
	text-align: center;
	margin: 0px;
	padding: 0px;
	line-height: 100%;
}

a.av-link
{
	font-weight: bold;
}

.round-box 
{
	width: 370px;
	margin: 5px 0px 10px 20px;
	padding: 0px;
	background: url(../images/round_box_bottom_03.gif) no-repeat bottom left; 
	text-align: left;
	float: right;
}

.round-box h3
{
	text-align: left;
	margin: 0px;
	padding: 6px 8px 4px 10px;
	font-size: 110%;
	color: #f9d030;
	border-bottom: 1px solid #E0CFAB;
	background: url(../images/round_box_top_01.jpg) no-repeat top left; 
	font-size: 140%;
}

.round-box form
{
	margin: 0px;
	padding: 0px;
}

.contact-table
{
}

.contact-table th
{	
	width: 20%;
	font-weight: bold;
	padding: 5px 5px 5px 20px;
	vertical-align: top;
}
    
.contact-table td
{
	width: 80%;
	padding: 5px;
}
    
#extra-nav
{
/*	position: relative; */
	float: left;
	width: 750px;
	margin-bottom: 0px;
	padding: 0px;
	height: 2em;
}

#extra-nav form
{
	float: right;
	width: 13em;
	text-align: right;
	margin: 0px; 
	line-height: .7em;
}

#extra-nav input
{
	font-size: 80%;
	float: right;	
	width: 80px;
}

#extra-nav #site-map
{
	float: right;
	margin: 1px;
	padding: 0px;
	width: 60px;
	text-align: right;
}

#extra-nav #site-map a
{
	color: #000;
	text-decoration: none;	
	font-size: 11px; 
	font-size: 90%; 
	margin: 0px;
	padding: 0px; 
	vertical-align: top;
	text-align: right;
}

#extra-nav #site-map a:hover
{
	color: #fff;
}

.album-box
{
	float: right;
	width: 200px;
	margin: 0px 0px 10px 10px;
	padding: 0px;
	text-align: center;
}

.album-box h2
{
	background: #f9d030;
	line-height: 200%;
	margin-bottom: 0px;
	
}

.album-box .album
{
	margin: 0px 0px 20px 0px;
}

.album img
{
	margin: 0px;
	padding: 0px;
}

.album p
{
	margin: -10px 0px 0px 0px;
	padding: 5px;
	background: #000;
	text-align: center;
	color: #f9d030;
	font-size: 160%;
}

.album p a
{
	color: #F9d030;
}

.album p a:hover
{
	color: #fff;
}

.album-bottom
{
	float: left;
	width: 200px;
	margin: 20px 15px 20px 20px;
}

.album-bottom img
{
	margin: 0px;
	padding: 0px;
}

.album-bottom h2
{
	margin: 0px 0px 0px 0px;
	padding: 5px;
	background: #000;
	text-align: center;
	color: #f9d030;
	font-size: 160%;
}

.album-bottom p
{
	margin: -10px 0px 0px 0px;
	padding: 5px;
	background: #000;
	text-align: center;
	color: #f9d030;
	font-size: 160%;
}

.album-bottom p a
{
	color: #F9d030;
}

.album-bottom p a:hover
{
	color: #fff;
}

.press-photos
{
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.press-photos a
{
	float: left;
	margin: 10px 10px 5px 10px;
}

#table-files
{
	border: 1px solid #ccc;
}

	#table-files th
	{
		padding: 5px 10px;
		font-size: 18px;
		white-space: nowrap;
		text-align: center;
		background: #333;
		color: #fff;
		border: 1px solid #ccc;
	}
	
	#table-files td
	{
		padding: 5px 10px;
		font-size: 14px;
		vertical-align: top;
		border: 1px solid #ccc;
	}
	
	span.view-files
	{
		padding: 5px;
		border: 1px solid #aaa;
		background-color: #ddd;
		white-space: nowrap;
	}