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

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

#navbar li {
    float: left;
	text-align: center;
}

#navbar li a {
	font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
	width: 140px;
	height: 23px;
	font-size: 16px;
	text-decoration: none;
	color: #fff;
	display: block;
	/* padding:0 20px; */
	border-right:1px solid #fff;
}

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

#navbar a:hover {
	color:#5b8;
	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: #f63;
	border:1px solid #e52;
}

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

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

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

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

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

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

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