/*
   Author: Kevin Christopher
   Date:   30 July 2017
*/

/* table style */
table {
   border-collapse: separate; /* creates separate borders for each cell within the table */
   border-spacing: 1px;
   font-size: 8px;
   margin: 0 auto;
   padding: 2px;
   width: 590px;
}

table.menu {
   font-family: Verdana, Geneva, sans-serif;
   font-size: 14px;
   border: 2px solid #6B4423;
}

/* Caption style */
caption {
   font-family: Verdana, Geneva, sans-serif;
   text-align: center;
   padding-bottom: 1px;
   font-size: 14px;
   letter-spacing: 1px;
}

/* Table cell data border and vertical alignment */
td {
   border: 1px solid gray;
   font-weight: bold;
   vertical-align: top;
   text-align: center;  
}

/* Drop down menu style */
.menudrop {
    display: block;
    color: white;
    text-align: center;
    text-decoration: none;
}

li.dropdown {
    display: block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: white;
    min-width: 160px;
    z-index: 1;
}

.dropdown-content a {
    color: black;
    text-decoration: none;
    display: block;
    text-align: center;
}

.dropdown-content a:hover {
   background-color: #CC9966;
}

.dropdown:hover .dropdown-content {
    display: block;
}