/*
Don't edit anything in this file to create custom menus.
*/

.navcomponent {
	height:23px;
}

/* all menus */
.navcomponent ul.menu, .navcomponent ul.menu ul {
    cursor: default;
    padding:0;
    margin:0;
}
.navcomponent ul.menu li {
    list-style-type: none;
    position: relative;
}
.navcomponent ul.menu li.navsep {
	width:3px;
	background-color:transparent;
	text-align:center;
	padding:0;
	margin-top: 6px;
}
.navcomponent ul.menu li.navsep:hover {background-color:transparent;}
.navcomponent ul.menu li a {text-decoration:none;}

* html .navcomponent ul.menu li
{
	height: 15px;
	h\eight: 14px;
}

/* top menu */
.navcomponent ul.menu li {
	float: left;
	position: relative;
	padding: 6px 5px 5px 5px;
	height:12px;
}

/* sub menus */
.navcomponent ul.menu li > ul {
   display: none;  
   position:absolute;
}
.navcomponent ul.menu li ul {
    top: 23px;
    left: 0;
}
.navcomponent ul.menu ul li {
    float: none;
	display: block;
	
	margin:0;
	padding: 2px 10px 3px;
	text-align:left;
	height:auto;
}

.navcomponent ul.menu ul.CSStoShow {      /* must not be combined with the next rule or IE gets confused */
    display: block;        				/* specially to go with the className changes in the behaviour file */
}
.navcomponent ul.menu li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                             			  the > targets only the child ul, not any child uls of that child ul */
  display: block;         			   /* makes the child block visible - one of the most important declarations */
}

ul.menu ul {
	display: none; position: absolute; top: 2px; left: 78px;
}