body {
    background-color: #FFFFFF;
}

body,td,th {
	font-family: Garamond;
	color: #000000;

}

a:link {
	color: #336633;
	text-decoration: none;
}


a:visited {
	text-decoration: none;
	color: #336633;
}


a:hover {
	text-decoration: underline;
	color: #336633;
}


a:active {
	text-decoration: none;
	color: #336633;
}

.style19 {
	color: #000000;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style20 {font-size: 18px}
.style21 {font-family: Verdana, Arial, Helvetica, sans-serif}
.style22 {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.style23 {font-size: 12px}
.style26 {font-size: 14px}
.style27 {font-size: 18px}
.style25 {
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style7 {
	font-size: 16px;
	font-weight: bold;
}

/*** PLAYER ***/


      h3 em { font-style: normal; color: #999; }
      a { color: #888; text-decoration: none; }
      #wrapper { margin: 20px }
      
      ol { padding: 0px; margin: 0px; list-style: decimal-leading-zero inside; color: #ccc; width: 460px; border-top: 1px solid #ccc; font-size: 1.0em; }
      ol li { position: relative; margin: 0px; padding: 9px 2px 10px; border-bottom: 1px solid #ccc; cursor: pointer; }
      ol li a { display: block; text-indent: -3.3ex; padding: 0px 0px 0px 20px; }
      li.playing { color: #aaa; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3); }
      li.playing a { color: #000; }
      li.playing:before { content: "\266C"; width: 14px; height: 14px; padding: 3px; line-height: 14px; margin: 0px; position: absolute; left: -24px; top: 9px; color: #000; font-size: 13px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); }
      
      #shortcuts { position: relative; bottom: 0px; width: 71%; color: #666; font-size: 0.9em; padding: 5px 15px 5px; background: #f3f3f3; background: rgba(240, 240, 240, 0.7); margin: 0px; margin-left: 20px; border: solid 1px #336633}
      #shortcuts div { width: 460px; margin: 0px; }
      #shortcuts h1 { margin: 0px 0px 0px; }
      #shortcuts p { margin: 0px 0px 5px; }
      #shortcuts em { font-style: normal; background: #d3d3d3; padding: 3px 9px; position: relative; left: -3px;
        -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;
        -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); }

      @media screen and (max-device-width: 480px) {
        #wrapper { position: relative; left: -3%; }
        #shortcuts { display: none; }
      }