body, HTML { background: #D1D5DA; font-size:11px; font-family:verdana,tahoma,arial; color:#767F88; text-align:center }

div#container { background:url('/images/bodybg.gif') repeat-y; width:842px; margin: 0 auto; text-align:left }

div#header { background:url('../images/header.gif') top left no-repeat; width:822px; height:256px; padding: 50px 10px 10px 10px }
	div#headerimg { background: #FFFFFF; width: 798px; height: 250px; margin: 0 auto; padding: 5px; border:1px solid #E3E3E3;
	-moz-box-shadow: 0 0 4px #CCC; -webkit-box-shadow: 0 0 4px #CCC; box-shadow: 0 0 4px #CCC }
div#middle { background:url('../images/knight_top.gif') bottom left no-repeat; min-height: 1050px; height: auto !important; height: 100px }
div#footer { background:url('../images/footer.gif') no-repeat; height:36px; width:817px; padding: 11px 25px 0 0; text-align:right; color: #FFFFFF }

div#leftmain { width:227px; height:100%;float:left}
	div.navbar { background: #FFFFFF; width:195px; font-weight:normal; color:#7E7E7E; padding:5px; margin-left:17px;
	-moz-box-shadow: 0 0 4px #CCC; -webkit-box-shadow: 0 0 4px #CCC; box-shadow: 0 0 4px #CCC; border:1px solid #E3E3E3 }
		div.navopen { background:#8896A9; width:185px; height:16px; text-align:right; font-size:9px; font-family:verdana,tahoma,arial; color:#EDE3CF; padding: 5px 10px 0 0}
		div.navsubhead { background:#848890; width:190px; height:15px; font-size:9px; font-family: verdana, tahoma, arial; color:#FFFFFF; padding: 3px 0px 0px 5px; margin-top: 2px; }
		div.navbody { background:#FFFFFF; width:190px; font-weight:normal; color:#7E7E7E; font-size:11px; font-family:verdana,arial,georgia }
		div.navbody ul { list-style:none; font-weight:normal; color:#7E7E7E; padding:0;	margin:0 } 
		div.navbody li { color:#7E7E7E; font-weight:normal;	margin-bottom:1px } 
		.navlink1 { display:block; background:#E8ECEE url('../images/bullet.gif') no-repeat; font-size:9px; width:178px;	height:15px; font-weight:normal; color:#7E7E7E;	padding: 3px 0px 0px 17px;	text-decoration:none }
		.navlink2 { display: block; background: #F2F2F2 url('../images/bullet.gif') no-repeat; font-size:9px; width:178px; height:15px; font-weight:normal; color:#7E7E7E; padding: 3px 0px 0px 17px; text-decoration:none }
		div.navbody a:link, div.navbody a:visited { font-weight: normal; color: #7E7E7E; text-decoration:none }
		div.navbody a:hover { background: #D6EBF5 url('../images/bullet.gif') no-repeat; font-weight:normal; color:#7E7E7E; width:178px; height:15px }
		div.navclose { background:#8896A9; width:185px; height:16px; text-align:left; font-size:9px; font-family:verdana,tahoma,arial; color:#EDE3CF; padding: 5px 0px 0px 10px }

div#content { float:right; width:597px; margin-right:17px; }
	div#toplinks { width:100%;height:15px; padding:2px 0; background: #FFFFFF; border:1px solid #E3E3E3; -moz-box-shadow: 0 0 4px #CCC; -webkit-box-shadow: 0 0 4px #CCC; box-shadow: 0 0 4px #CCC }
	div.ct { background:#FFFFFF; border:1px solid #E3E3E3; margin-bottom:4px; width:596px; -moz-box-shadow: 0 0 4px #CCC; -webkit-box-shadow: 0 0 4px #CCC; box-shadow: 0 0 4px #CCC }
	div.ct-body { background:#FFFFFF; padding: 0 13px 12px 13px }

	div.box { background:#FFFFFF url('../images/box-bg.gif') repeat-y; margin-left:0; padding:0 }
	div.box-top { background: url('../images/box-top.gif') no-repeat; height: 23px; color: #596C7F; padding: 24px 0px 0px 67px; font-size: 12px; font-weight: bold }
	div.box-body { background: url('../images/box-body.gif') no-repeat; padding: 5px 44px 4px 38px; min-height: 36px; height:expression(36 + "px");	margin-left: 18px }
	div.box-body img { border: 1px solid #E3E3E3 }
	div.box-bottom { background: url('../images/box-bottom.gif') no-repeat; height: 9px; padding: 0px; margin: 0px 0px 4px 18px }

	div.link-left {	float: left; width: 100px; height: 31px; text-align: center: valign: center; margin-top: 15px }
	div.link-right { float: left; background-color: #E5EAED; border: 1px solid #ADB5C3; width: 410px; height: 31px; padding: 2px 4px 0px 4px; margin: 15px 0px 0px 15px }

h2 { background: #9bb8c5; display:block; width:532px; height: 15px; color: #F1F1F1; font-weight: bold; font-size:13px; padding: 7px 20px }
a:link, a:visited, a:active { text-decoration: none; color: #028A6F; font-weight: bold }
a:hover { text-decoration:none; color:#E4902A; font-weight:bold }
b, strong { color: #416282 }
u { color: #416282 }
hr { text-align: center; border: 1px solid #EBEBEB; width: 95% }
input, select, textarea, .textfield, .button { border: 1px solid #ADB5C3; padding: 2px; background: #E5EAED; font-size : 11px; font-family: verdana, arial, georgia; color: #6F7B8C }

/* Sheet music table */
table#sheets { background: #ECF0F0; border: solid #555px; width: 540px; border-collapse:collapse }
table#sheets tr {border-collapse:collapse }
table#sheets td {border: solid #7397B1 1px; border-collapse:collapse; padding: 5px; font-size:11px }
.toprow {background-color: #819DB0; font-weight: bold; text-align: left; color: #ECF0F0}
.toprow a:link, .toprow a:visited, .toprow a:active { color: #BBE2DA }
.toprow a:hover { color: #FED7A8}
.songtitle {width: 340px; text-align: left; padding: 5px 5px 5px 10px }
.midi-pdf {width: 45px; font-size:11px; font-weight: bold; text-align: center}

/* Misc */
#TJK_ToggleON,#TJK_ToggleOFF {display:none;}