body {margin:0; padding:0; background-color:#E6DDD2;}
form {margin:0; padding:0}

td, tr {font:12px/14px tahoma, arial, helvetica, sans-serif; color:#6F5544; vertical-align:top;  text-align:left; line-height:150%}

.end td{ color:#C28251; text-decoration:none; text-align:center}
.end td a{ color:#C79678; text-decoration:none; text-align:center}
.end td a:hover{ color:#C79678; text-decoration:underline; text-align:center}

strong{ color:#9C5B1C}


a{ color:#6F5544; text-decoration:underline;}
a:hover{ position: relative; top:1px; left: 1px; text-decoration:none;}


strong a{ color:#9C5B1C; text-decoration:none;}
strong a:hover{ color:#9C5B1C; text-decoration:underline;}

b a{ color:#923321; text-decoration:underline; font-weight:normal;}
b a:hover{ color:#923321; text-decoration:none;  font-weight:normal;}

.highlightit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.totalbox {
font-weight:bold;
font-family:Arial, Helvetica, sans-serif
}


.top td{ color:#C6BAA8}
.top td strong{ color:#C6BAA8}
.deep td{ color:#78604D}
.deep td a{ color:#923321; text-decoration:underline; font-weight:bold}
.deep td a:hover{ color:#923321; text-decoration:none; font-weight:bold}


.r1 ul { margin:0; padding:0; list-style:none;}
.r1 li { background:url(images/ch_1.gif) center left no-repeat; margin:0 0 0 0; padding:0 0 1px 12px;}
.r1 li a {line-height:15px; color:#8C6342; text-decoration:underline; font-weight:bold; background-position:left center;}
.r1 li a:hover { text-decoration:none; color:#8C6342; font-weight:bold;}

.r2 ul { margin:0; padding:0; list-style:none;}
.r2 li { background:url(images/r2.gif) top left no-repeat; margin:0 0 0 0; padding:1px 0 0 12px;}
.r2 li a {line-height:15px; color:#735946; text-decoration:underline; background-position:left center;}
.r2 li a:hover { text-decoration:none; color:#735946;}

.r3 ul { margin:0; padding:0; list-style:none;}
.r3 li { background:url(images/ch3.gif) center left no-repeat; margin:0 0 0 0; padding:1px 0 0 12px;}
.r3 li a {line-height:14px; color:#78604D; text-decoration:underline; background-position:left center;}
.r3 li a:hover { text-decoration:none; color:#78604D;}

.r4 ul { margin:0; padding:0; list-style:none;}
.r4 li a {line-height:13px; color:#923321; text-decoration:underline; background-position:left center;}
.r4 li a:hover { text-decoration:none; color:#923321;}

.green ul {
	margin:0;
	padding:0;
	list-style-image: url(images/green.png);
	list-style-type: none;
}
.green li { background:url(images/green.png) top left no-repeat; margin:0 0 0 0; padding:1px 0 0 12px;}
.green li a {line-height:13px; color:#923321; text-decoration:underline; background-position:left center;}
.green li a:hover { text-decoration:none; color:#923321;}



input.submit, a.button, input.button:hover span {

color: black;
}


.form td input{ width:132px; height:19px; border:1px solid #C4B9AD; padding:1px 0 1px 6px; font-family:tahoma, arial, helvetica, sans-serif; font-size:12px;}
.form td textarea{ width:132px; height:67px; border:1px solid #C4B9AD; padding:1px 0 1px 6px; font-family:tahoma, arial, helvetica, sans-serif; overflow:auto; font-size:12px;}

.kn a{font-size:12px; line-height:13px; color:#9C5B1C; vertical-align:top; text-align:left; text-decoration:none; font-weight:bold}
.kn a:hover{ text-decoration:underline; color:#9C5B1C;  font-weight:bold;}
.blank{
	background-color:#FFFFFF;
	background-image:url(http://www.pianohk.com/workshop/images/field_bk.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	color:#333333;
	border:1px solid #c1c1c1;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	height:20px;
	text-align:left;
	width:135px;
	margin:0px 2px 2px 2px;
	}

@media screen and (device-width: 480px) {

    body { color: white; background-color: black; }

}