/***********************************************************************
  CSS - MENU
  General configuration CSS
***********************************************************************/
#dhtmlgoodies_menu{
  font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
  font-size:12px;
  text-align:left;
  visibility:hidden;
}

#dhtmlgoodies_menu img{
  border:0px;
}

#dhtmlgoodies_menu ul li ul{
  display:none; /* Needed to display ok in Opera */
}

#dhtmlgoodies_menu ul{
  margin:0px; /* No indent */
  padding:0px;  /* No indent */
}
#dhtmlgoodies_menu li{
  list-style-type:none; /* No bullets */
}
#dhtmlgoodies_menu a{
  margin:0px;
  padding:0px;
}
/* End general configuration CSS */


/* Cosmetic */

/***********************************************************************
  CSS - MENU BLOCKS
  General rules for all menu blocks (group of sub items)
***********************************************************************/
#dhtmlgoodies_menu ul{
  border:1px solid #CCCCCC;
  background-color:#FFFFFF;
  padding:1px;
}

#dhtmlgoodies_menu ul.menuBlock1{ /* Menu bar - main menu items */
  padding:1px;
  border:0px solid #CCCCCC;
  background-color:#FFFFFF;
}
#dhtmlgoodies_menu ul.menuBlock2{ /* Menu bar - main menu items */
  padding:1px;
  border:1px solid #CCCCCC;
  filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
  width:160px;
  /*overflow:visible;
  white-space:nowrap;*/
}

#dhtmlgoodies_menu ul.menuBlock3{ /* Menu bar - main menu items */
  filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
  width:160px;
  /*overflow:visible;
  white-space:nowrap;*/
}

/***********************************************************************
  CSS - MENU ITEMS
  Here, you could assign rules to the menu items at different depths.
***********************************************************************/
/* General rules for all menu items */
#dhtmlgoodies_menu a{
  color: #333333;
  text-decoration:none;
  padding-left:0px;
  padding-right:0px;
  font-weight:normal;
}

/*
Main menu items
*/

#dhtmlgoodies_menu .currentDepth1{
  padding-left:2px;
  padding-right:2px;
  border:0px solid #CCCCCC;
  white-space:nowrap;
}
#dhtmlgoodies_menu .currentDepth1over{
  padding-left:2px;
  padding-right:2px;
  background-color:#FFFFFF;
  border:0px solid #CCCCCC;
  white-space:nowrap;
}
#dhtmlgoodies_menu .currentDepth1over a{  /* Text rules */
  color:#11A044;
}

/* Sub menu depth 1 */
#dhtmlgoodies_menu .currentDepth2{
  padding:2px 2px 2px 2px;
  border:1px solid #FFFFFF;
  line-height:14px;
}
#dhtmlgoodies_menu .currentDepth2over{
  padding:2px 2px 2px 2px;
  background-color:#118822;
  border:1px solid #FFFFFF;
  line-height:14px;
}
#dhtmlgoodies_menu .currentDepth2 a{
  color: #000000;
}
#dhtmlgoodies_menu .currentDepth2over a{  /* Text rules */
  color:#FFFFFF;
}
/* Sub menu depth 2 */
#dhtmlgoodies_menu .currentDepth3{
  padding:2px 2px 2px 2px;
  border:1px solid #FFFFFF;
  line-height:14px;
}
#dhtmlgoodies_menu .currentDepth3over{
  padding:2px 2px 2px 2px;
  background-color:#FF6600;
  border:1px solid #FFFFFF;
  line-height:14px;
}
#dhtmlgoodies_menu .currentDepth3over a{  /* Text rules */
  color:#FFFFFF;
}
/* Sub menu depth 3 */
#dhtmlgoodies_menu .currentDepth4{
  padding-right:2px;
  border:1px solid #FFFFFF;
}
#dhtmlgoodies_menu .currentDepth4over{
  padding-right:2px;
  background-color:#EBEDE3;
  border:1px solid #FFFFFF;
}