div#slick-drop {
  position: relative;
  left:8px;
  top:0px;
  z-index: 10000;
  width: 900px; 
  float: left;
  
}

div#slick-drop li
{
  margin:0;
  padding:0;

}

div#slick-drop ul
{
  list-style-type:none;
  margin:0;
  padding:0;

}

/* ---------- TOP LEVEL ---------- */



div#slick-drop ul li
{
  float:left;
  position:relative;
  margin-right:2px;
  padding:5px 5px 5px 5px;
  border:1px solid #ccc;
  background:#ac0000;
  height:17px;
  position:relative;
  top:-1px;
  
}

div#slick-drop ul li a.menu-item
{
  padding-left:0 !important;
  color: #FFF;
  
}

div#slick-drop ul li.has-arrow a.menu-item
{
  padding-left:5px !important;
  padding-right:20px;
}

div#slick-drop ul li a
{
  /* applies to sub and main */
  font-size:12px;
  font-weight:bold;
  color:#535143;
  text-decoration:none;

  /* padding-left:0 !important;  gets overriden with javascript */
}

div#slick-drop ul li.arrow a
{
  padding-left:10px !important;

}

div#slick-drop ul li.has-arrow:hover,
div#slick-drop ul li.has-arrow.hover,

{
  background: #ac0000;
  border:1px solid #d2e2ae;
  height:17px;
  position:relative;
  top:0px;
  padding-bottom:6px;
  padding-top:4px;
  color:#FFFFFF;
}

div#slick-drop ul li.has-arrow.menu_item_hover
{
  background:green;
  color:#000000;
}

div#slick-drop ul li.active
{
  border-bottom:1px solid #fff !important;
}



div#slick-drop ul li a.menu-item
{ 
  padding-left:20px;
  position:relative;
  top:2px;
  z-index:5;
}

div#slick-drop ul li a.menu-item:hover
{  
  color:#999999;
}

div#slick-drop ul li div.menu-arrow
{  
  cursor:pointer;
  z-index:100;
  width:20px;
  height:20px;
  background-image:url('images/slick-drop/menu-arrow.gif');
  background-repeat:no-repeat;
  background-position:5px 2px;
  float:right;
  margin-left:5px;
  
  position:absolute;
  right:5px;

  display:none; /* this gets overriden if javascript is enabled */
}

div#slick-drop ul li div.show 
{
  display:block; /* used to override hidden menu-arrow style with js */
}



div#slick-drop ul li div.menu-arrow:hover,
div#slick-drop ul li.selected div.menu-arrow:hover,
div#slick-drop ul li div.menu-arrow.hover,
div#slick-drop ul li.selected div.menu-arrow.hover

{
  background-color:#ac0000;
  background-image:url('images/slick-drop/menu-arrow-white.gif');
  background-position:5px 7px;
  display:block;
  position:absolute;
  color:#CC0000;
  
}

div#slick-drop ul li.selected div.menu-arrow:hover
{
  background-position:5px 7px;
}

div#slick-drop ul li.selected.active div.menu-arrow
{
  background-image:none !important;
}

div#slick-drop ul li.selected.active div.menu-arrow:hover
{
  background-image:url('images/slick-drop/menu-arrow-white.gif') !important;
}

div#slick-drop ul li.active div.menu-arrow
{
  background-image:url('images/slick-drop/menu-arrow.gif');
  background-color:#ac0000;
  height:20px;
  background-image:url;
}

div#slick-drop ul li.active div.menu-arrow:hover
{
  background-image:url('images/slick-drop/menu-arrow-white.gif');
  
}

/* selected item */
div#slick-drop ul li.selected a.menu-item
{
  color:#000033;
}

div#slick-drop ul li.selected div.menu-arrow
{
  background-image:url('images/slick-drop/menu-arrow-selected.gif');
  background-position:5px 2px;
}


/* ---------- SUB LEVEL ---------- */

div#slick-drop ul li ul.submenu
{
  display:none;
  position:absolute;
  top:28px;
  left:-1px;
  border:1px solid #d2e2ae;
  border-top:none;
  background:#fff;
  
  background-image:url('');
  background-repeat:repeat-y;
  background-position:5px 0;
}


div#slick-drop ul li ul.submenu li
{
  float:none; /* this is important b/c of ie background color bug */
  background:none;
  margin:0;
  padding:0;
  width:200px;  
  border:none;
  position:relative;
  top:0;
  height:20px;
}

div#slick-drop ul li ul.submenu li.separate
{
  background-image:url('images/slick-drop/separator.gif');
  background-repeat:repeat-x;
  background-position:5px 6px;
  height:10px;
}

.ie div#slick-drop ul li ul.submenu li.separate
{
  background-position:30px 4px;
}

div#slick-drop ul li ul.submenu li a
{
  padding:5px 5px 5px 5px;
  display:block;  
  font-weight:normal;
}

.ie div#slick-drop ul li ul.submenu li a
{
  line-height:5px;
}
*html div#slick-drop ul li ul.submenu li a
{
  line-height:5px;
}

div#slick-drop ul li ul.submenu li a:hover
{
  color:#ee3510;
  background-image:url('images/slick-drop/menu-arrow-hover.gif');
  background-repeat:no-repeat;
  background-position:13px 6px;
}

div#slick-drop ul li ul.submenu li.last
{
  background-color: #993300;
  height:5px;
  margin:0; padding:0;
}


.ie div#slick-drop ul li ul.submenu li.last
{
  margin-bottom:-3px;  
}

div#slick-drop ul li ul.submenu.active
{
  display:block;
}