HTML {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;}
BODY {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	text-align:center;}

TABLE   {padding: 20px 0px 20px 0px;}
H1X  {font-family: Times New Roman, Georgia, serif;}
IMG     {border-color: #555555;}
#bgcolor {color: #D0D0D0;}

audio {
	height: 20px;
}
audio::-webkit-media-controls-panel {
	background-color: #D0D0D0;
}


A:active{text-decoration: none;}
A:link{text-decoration: none;}
A:visited{text-decoration: none;}

A.hide:link{color: #000;}
A.hide:visited{color: #000;}

/* DISPLAYTYPE: beginning of mobile */
@media all and (max-width: 559px) {
HTML {
	font-size: 16px;}
BODY {
	font-size: 16px;
	background-color:#D0D0D0;}
TABLE{
	font-size:16px;}
TD.program{
	padding-bottom:6;}



#name   {font-size: 14; font-style: italic;}
#widetable {width: 88%;}
#texttable {width: 88%;}

.content-mobile-only    {}
.content-desktop-only   {display: none;}
.inline-mobile-only     {display: inline;}
.inline-desktop-only    {display: none;}
}
/* DISPLAYTYPE: end of mobile */

/* DISPLAYTYPE: beginning of desktop */
@media all and (min-width: 560px) {
HTML {
	font-size: 14px;}
BODY {
	font-size: 14px;
	background-color:#D0D0D0;
	margin-left:0px;
	margin-right:0px;}
TABLE{
	font-size:14px;}
TD.program{
	padding-bottom:12;}

#name   {font-size: 13px; font-style: italic;}
#widetable {width: 700px;}
#texttable {width: 620px;}

.content-mobile-only    {display: none;}
.content-desktop-only   {display: block; width: 100%;}
.inline-mobile-only     {display: none;}
.inline-desktop-only    {display: inline;}
}
/* DISPLAYTYPE: end of desktop */