#sddm {
   margin: 0px;
   padding: 0px;
   border: solid black 0px;
   z-index: 30;
   }

#sddm li {
   margin: 0;
   padding: 0;
   list-style: none;
   float: left;
   font: bold 13px arial
   }

#sddm li a {
   display: block;
   /* margin: 0 1px 0 0; */
   border-right: solid 1px white;
   padding: 4px 10px;
   background: #882f1d;
   color: white;
   text-align: center;
   text-decoration: none
   }

#sddm li a:hover {
   background: #b33319;
   color: white;
   }

/* drop down panel */

#sddm div {
   position: absolute;
   visibility: hidden;
   margin: 0;
   padding: 0;
   background: #f7f6e2;
   border: 1px solid #d60026
   }

#sddm div a {
   position: relative;
   display: block;
   margin: 0;
   padding: 5px 10px;
   width: auto;
   white-space: nowrap;
   text-align: left;
   text-decoration: none;
   background: #f7f6e2;
   color: #d60026;
   font: bold 14px arial
   }

#sddm div a:hover {
   background: #d60026;
   color: #f7f6e2
   }