/* Basic code - don't modify */

.droppy {
	display:block;
	margin:0;
	padding:0;
	position:relative
}

.droppy ul {
	display:none;
	position:absolute;
	left:0;
	margin:0;
	padding:0;
	text-align:center;
}
.droppy li {
	display:block;
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	position:relative;
	border-right: 1px solid #727272;
}
.droppy li:last-child,.droppy li:nth-last-child(2) {
	border-right: none;
}

.droppy li ul li {
	border-right: none;
}

.droppy a {
	display:block
}

* html .droppy ul {
	line-height:0
}

/* IE6 "fix" */
.droppy ul a {
	zoom:1
}

/* IE6/7 fix */
.droppy ul li {
	float:none
}

.droppy ul ul {
	top:0
}

/* Essentials - configure this */
.droppy ul {
	width:130px
}

.droppy ul ul {
	left:131px
}

/* Everything else is theming */
.droppy {
	height:24px;
	float:right;
	margin:50px auto 0;
	background:#f7f4ef
}

.droppy :hover {
	color:#3ea8f2;
}

.droppy a {
	color:#727272;
	font-size:12px;
	padding: 0 15px;
	line-height:1
}

.droppy li.hover a {
}

.droppy ul {
	top:25px
}

.droppy ul li a {
	background-color:#ececec;
	padding: 6px;
	line-height:1;
}

.droppy ul a.has-subnav {
	background-color:#2E2A2A;
	text-decoration: none;
}

.droppy ul a.hover {
	background-color:#d9d9d9;
}

.droppy ul a {
	border-bottom:1px solid #fff;
	border-right:none;
	opacity:.9;
	filter:alpha(opacity=90)
}

/* .droppy ul a { border-bottom: none; } - I also needed this for IE6/7 */