/* $Id: stmenu.css,v 1.0.0 2010/01/12 08:00:46 symphonythemes Exp $ */

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

#st_main_menu {
  width: 700px;
  float: right;
  margin: 0;
}
#st_main_menu-inner {
}
#st_main_menu ul {
  margin: 0; /* all lists */
  padding: 0;
  float: right;
}
#st_main_menu li {
  margin: 0; /* all list items */
  padding: 0;
  float: left;
  display: block;
  background: none;
  cursor: pointer;
}
#st_main_menu li ul {
  width: 16.4em;
  position: absolute; /* second-level lists */
  z-index: 999;
  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 {
  display: block;
  padding: 15px 20px;
  text-transform:uppercase;
  color: #4d4848;
  border-left: 1px solid #4d4848;
}
#st_main_menu li.last a {
  padding-right: 10px;
}
#st_main_menu ul li.sfhover,
#st_main_menu li.havechildsfhover,
#st_main_menu li.havechild-activesfhover,
#st_main_menu li.active-trail {
}
#st_main_menu ul li.sfhover a,
#st_main_menu li.havechildsfhover a,
#st_main_menu li.havechild-activesfhover a,
#st_main_menu li.active-trail a {
  text-decoration:none;
  color:#e8e8e8;
  background: none;
}
#st_main_menu li a:hover,
#st_main_menu li a.active,
#st_main_menu li a:focus {
  color:#e8e8e8;
  background: none;
}

#st_main_menu li:hover a,
#st_main_menu li.sfhover a,
#st_main_menu li.havechildsfhover a,
#st_main_menu li.havechild-activesfhover a {
  color:#e8e8e8;
  background: none;
}
#st_main_menu li.havechild-active a,
#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:#e8e8e8;
  background: none;
}

/* 2nd level and above */
#st_main_menu li ul {
  background: #E8E8E8;
  padding: 0;
  border: 1px solid #CDCDCD;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

#st_main_menu li ul li {
  padding: 0;
  border-bottom: 1px solid #CDCDCD;
}
#st_main_menu li ul li.last {
  border:none;
}
#st_main_menu li li.sfhover,
#st_main_menu li li.havechildsfhover,
#st_main_menu li li.havechild-activesfhover,
#st_main_menu li li.active-trail {
  background: none;
}
#st_main_menu li:hover li,
#st_main_menu li.sfhover li,
#st_main_menu li.havechildsfhover li,
#st_main_menu li.havechild-activesfhover li {
  background: 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:#1E1E1E;
  background: none;
}
#st_main_menu li ul a {
  margin: 0;
  padding: 5px 10px;
  background: none;
  color: #1E1E1E;
  font-weight: normal;
  font-size: 100%;
  line-height: normal;
  text-transform: none;
  border: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:#1E1E1E;
  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:#4D4848;
  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:#4D4848;
  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;
}