body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color : #FFF;
  margin: 0.5em;
}

table.main {
  margin: 0 1em 0 1em;
}

td#left, td#right { padding: 0 2em; }

td.bra { text-align:right; font-weight:bold; }
td.ra { text-align:right; }
td.bla { text-align:left; font-weight:bold; }
td.la { text-align:left; }
td.bcn { text-align:center; font-weight:bold; }
td.cn { text-align:center; }

h1 {
  font-size : large; 
  color : #063;
}

h1.head {
  font-size: x-large;
  margin: 0;
}

h2 {
 font-size: medium; 
 font-style: italic;
 border-bottom: 1px solid black;
 letter-spacing: 0.2em;
}

h3 { font-size : medium;}

th { background-color: #063; color :#FFF;}

tr.blue {
  background-color: #BBF;
}

tr.gray {
  background-color: #DDD;
}

.btn-grn {
    width:350px;
    height:60px;
    margin:10px;
    border-radius:15px;
    background-color: #042;
    color :#FFF;
    font-size:150%;
    font-weight:bold;
    
}


a.button {
  font-size: 80%;
  background-color: #CCC;
  color: black;
  padding: 1px 3px;
  border-top: 2px solid #ECECEC;
  border-right: 2px solid #6A6A6A;
  border-bottom: 2px solid #6A6A6A;
  border-left: 2px solid #ECECEC;
  text-decoration: none;
}

a.itemname {
  font-size: 80%;
  background-color: #CCC;
  color: black;
  padding: 1px 1px;
  border-top: 2px solid #ECECEC;
  border-right: 2px solid #6A6A6A;
  border-bottom: 2px solid #6A6A6A;
  border-left: 2px solid #ECECEC;
  font-weight: normal;
  text-decoration: none;
}

div.heading {
    border-radius: 10px;
    border:1px solid gray;
    background:#063;
    color:white;
    font-size:110%;
    font-weight:bold;
    padding:0.2em 1em;
    cursor:pointer;
}