@charset "UTF-8";
/* CSS Document */

#navbar ul {
	list-style-type: none;
	position: absolute;
	margin:0;
	padding:0;
	white-space:nowrap;
}

#navbar li {
    float: left;
}

#navbar li a {
	width: 140px;
	font-size: 16px;
	text-decoration: none;
	color: #cc6;
	display: block;
}

#navbar li a.last {
	border-right:none;
}

#navbar a:hover {
	color:#cc6;
	width:140px;
}

/* ON state for marking a menu item */

#navbar a.on {
	
}

#navbar li:hover {
/* if you want the parent li to have a different style when its menu is out */
}

#navbar ul li ul {
	display: none;
	overflow: hidden;
	float: none;
	background-color: #1e1a13;
	padding:0 10px 2px 10px;
	/* border:1px solid #e52; */
}

#navbar ul li ul li {
	float: none;
	padding:0;
}

#navbar ul li ul li a {
/* child item specific styles in here */
	text-align:left;
	border-bottom:1px solid #cc6;
	border-right:none;
	font-size:13px;
	padding:8px 5px;
	height:auto;
	width:160px;
}

#navbar ul li ul li a:hover {
/* child item specific styles in here */
	color:#fff;
	width:160px;
}

#navbar ul li ul li a.last{
	border-bottom:none;
}

#navbar ul li:hover ul {
	display: block;
	width:166px;
}

/*IE hover fix, IE doesn't support pseudoclasses applied to anything but an <a> */

#navbar ul li.hover ul {
	display: block;
	position: absolute;
	width:180px;
}