/* ************************************** */
/* Paste this code into your external CSS */
/* file or in the <style> section within  */
/* the HEAD section of your HTML document */
/* ************************************** */
#dd {
  margin-left: 0;
  padding: 0 0px 20px 0;
}
#dd li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: right;
  font: bold 14px arial;
}
#dd li a.menu {
  display: block;
  text-align: center;
  background-image: url('../images/button_back.jpg');
  padding: 4px 0px;
  margin: 0 1px 0 0;
  color: white;
  width: 133px;
  text-decoration: none;
}
#dd li a.menu:hover {
  background-image: url('../images/button_back_dark.jpg');
}
.submenu {
  background: linen;
  border: 1px solid gray;
  visibility: hidden;
  position: absolute;
  z-index: 3;
}
.submenu a {
  display: block;
  font: 12px arial;
  text-align: left;
  text-decoration: none;
  padding: 5px;
  color: olive;
  width: 122px;
}
.submenu a:hover {
  background: #C5C791;
  color: white;
}
/* first padding for style above is for top right bottom left of bar 	*/
/* menu display 							*/
/* the first padding no. is height of category box in px 		*/
/* the 2nd margin no. is space at the left box end (divider) 		*/
/* color is for the category text 					*/
/* width is the length in px of the category boxes 			*/
/*									*/
/* submenu background 						*/
/* background is the color for the drop-down menu box 		*/
/* border is the width and color for the drop-down menus box 		*/
/*									*/
/* submenu a display 							*/
/* font is for the menu list entries 					*/
/* padding is distance from the (right) margin 			*/
/* width is for the menu box in px   					*/
/*									*/
/* submenu a hover 							*/
/* background is the color menu list line when mousing over it 	*/
/* color is for the menu list text when mousing over it        	*/