/* Thanks to
http://htmldog.com/articles/suckerfish/dropdowns/
and - by proxy - alistapart.
*/

.menu ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    z-index: 999;
}

.menu a {
    display: block;
    color: white;
    text-decoration: none;
    padding: 8px;
    text-align: left;
	font-family: "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;
    font-size: 16px;
}

.menu li li a{
	font-size: 14px;
}

.menu a.nolink, .menu a.nolink:hover, .submenu a.nolink, .submenu a.nolink:hover{
  text-decoration: none;
  cursor: default;
}

.menu a:hover {
/*    text-decoration: underline; */
}

.menu li {
    float: left;
}

.menu li li {
    border: 1px white;
    border-style: solid none none none;
	background: #2e4954;
}

.menu li li.last{
  -moz-border-radius-bottomLeft: 10px;
  -moz-border-radius-bottomRight: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.menu li ul {
    position: absolute;
    width: 200px;
    left: -999em;
}

.menu li ul{
	margin: 0px;
}

.menu li ul a{
  padding: 8px 4px 8px 4px;
  width: 200px;
}

.menu li ul ul {
  margin: -31px 0 0 180px;
}

.menu li:hover, .menu li.sfhover, li.on{
    background-color: #598da1;
    z-index: 1010;
}

.menu li:hover a, .menu li.sfhover a, .menu li.active a{
  color: white;
  z-index: 1010;
}

/* 2 level menus */

.menu li:hover ul, .menu li.sfhover ul {
  left: auto;
  z-index: 1010;
}

/* 3 level menus */

.menu li:hover ul ul, .menu li.sfhover ul ul {
  left: -999em;
  z-index: 1010;
}

.menu li:hover ul, .menu li li:hover ul, .menu li.sfhover ul, .menu li li.sfhover ul {
  left: auto;
  z-index: 1010;
}