/* dropList popup navigation list */
/* brown: #524942; light brown:#75645F;  gray/banner #887f7c; gray/font: #9c9694;   ??#dc532f; */

.dropListWrapper {
  color:#ffbbff !important;
  position: relative;
  z-index: 20;
  margin: 0 4px;
  overflow: visible; /* clear: left; width: 260px; float: left; */
  background-color: transparent;
  padding:0;
}

.dropList {
  color: #df6906;  /* amber df6906; dc532f;*/
  position: absolute;
  top: 0px;
  left: 0px;
  right: auto;
  overflow: visible;
  
}

.dropList A:link, .dropList A:visited{
  color: #7B7D7B; /* #aca6a4;  */
  border: hidden 1px black;
  text-decoration: none;
}
.dropList A:hover, 
.dropList A:active {
  x-xcolor: #dc532f;
}

.dropListButton {
  height: 18px;
  overflow: visible;
  white-space: normal;
}

.dropListButton a:link, .dropListButton a:visited {
  color: #442244;
  text-decoration:none;
}

.dropListButton div {
  text-align:left;
  white-space:nowrap;
  padding:0;
  /*       
  width: 260px;
  padding: 2px 16px 2px 20px;
  background: #f4f4f0 url(../images/graphicsTheme/arrowRight.gif) no-repeat 8px center;
  border: solid 1px #887f7c; 
  */
}

.dropListGroups {
  position: absolute;
  top:18px; /* should match .dropListButton height */
  left:0px;
  background-color: #ffeeff; /* #f4f4f0; */
}
.dropListGroup {
  border-x: solid 1px #887f7c; /* #7B7D7B; */
  padding:6px;
  margin-right: auto;
  /* border-bottom: solid 1px #887f7c;  */
}

.dropListGroup table,
.dropListGroup td  {
  color-x: #dc532f;
  margin-right: auto;
  white-space: nowrap;
}
.dropListItem {
  padding-right: 20px;
}

.dropListPreview {
  padding: 12px; 
  border: solid 1px #887f7c; /*#7B7D7B; */
  overflow:hidden;  
  /* height:97px; - can't set height or IE8 will expand width??? */
}
.dropListPreview div{
  padding:6px 0px;
  background-color:white;
  line-height:85px;
  text-align:center;
}