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


/* left and right columns */

#left, #right {
	overflow: hidden;
	height: 100%;
	margin: 0px;
	padding: 0px;
}
#left {
	background: url("img/misc062.gif") repeat-y fixed left top;
	width: 96px;
	float: left;
}
#right {
	background: url("img/misc062.gif") repeat fixed right top;
	width: 96px;
	float: right;
}


/* layout in center column */

#header, #menu, #separator, #content, #footer {
	position: absolute;
	left: 96px;
	right: 96px;
	width: expression(document.body.clientWidth - 192 + "px");
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}
#header {
	background: white url("img/misc283_3.jpg") repeat fixed;
	height: 152px;
	top: 0px;
	text-align: center;
}
#header img {
	margin: 7px 0px;
}
#menu {
	height: 36px;
	top: 104px;
}
#menu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#menu li {
	float: left;
	width: 14%;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-weight: bold;
}
#menu img {
	vertical-align: middle;
}
#separator {
	background: #665466 url("img/Car_2.gif") no-repeat 50% 50%;
	height: 12px;
	top: 140px;
}
#content {
	top: 152px;
	bottom: 22px;
	height: expression(document.body.clientHeight - 174 + "px");
	overflow: auto;
}
#footer {
	background: url("img/footer_background.gif") repeat-x;
	height: 22px;
	bottom: 0px;
}
#footer_left {
	margin: 6 6 1 6;
	font: 10px verdana;
	float: left;
}
#footer_right {
	margin: 6 6 1 6;
	float: right;
}
#footer_right ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#footer_right li {
	margin: 0 6px;
	float: left;
	font: italic 10px verdana;
}
#footer_right a {
	font: 10px verdana;
	text-decoration: underline;
	color: black;
}
#footer_right a:hover {
	text-decoration: overline;
}

/* content layout */

h1 {
	width: 100%;
	text-align: center;
	color: #004868;
	margin: 12 0 48 0;
}
h3 {
	width: 100%;
	margin: 12 0 30 0;
	text-align: center;
	color: #004868;
}
p {
	position: relative;
	left: 15%;
	width: 70%;
	margin: 0 0 12 0;
	text-align: center;
	color: #004868;
	font-weight: normal;
}
p.date {
	margin: 12 0 6 0;
	font-size: smaller;
	font-weight: normal;
	text-decoration: underline;
}

a {
	font: normal
}
a:link {
	color: #002C9E;
	font-weight: normal;
}
a:visited {
	color: #70009E;
	font-weight: normal;
}
a:active {
	color: #004868;
	font-weight: normal;
}
a:hover {
	text-decoration: overline;
	font-weight: normal;
}

/* songs stuff */
table {
	position: relative;
	left: 10%;
	width: 80%;
	margin: 0 0 24 0;
	padding: 0px;
}
th {
	padding: 3px;
	vertical-align: top;
	color: #004868;
	font-weight: bold;
	text-decoration: underline;
}
td {
	padding: 4px;
	vertical-align: top;
	color: #004868;
	font-weight: normal;
}
.title {
	width: 25%;
	text-align: left;
}
.os {
	text-align: left;
}
.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: #004868;
	font-weight: bold;
}
td.date {
	width: 20%;
	padding: 2px;
	text-align: left;
	vertical-align: top;
	color: #004868;
	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: normal;
}
td.input {
	width: 80%;
	padding: 2px;
	text-align: left;
	vertical-align: top;
	color: #004868;
	font-weight: bold;
}
td.center {
	text-align: center;
}