/* --- menu styles ---
note:
  not all browsers render styles the same way so try out your style sheet
  on different browsers before publishing;
explanation:
  'level 0' - the first level of navigation.
  'level 1' - the second level of navigation - drop-down menu.
  'level 2' - the third level of navigation - drop-down submenu.
  'out'     - what it looks like while mouse is 'out' of the area.
  'over'    - what it looks like while mouse is 'over' the area.
  'inner'   - not sure - relates to the box contents.
  'outer'   - not sure - relates to the box border (but why?).
*/
/* level 0 inner */
.m0l0iout {
  color:       #ffffff;
  font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:   12px;
  text-decoration: none;
}
.m0l0iover {
  color:       #ffffff;
  font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:   12px;
  text-decoration: underline;
}

/* level 0 outer */
.m0l0oout {
  text-decoration: none;
  padding:         2px 4px 4px 4px;
}
.m0l0oover {
  text-decoration:  none;
  padding:          2px 4px 4px 4px;
  background-color: #3366ff;
}

/* level 1 inner */
.m0l1iout {
  font: 12px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-decoration: none;
  padding: 4px;
  color: #000000;
}
.m0l1iover {
  font: bold 12px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-decoration : none;
  padding: 4px;
  color: #000000;
}

/* level 1 outer */
.m0l1oout {
  text-decoration : none;
  border : 1px solid #FFFFFF;
  background: #3399FF;
  filter: alpha(opacity=85);
}
.m0l1oover {
  text-decoration : none;
  border : 1px solid #FFFFFF;
  background: #3399FF;
}

/* level 2 inner */
.m0l2iover {
  font: 12px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-decoration : none;
  padding: 4px;
  color: #000000;
}

/* level 2 outer */
.m0l2oout {
  text-decoration : none;
  border : 1px solid #FFFFFF;
  background: #3399FF;
}
.m0l2oover {
  text-decoration : none;
  border : 1px solid #FFFFFF;
  background: #3399FF;
}