/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
        margin: 0;
        padding: 0;
        list-style: none;
}
.sf-menu li {
        position: relative;
}
.sf-menu ul {
        position: absolute;
        display: none;
        top: 100%;
        left: 0;
        z-index: 899;
}
.sf-menu > li {
        float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
        display: block;
}
.sf-menu a {
        display: block;
        position: relative;
}
.sf-menu ul ul {
        top: 0;
        left: 100%;
}


/*** NHN SKIN ***/
.sf-menu {
        margin-bottom: 0;
        text-transform: uppercase;
        width: 100%;
        float: none;
        display: table-row;
}
.sf-menu ul {
        min-width: 12em; /* allow long menu items to determine submenu width */
        *width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu > ul {
	position: absolute;
	width: 100%;
}
.sf-menu a {
        padding: .75em 1em;
        text-decoration: none;
        zoom: 1; /* IE7 */
        color: #fff;
}
.sf-menu > li  a {
	padding: .6em 0;
}

.sf-menu li {
        background: #323232;
        white-space: nowrap; /* no need for Supersubs plugin */
        *white-space: normal; /* ...unless you support IE7 (let it wrap) */
        -webkit-transition: background .2s;
        transition: background .2s;
}
.sf-menu > li {
	float: none;
	display: table-cell;
	text-align: center;
	width: 6em;
}
.sf-menu > li  ul {
	text-align: left;
}
.sf-menu > li li {
	max-width: 15em;
	white-space: normal;
}

.sf-menu ul li {
        background: #323232;
}
.sf-menu ul ul li {
        background: #9AAEDB;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
        background: #630d0d;
        /* only transition out, not in */
        -webkit-transition: none;
        transition: none;
}
.sf-menu >li:hover,
.sf-menu >li.sfHover {
	background: #323232;
}
.sf-menu >li:hover > div > a {
	text-decoration: underline;
	color: #999;
}

/* since we don't have sub-sub menus this is ok for us and fixes a Firefox issue as well */
.sf-menu li:hover  ul  {
        display: block;
}
.sf-menu > li li a {
	padding-left: .6em;
	padding-right: .6em;
	border-top: 1px solid #6b727c;
	border-bottom: 1px solid #575f6a;
}

/* NHN extra menu styles */
/* the following class is a necessary hack for a Firefox bug when using table-cell displays for our menu - see the divs below which use it */
.item-container {
  position: relative;
  width: 100%;
}
#menu_label_sf a {
  padding-left: .6em;
}
#menu_label_sf a {
  cursor: default;
}
li#menu_label_sf:hover {
  background-color: #999;
}
#menu-sf {
  width: 940px;
  display: table;
  background-color: #323232; /* must match left side ul */
}
.sf-menu li#menu_label_sf {
  width: 2em;
}
#menu-sf .left-menu-current, #menu-sf .right-menu-current {
  border: 0px;
  border-bottom: solid 3px #96cded;
} 
/* formerly tried to set r-menu ul li also, but clashed with headers */
li.r-menu {
  background-color: #999;
}
.last-left, .last-right {
  padding-right: 2em;
}
.sf-menu >li.r-menu:hover,
.sf-menu >li.r-menu.sfHover {
	background: #9a9798;
}
.sf-menu >li.r-menu:hover > div > a {
	text-decoration: underline;
	color: #000;
}