body { font-family: Arial, Helvetica, Sans-Serif;
  
margin-left: 20%;
margin-right: 20%;



 }

a:active { text-decoration: none; color: #778899; font-weight: bold; }

a:link { text-decoration: none; color: #778899; font-weight: bold; }

a:visited { text-decoration: none; color: #778899; font-weight: bold;}

a:hover { text-decoration: none; color: #778899; font-weight: bold; }



div { font-size: small; font-weight: bold; text-align: center; }

p { font-size: small; font-weight: bold; text-align: left; }

li { font-size: small; font-weight: bold; text-align: left; }

.spkr { color: green;  }

.spkr2 { color: blue;  }

.spkr3 { color: red;  }

/* begin menu */

.buttonscontainer {width: 200px;}

.buttons a { color: #778899;
border: 1px solid;
background-color: #ffffff;
padding: 2px;
padding-left: 3px;
font: 14px Arial, sans-serif;
font-weight: bold;
text-decoration: none;
border-color: #778899 #778899 #778899 #778899;
display: block;
margin: 0px;
width: 100%;
text-align: center; }

.buttons a:hover { border: 1px solid;
padding-left: 4px;
padding-top: 3px;
padding-bottom: 1px;
padding-right: 1px;
background-color: #FFFFFF;
border-color: #778899 #778899 #778899 #778899;
color: #778899 #778899 #778899 #778899;
text-decoration: none;

 }

/* end menu */