/* $Id: cssmenu.css,v 1.0.0 2010/01/29 08:18:15 symphonythemes Exp $ */

@charset "utf-8";
/* CSS Document */

#st_main_menu ul {
  margin: 0; /* all lists */
  padding: 0;
  float: left;
  border: 1px solid #999999;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: #dfe0e0 url(../images/mainmenu_ul_bg.jpg) 0 0 repeat-x;
}
#st_main_menu li {
  margin: 0; /* all list items */
  padding: 0;
  float: left;
  list-style: none;
}

#st_main_menu li ul {
  width: 16.4em;
  position: absolute; /* second-level lists */
  z-index: 99;
  left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
  height: auto;
  w\idth: 15.9em;
}
#st_main_menu li ul ul {
  margin: -1.25em 0 0 12em; /* third-and-above-level lists */
}
#st_main_menu li li {
  padding: 0 1em 0 0;
  margin: 0;
  width: 15.9em;
}
#st_main_menu ul a {
  /*width: 14.8em;
  w\idth: 10.8em;*/
}
#st_main_menu li:hover ul ul,
#st_main_menu li:hover ul ul ul,
#st_main_menu li.sfhover ul ul,
#st_main_menu li.havechildsfhover ul ul,
#st_main_menu li.havechild-activesfhover ul ul,
#st_main_menu li.activesfhover ul ul,
#st_main_menu li.sfhover ul ul ul,
#st_main_menu li.havechildsfhover ul ul ul,
#st_main_menu li.havechild-activesfhover ul ul ul,
#st_main_menu li.activesfhover ul ul ul {
  left: -999em;
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */
#st_main_menu li:hover ul,
#st_main_menu li li:hover ul,
#st_main_menu li li li:hover ul,
#st_main_menu li.sfhover ul,
#st_main_menu li.havechildsfhover ul,
#st_main_menu li.havechild-activesfhover ul,
#st_main_menu li.activesfhover ul,
#st_main_menu li li.sfhover ul,
#st_main_menu li li.havesubchildsfhover ul,
#st_main_menu li li.havesubchild-activesfhover ul,
#st_main_menu li li.activesfhover ul,
#st_main_menu li li li.sfhover ul,
#st_main_menu li li li.havesubchildsfhover ul,
#st_main_menu li li li.havesubchild-activesfhover ul,
#st_main_menu li li li.activesfhover ul {
  left: auto;
}

/* STYLING THE MENU
-----------------------------------*/
/* 1st level */
#st_main_menu li a {
  margin: 7px 0;
  padding: 0 15px;
  color: #494949;
  border-right: 1px solid #494949;
  display: block;
  line-height: 1;
}
#st_main_menu li.last a {
  border: none;
}
#st_main_menu li a:hover,
#st_main_menu li a:active,
#st_main_menu li a:focus {
  color: #024D76;
}

#st_main_menu li:hover,
#st_main_menu li.sfhover,
#st_main_menu li.havechildsfhover,
#st_main_menu li.havechild-activesfhover {
  background: none;
}

#st_main_menu li a.active,
#st_main_menu li a.active:hover,
#st_main_menu li a.active:active,
#st_main_menu li a.active:focus {
  color: #024D76;
}

/* 2nd level and above */
#st_main_menu li ul {
  background: #FFFFFF url(../images/ul_level2_bg.jpg) center bottom repeat-x;
  border: 1px solid #999999;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin: 0;
  padding: 0;
}

#st_main_menu li ul li {
  padding: 5px 0;
  border-bottom: 1px solid #999999;
  background: none;
}
#st_main_menu li ul li.last {
  border: none;
}

#st_main_menu li ul a {
  margin: 0;
  background: none;
  color: #494949;
  font-weight: normal;
  line-height: normal;
  text-transform: none;
  border: none;
}

#st_main_menu li:hover li a,
#st_main_menu li.sfhover li a,
#st_main_menu li.havechildsfhover li a,
#st_main_menu li.havechild-activesfhover li a {
  color:#494949;
  background: none;
}

#st_main_menu li li.havesubchildsfhover a,
#st_main_menu li.havechild-activesfhover li.havesubchild-active a,
#st_main_menu li.havechild-activesfhover li.active-trail a,
#st_main_menu li li.havesubchild-active a,
#st_main_menu li li li a:hover {
  color: #024D76;
  background: none;
}

#st_main_menu li ul a:hover,
#st_main_menu li ul a.active,
#st_main_menu li ul a:focus,
#st_main_menu ul ul li:hover a,
#st_main_menu ul ul li.first.sfhover a,
#st_main_menu ul ul li.sfhover a,
#st_main_menu ul ul li.havesubchildsfhover a,
#st_main_menu ul ul li.havesubchild-activesfhover a {
  color: #024D76;
  background: none;
}

#st_main_menu ul ul li a.active,
#st_main_menu ul ul li a.active:hover,
#st_main_menu ul ul li a.active:active,
#st_main_menu ul ul li a.active:focus {
  margin: 0;
  color: #024D76;
  background: none;
}

#st_main_menu ul li a.active span,
#st_main_menu ul li a.active:hover span,
#st_main_menu ul li a.active:active span,
#st_main_menu ul li a.active:focus span {
  padding: 0;
  background: none !important;
  font-weight: bold;
}

#st_main_menu li ul a span {
  margin: 0;
  padding: 0;
}