BODY {
    font-family: "tahoma", "verdana", "arial", "helvetica", sans-serif;
    font-style: normal;
    color: #000000;
    margin-top: 0;
    margin-bottom: 0;
	//background-color: white; 
    background-color: #556991;
}

p {
  margin-bottom:10px;
    font-weight: 700;  
}

/* auto resizing of images */

img {
	max-width: 100%;
	height: auto;
}

h1 {
    /* font-family: 'Roboto', sans-serif; */
	font-family: "helvetica", "tahoma", "verdana", "arial", sans-serif; 
	/* font-family: "tahoma", "verdana", "arial", "helvetica", sans-serif; */
    color: #800000;
    font-size: 180%;
    font-weight: 700;
    text-align: center;
    margin-left: auto;
    margin-right: auto
}
h2 {
    font-family: "helvetica", "tahoma", "verdana", "arial", sans-serif; 
    font-style: normal;
    font-size: 140%;
    font-weight: 700;
    color: #600000;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
	margin-bottom:-2px;
	margin-top: -6px;
}

div.centered {
text-align: center;
}

div#wrapper {
	border: 3px solid #ffffff;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    top: 20px;
   //max-width: 1040px;
	width: 94%;
	//background-color: #EEEEEE;
	background-color: #FFFFFF;
}

hr.title{
	border: 2px solid #556991;
}

div#innerwrapper {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 94%;		
}

.audiowrapper {
   position: relative;
   margin-left: auto;
   margin-right: auto;
   width: 98%;
   border: 1px solid #222222;
   padding: 12px;
   border-style: groove;
   background-color: #F1EDE7;
   text-align: center;
   padding: 4px;
}

.returnbutton{
	text-align: left;
	margin-bottom: 8px
}

.player{
	max-width: 320px;
}

.brownButton {
   box-shadow: inset 0px 1px 0px 0px #a6827e;
   background: linear-gradient(to bottom, #ad8053 5%, #634b30 100%);
   background-color: #ad8053;
   border-radius: 3px;
   border: 1px solid #54381e;
   display: inline-block;
   cursor: pointer;
   color: #ffffff;
   font-family: Arial;
   font-size: 13px;
   padding: 6px 10px;
   text-decoration: none;
   text-shadow: 0px 1px 0px #4d3534;
   text-align: center;
}

.brownButton:hover {
   background: linear-gradient(to bottom, #634b30 5%, #ad8053 100%);
   background-color: #634b30;
}

.brownButton:active {
   position: relative;
   top: 1px;
}

audio::-webkit-media-controls-play-button,
audio::-webkit-media-controls-panel {
background-color: #CFC3AF;
}

table.about {
    font-size: 100%;
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
}

table.about td {
    font-size: 100%;
    border-width: 1px;
    padding: 14px;
}