/* =====================================================
   File name: menu.css
   File desc: CSS Menu System for Kenneth Mink Inc Site.
   ===================================================== */

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   -- Contains the Menu System anchor <a> link tag elements that
   set color to white
       background to dark cherry red
       font-size to 12 pixels
       text-decoration to none
   +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div#menuSystem a:link {
  color: #ffffff;
  background: #621c0a;
  font-size: 12px;
  text-decoration: none
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   -- Contains the Menu System anchor <a> visited tag elements that
   set color to white
       background to dark cherry red
       font-size to 12 pixels
       text-decoration to none
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div#menuSystem a:visited {
  color: #ffffff;
  background: #621c0a;
  font-size: 12px;
  text-decoration: none
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   -- Contains the Menu System anchor <a> hover tag elements that
   set color to yellow
       background to dark cherry red
       font-size to 12 pixels
       text-decoration to none
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div#menuSystem a:hover {
  color: #ffff00;
  background: #621c0a;
  font-size: 12px;
  text-decoration: none
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   -- Contains the Menu System list item <li> elements that
   set position to relative
         (keep list item relative to unordered list)
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div#menuSystem li {
  position: relative;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   -- Contains the menuInfo Menu System list item <li> elements that
   set background to Information button image
   +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div#menuSystem li.menuInfo {
  background: url(images/button/buttonInformation.jpg) no-repeat;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   -- Contains the menuInfo Menu System list item <li> hover elements that
   set background to Information [star] button image
   +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div#menuSystem li.menuInfo:hover {
  background: url(images/button/sButtonInformation.jpg) no-repeat;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   -- Contains the menuHelp Menu System list item <li> elements that
   set background to Help button image
   +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div#menuSystem li.menuHelp {
  background: url(images/button/buttonHelp.jpg) no-repeat;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   -- Contains the menuHelp Menu System list item <li> hover elements that
   set background to Help [star] button image
   +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div#menuSystem li.menuHelp:hover {
  background: url(images/button/sButtonHelp.jpg) no-repeat;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   -- Contains the Menu System unordered list <ul> elements that
   set list-style-type to none [no bullets]
       margin to zero
       padding to zero
   +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div#menuSystem ul {
  list-style-type: none;
  margin: 0;
  padding: 0
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   -- Contains the Menu System unordered list <ul> node elements that
   set display to none [keep hidden]
       top to 0 pixels
       left to 151 pixels
       position to absolute
         (keep child <ul> node absolute to parent <ul> node)
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div#menuSystem ul ul {
  display: none;
  top: 0px;
  left: 151px;
  position: absolute
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   -- Contains the levelOneHelp Menu System unordered list <ul> node
                       [menuHelp list item <li> hover elements
                       {levelTwoHelp unordered list <ul> element}] elements
               and levelOneInfo Menu System unordered list <ul> node
                       [menuInfo list item <li> hover elements
                       {levelTwoInfo unordered list <ul> element}] elements that
   set display to block
       width to 140 pixels
       padding top to 7 pixels, right to 0 pixels, bottom to 7 pixels, and left to 34 pixels
         (seperate text with 7 pixels from the top/bottom end and 34 pixels from left of the list border)
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div#menuSystem ul.levelOneHelp li.menuHelp:hover ul.levelTwoHelp,
div#menuSystem ul.levelOneInfo li.menuInfo:hover ul.levelTwoInfo {
  display: block;
  width: 140px;
  padding: 7px 0px 7px 34px
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   -- Contains the levelTwoHelp Menu System unordered list <ul> elements that
   set background to dark cherry red
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div#menuSystem ul.levelTwoHelp {
  background: #621c0a;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   -- Contains the levelTwoInfo Menu System unordered list <ul> elements that
   set background to dark cherry red
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div#menuSystem ul.levelTwoInfo {
  background: #621c0a;
}