* {
  font-family: verdana, arial, helvetica;
}

body {
  font-size: x-small;
  color: Black;
  background-color: White;
 /* margin-left: 20px;
  margin-right: 20px; */
  padding: 0;
  margin: 0;
  background-image: url("./img/back.jpg");
  background-repeat: no-repeat;
  background-position: right bottom;
}

p {
  margin-left: 20px;
  margin-right: 20px;
}

p.centre {
   Text-Align: center;
}

p.footer {
   Text-Align: center;
   font-size: xx-small;
}

h1 {
  font-size: large;
  margin-left: 10px;
  margin-right: 10px;
}

h2 {
  font-size: Medium;
  font-weight: bold;
  color: #382500;
 /* text-decoration: underline; */
  margin-left: 10px;
  margin-right: 10px; 
}

h3 {
  font-size: small;
  color: #4c4c4c;
  font-weight: bold;
  margin-left: 15px;
  margin-right: 15px;  
}

h4 {
  color: Blue;
  font-size: small;
  font-weight: bold;
  margin-left: 20px;
  margin-right: 20px;  
}

h5, h6 {
  font-size: x-small;
  font-weight: bold;
  margin-left: 20px;
  margin-right: 20px;  
}

img {
  /* without this we get a weird border around the logo */
  border: 0 none;
}

a {
  color: #FF6600; /* darker than dark orange */
}

a:hover {
  color: Blue; /* darker than dark orange */
}

a:active {
  color: orange;
}

hr {
  color: #A37A2A;
  height: 0px; 
  border-style: solid;
  Border-bottom: none;
}

table {
  border-collapse: collapse;
  padding: 0;
  margin: 0;
}

tr {
  padding: 0; 
  margin:0;
}

td {
   font-size: x-small;
   padding: 3;
   margin: 0;
   border: 1px solid gray;
   vertical-align: top;
}

table.item {
  align: centre;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

table.header {
  width: 100%;
   background-color: #E0CCA6;
}

table.header td{
   padding: 0;
   margin: 0;
   margin-bottom: 0;
   border: 1px solid #A37A2A;   
}



td.description {
  font-size: xx-small;
  width: 60%;
}

td.number {
  text-align: right;
  width: 10%;
}

table.menu {
  border-collapse: separate;
  width: 100%;
  Text-align: center;
  Table-layout: fixed;
    margin:0;
}


table.menu td {
   margin: 0;
   Padding: 0px;
 /*  height: 25px;*/
   border: 1px solid #382500;
   color: white;
   background-color: #382500;
}

table.menu td a{
   display:block;
   width: 100%;
   text-decoration: none;
   color: white;
   background-color: #382500;
}

table.menu td a:hover{
   text-decoration: none;
   color: Black;
   background-color: white;
}

/*------------------------------------------------------------*/

ul {

  font-weight: bold;
}

ul a{
   text-decoration: none;
}

li{
  margin-left: 20px;
}