#header #menu {
	background: none;
	padding:0px;
	margin:0px;
	padding-top:4px;
	}

#header #menu li span.separator {
	cursor:default;
	display:block;
	}

/* LEVEL 1 */
#header #menu li {
	position:relative;
	font-weight:bold;
	border:1px solid transparent;
	border-bottom:none;
	}
#header #menu li a,
#header #menu li span.separator {
	padding:7px 15px;
	padding-bottom:12px;
	margin:2px 2px 0px 2px;
	color: white;
	}
#header #menu li a:hover { color: yellow; }
#header #menu > li.selected,
#header #menu > li:hover {
	background: url(dropdown_top/li_level1_current_bg.png) transparent 50% 100% no-repeat;
	}

#header #menu li.parent > a:hover {
	background-color: #555;
	}
	


/* LEVEL 2 */
#header #menu li.parent:hover > ul { display:block; }
#header #menu > li.parent:hover { 
	background: url(dropdown_top/ul_level2_bg.png) repeat-x #4b4b4b;
	border-top:1px solid #666;
	border-left:1px solid #666;
	border-right:1px solid #666;
	}
#header #menu li ul {
	display:none;
	position:absolute;
	width:96%;
	background: url(dropdown_top/ul_level2_bg.png) 0px -35px repeat-x #4b4b4b;
	border:1px solid #666;
	border-top:none;
	padding-top:8px;
	padding-bottom:3px;
	padding-left:2%;
	padding-right:2%;
	z-index:10;
	}
#header #menu li ul li {
	background:none;
	width:100%;
	border:none;
	}
#header #menu li ul li:hover {
	background-color:#555;
	}

#header #menu li ul li.parent {
	background-image: url(dropdown_top/li_parent_bg.png);
	background-position: 98% 50%;
	background-repeat: no-repeat;
	}

#header #menu li ul li a {
	padding-top:5px;
	padding-bottom:5px;
	}


/* LEVEL 3... */
#header #menu li ul li.parent:hover > ul { display:block; }
#header #menu li ul li ul {
	position:absolute;
	top:-6px;
	left:90%;
	min-width:150px;
	padding-top:5px;
	border:1px solid #666;
	}


