/* Basic code - don't modify */
 
 #droppy {
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	z-index: 500;
}
#droppy li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
}
#droppy a {
	display: block;
	background: #EFD99F;
}
#droppy a.drop {
	width: 130px;
	background: #EFD99F url(../images/down.gif) no-repeat center right;
}
#droppy a.button {
	margin-left: 6px;
	background: #EFD99F url(../../images/braza_buttonbg.gif) no-repeat center center;
	color: #911517;
	font-weight: bold;
}

#droppy ul {
	display: none;
	position: absolute;
	left: 0;
	margin: 0;
	padding: 0;
}
* 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 {
	border: 1px solid #4C2003;
	background: #EFD99F;
	width: 140px;
}
#droppy ul ul {
	border: 1px solid #4C2003;
	background: #EFD99F;
	left: 141px;
}
/* Everything else is theming */
 
#droppy {
	background: #EFD99F;
}
#droppy *:hover {
	background-color: #EFD99F;
}
#droppy a {
	border-right: 0px solid #4C2003;
	color: #4C2003;
	font-size: 11px;
	padding: 6px;
	line-height: 1;
	font-weight: normal;
}
#droppy li.hover a {
	background-color: #EFD99F;
}
#droppy ul {
	top: 25px;
}
#droppy ul li a {
	background-color: #BB9F72;
}
#droppy ul a.hover {
	background-color: #BB9F72;
}
#droppy ul a {
	border-bottom: 0px solid #4C2003;
	border-right: 0;
}
   

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