/*========================================================*/
/*         CSS for DotNetNuke Skin - Minimalist           */
/*                   by Evan O'Neil                       */
/*             http://www.NukeVille.com                   */
/*========================================================*/

/*========================================================*/
/*  2 Design Elements                                     */
/*========================================================*/

.MenuHeight { height:36px; }
.MenuTD {  background: url(nav-bg.gif) repeat-x top left; padding: 0 10px 0 10px; }
.MenuLeft { width:12px; background: url(nav-bg-l.gif) no-repeat top left; }
.MenuRight { width:12px; background: url(nav-bg-r.gif) no-repeat top left; }
.LoginTD { width: 100%; vertical-align: middle; text-align: right; font-size: 7px; padding: 0 0 8px 0; }
.CopyrightRow { height:20px; padding: 0 10px 0 10px; vertical-align: bottom; }

/*========================================================*/
/*     Main Menu and Module Menus                         */
/*========================================================*/

/*-- box that holds the menu    --*/ .MainMenu_MenuContainer { background: transparent; }
/*-- bar that holds the menu    --*/ .MainMenu_MenuBar { cursor: pointer; cursor: hand; background: transparent; }
/*-- submenu container          --*/ .MainMenu_SubMenu, .ModuleTitle_SubMenu { margin: 0 0 0 2px; }
/*-- menuitems idle             --*/ .MainMenu_Idle TD { color: #FFF; background: url(nav-bg.gif) repeat-x top center transparent; font-size: 8pt; padding: 12px 0px 11px 0px; font-weight: bold; }
/*-- menuitems over             --*/ .MainMenu_Selected TD { color: #FFF; background: url(nav-bg.gif) repeat-x top center transparent; font-size: 8pt; padding: 12px 0px 11px 0px; font-weight: bold; }
/*-- menuitems active           --*/ .MainMenu_Active TD, .MainMenu_BreadcrumbActive TD { color: #242424; background: url(nav-active.gif) repeat-x top center transparent; font-size: 8pt; padding: 14px 0px 9px 0px; font-weight: bold; }
/*-- left seperator idle        --*/ .MainMenu_LeftIdle { background: transparent; width:5px; height: 36px; }
/*-- left seperator active      --*/ .MainMenu_LeftActive { background: url(nav-active-l.gif) no-repeat top right transparent; width:5px; height: 36px; }
/*-- right seperator idle       --*/ .MainMenu_RightIdle { background: transparent; width:5px; height: 36px; }
/*-- right seperator active     --*/ .MainMenu_RightActive { background: url(nav-active-r.gif) no-repeat top right transparent; width:5px; height: 36px; }
/*-- middle seperator           --*/ .MainMenu_Seperator { background: transparent; width:1px; height: 36px; }
/*-- not needed - main menu     --*/ .MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon { display: none; }									 
/*-- module menu continer       --*/ .ModuleTitle_MenuContainer { color: #2c2c2c; }
/*-- module menu bar            --*/ .ModuleTitle_MenuBar { cursor: pointer; cursor: hand;}
/*-- module menu padding        --*/ .ModuleTitle_MenuItem, .ModuleTitle_MenuItemSel { padding: 0 15px 0 10px; }
/*-- not needed - module menu   --*/ .MainMenuSeperator, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow { display: none; }
									 .ModuleTitle_MenuIcon { background: #FFF; border: 0px; border-bottom: 1px dotted #999; width:0px; height: 20px; padding: 0 0 0 0; margin: 0 0 0 0; font-size: 0px; }
									 .ModuleTitle_MenuIcon IMG { margin: 0 10px 0 10px; }
/*-- removing seperator borders --*/ .MainMenu_MenuBreak { border-top-style: none; border-right-style: none;	border-left-style: none; border-bottom-style: none; background:transparent;  vertical-align:top;}
   

/*========================================================*/
/*     Janet Menu                                         */
/*========================================================*/

.janetMenu_level0
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: black;
background-color:#E6B384;
border-top: #E6B384 1px solid;
border-bottom: #E6B384 1px solid;
border-left: #E6B384 1px solid;
border-right: #E6B384 1px solid;
cursor:pointer;
width:100%;
height:20px;
}
.janetMenu_level0Over
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: navy;
background-color:#DF6937;
border-top: #9D2C30 1px solid;
border-bottom: #9D2C30 1px solid;
border-left: #9D2C30 1px solid;
border-right: #9D2C30 1px solid;
cursor:pointer;
width:100%;
height:20px;
}
.janetMenu_level0Selected
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: navy;
background-color:#DF6937;
border-top: #E6B384 1px solid;
border-bottom: #E6B384 1px solid;
border-left: #E6B384 1px solid;
border-right: #E6B384 1px solid;
cursor:pointer;
width:100%;
height:20px;
}

As can be seen we use janetMenu_level0 to define the parent (level0) items. Not unsurprisingly we use janetMenu_level1 for the first child level and so on.

.janetMenu_level1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: black;
background-color:#E6B384;
border-top: #E6B384 1px solid;
border-bottom: #E6B384 1px solid;
border-left: #E6B384 1px solid;
border-right: #E6B384 1px solid;
cursor:pointer;
width:100%;
height:12px;
}
.janetMenu_level1Over
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: navy;
background-color:#DF6937;
border-top: #9D2C30 1px solid;
border-bottom: #9D2C30 1px solid;
border-left: #9D2C30 1px solid;
border-right: #9D2C30 1px solid;
cursor:pointer;
width:100%;
height:12px;
}
.janetMenu_level1Selected
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: navy;
background-color:#DF6937;
border-top: #E6B384 1px solid;
border-bottom: #E6B384 1px solid;
border-left: #E6B384 1px solid;
border-right: #E6B384 1px solid;
cursor:pointer;
width:100%;
height:12px;
}

The dividers associated with sections, parents and items may also be configured:

.janetMenu_ParentStart
{
height: 0px;
}
.janetMenu_ParentEnd
{
height: 0px;
}
.janetMenu_ParentDivide
{
height: 0px;
}
.janetMenu_ItemDivide
{
height: 0px;
}
.janetMenu_SectionDivide
{
height: 1px;
background-color:#CCCCCC;
}
.janetMenu_SectionStart
{
height: 0px;
}
.janetMenu_SectionEnd
{
height: 0px;
}




/*==========================================================*/
/*  End Style Sheet                                         */
/*==========================================================*/