#dd {					/* This is an ID that is used as an attribute to a tag */
  padding: 0px 0px 0px 0px; }		/* Formats paddings top, right, bottom, left */

#dd li {				/* This is specifies styles of list item elements within a dd block */
  list-style-type: none;		/* Sets all list items to have no bullet */
  float: left; }			/* Make li elements float to one side */

#dd li a.menu {				/* This is a class for a elements within li elements within a dd block */
  display: block;			/*  */
  text-align: center;			/* Centers text and images for a elements */
  background-color:transparent;		/* Sets background color for a elements */
  padding: 5px 10px;			/* Formats paddings top, right */
  width: 70px; }			/* Sets width of a elements */

#dd li a.menu:hover {			/* This sets the hover property of links within li elements within a dd block */
  background: #440000; }		/* Background color for hovered links */

.submenu {				/* This is a class that is used as an attribute to a tag */
  background: #EAEBD8;			/* Background shorthand, specifies background color */
  border: 1px solid #5970B2;		/* Shorthand border that defines width, style, color */
  visibility: hidden;			/* Specifies whether element is visible */
  position: absolute;			/* Positions submenu items absolute: relative to top left corner of parent element */
  width: 130px;				/* Sets width in pixels */
  z-index: 3; }				/* Makes submenu element display above others, higher index over others */

.submenu a {				/* This sets the link style within a submenu class block */
  display: block;			/*  */
  font: 11px arial;			/* Shorthand font: order is style, variant, weight, size, family */
  text-align: left;			/* Text alinment */
  padding: 5px;				/* Padding for top */
  color: #000000; }			/* Sets font color */

.submenu a:hover {			/* This sets the hover property of links within a submenu class block */
  background: #440000;			/* Background color for hovered links */
  color: #FFF; }			/* Font color for hovered links */