body {
	background-color: black;
	color:white;
	/* flush margins on all 4 sides to mitre background propertly */
	margin: 0px;
	font-size:100%;
	font-family: "trebuchet ms", tahoma, helvetica, helv, sans-serif;
	}
a:link {
	color:white;
	}
a:visited {
	color:#aaa
	}
a:hover {
	color:white;
	background:black;
	}
#hblk, #cblk {
	margin:0.5em; /* outside border */
	border: 4px solid white;
	min-width:650px; /* not always supported, but helps if it is! */
	background: #101010;
	}
#hblk {
	padding:0.5em;	/* inside border */
	height:7em;
	}
#cblk {
	/* use as context */
	position:relative;
	top:0;
	left:0;
	background: url("img/dktolex.gif") repeat;
	padding:1.5em;	/* inside border */
	min-height:520px;
	}

div#navx {
	clear:left;
	top:0;
	left:0;
	}
div.dial,  #light {
	float:left;
	}
div.dial  {
	width:6em;
	text-align:center;
	/* border:1px solid green; */
	}
div#light {
	width:4em;
	}

.dialtext, .dialontext {
	font-family: arial, helvetica, sans-serif;
	font-size:60%;
	font-weight:bold;
	text-transform:uppercase;
	}
.dialtext, a.dialtext:link, a.dialtext:visited, a.dialontext:link, a.dialontext:visited {
	color:#aaa;
	text-decoration:none;
	}
 .dialontext, a.dialtext:hover, a.dialontext:hover {
	color:#fff;
	}
a.dialtext:hover, a.dialtext:active, a.dialontext:hover, a.dialontext:active {
	text-decoration:underline;
	background-color:black;
	}

.hyph {
	font-weight:600;
	}


div#indicia {
	width:90%;
	height:2em;
	}
p.indicia {
	text-align:center;
	font-family: arial, helvetica, sans-serif;
	margin-top: 200px;
	font-size:60%;
	}

.filelist li, .songlist li {
	margin-top:0.1em;
	margin-bottom:0.1em;
}