body {
	margin: 0px;
	padding: 0px;
}


/* left and right columns */

#left, #right {
	overflow: hidden;
	height: 100%;
	margin: 0px;
	padding: 0px;
}
#left {
	background: url("img/music_b017_4.gif");
	width: 111px;
	float: left;
}
#right {
	background: url("img/music_b017_5.gif");
	width: 111px;
	float: right;
}


/* layout in center column */

#header, #menu, #separator, #content, #footer {
	position: absolute;
	left: 111px;
	right: 111px;
	width: expression(document.body.clientWidth - 222 + "px");
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}
#header {
	background: white url("img/DDrmmr_Zildjan.gif") no-repeat fixed 50% -40px;
	height: 167px;
	top: 0px;
}
#menu {
	height: 36px;
	top: 104px;
}
#menu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#menu li {
	float: left;
	width: 20%;
	height: 36px;
	line-height: 36px;
	text-align: center;
}
#menu img {
	vertical-align: middle;
}
#separator {
	background: url("img/keyboards_005_3.gif") repeat-x;
	height: 27px;
	top: 140px;
}
#content {
	top: 167px;
	bottom: 22px;
	height: expression(document.body.clientHeight - 187 + "px");
	overflow: auto;
}
#footer {
	background: white url("img/gradient_bottom.bmp") repeat-x;
	height: 22px;
	bottom: 0px;
}

#footer_left {
	margin: 7px 6px 1px 6px;
	font: 10px verdana;
	float: left;
}
#footer_right {
	margin: 7px 6px 1px 6px;
	font: italic 10px verdana;
	float: right;
}
#footer_right ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#footer_right li {
	float: left;
	margin: 0 6px;
}
#footer_right a {
	font: 10px verdana;
	color: black;
	text-decoration: underline;
}
#footer_right a:hover {
	text-decoration: overline;
}


/* content layout */

h1 {
	width: 100%;
	text-align: center;
	color: #FFF000;
	margin: 12 0 48 0;
}
h3 {
	width: 100%;
	margin: 12 0 30 0;
	text-align: center;
	color: #F0FF60;
}
h3.table_name {
	margin: 12 0 0 0;
	color: #B6CAE6;
	font-weight: bold;
	text-decoration: underline;
}
p {
	position: relative;
	left: 10%;
	width: 80%;
	margin: 0 0 12 0;
	text-align: center;
	color: #F0FF60;
	font-weight: bold;
}
p.date {
	margin: 12 0 6 0;
	text-align: left;
	font-size: smaller;
	font-weight: normal;
	text-decoration: underline;
}

a {
	font: bold
}
a:link {
	color: #FF4000;
	font-weight: bold;
}
a:visited {
	color: #E0C010;
	font-weight: bold;
}
a:active {
	color: #F0FF60;
	font-weight: bold;
}
a:hover {
	text-decoration: overline;
	font-weight: bold;
}

/* songs stuff */
table {
	position: relative;
	left: 5%;
	width: 90%;
	margin: 0 0 24 0;
	padding: 0px;
}
th {
	padding: 3px;
	vertical-align: top;
	color: #B6CAE6;
	font-weight: bold;
	text-decoration: underline;
}
td {
	padding: 4px;
	vertical-align: top;
	color: #F0FF60;
	font-weight: bold;
}
.nr {
	text-align: center;
}
.title {
	width: 35%;
	text-align: left;
}
.length {
	text-align: right;
}
.notes {
	width: 50%;
	margin: 0 0 0 6;
	text-align: center;
}
.size {
	text-align: right;
	white-space: nowrap;
}

/* guest book stuff with tables */
table.guestbookentry {
	position: relative;
	left: 10%;
	width: 80%;
	margin: 0 0 18 0;
}
td.name {
	width: 20%;
	padding: 2px;
	text-align: left;
	vertical-align: top;
	color: #F0FF60;
	font-weight: bold;
}
td.date {
	width: 20%;
	padding: 2px;
	text-align: left;
	vertical-align: top;
	color: #F0FF60;
	font-size: smaller;
	font-weight: normal;
}
td.text {
	width: 80%;
	padding: 2px;
	background: #FFFFE8;
	border: 2 groove #C0C0C0;
	text-align: left;
	vertical-align: top;
	color: black;
	font-weight: bold;
}
td.input {
	width: 80%;
	padding: 2px;
	text-align: left;
	vertical-align: top;
	color: #F0FF60;
	font-weight: bold;
}
td.center {
	text-align: center;
}