/* styles for drop down menu */
.menu  {float:left;
	list-style: none;
	
	padding-left: 0;
	margin-left: 30px;
	background-color: #EEE;
}

.menu ul {display: none;
	position: absolute;
	top: 100%;
	left:0;
	padding-left:0;
	margin-left:0;
	z-index: 1000;
	width: inherit;
}

.menu li {position: relative;
	float: left;
	list-style: none;
	margin-left: 0;
	background-color: inherit;
	width:100px;
	z-index:1000;
	
	text-align: center;
	font-family: "Arial Narrow", verdana, arial, sans-serif;
	font-weight: normal;
}
/* padding is separated to here to avoid ie issues with width */
.menu a {display: block;
	padding: 2px;
	color: #666;
	text-decoration: none;
}
/* hover for main-menu */
.menu a:hover { background-color: #0cc;
	color: #FFF;
}

/*class assigned to sub-menu by the script*/
.showdrop ul {display: block;
	background-color: #eaeaea;}
/* hover for sub-menu */
.showdrop li a:hover { background-color: #0bb;
}