/**
 * Nav styles for API
 */

#menu {
	height:39px;
	border-bottom: 1px solid #337084;
	background: #164E60;
}
#menu ul, #menu li {
	margin: 0;
	padding: 0;
}
#menu ul {
	height:39px;
	list-style: none;
	padding: 0 0 0 0;
	width: 980px;
	margin: 0 auto;
	background: url(../images/top_nav/bg_menu.png) no-repeat;
}
#menu.loggedin ul {
	background: url(../images/top_nav/bg_menu_in.png) no-repeat;
}
#menu ul li {
	display: none;
	float: left;
	height:39px;
	padding: 0;
	margin: 0;
}
#menu ul li a {
	display: block;
	height:39px;
	text-indent: -2000px;
}


/**
 * do our image map...
 */
#menu.loggedin #sf_menu_0 {
	width: 120px;
	display: inline;
}
#menu.loggedin #sf_menu_1 {
	width: 105px;
	display: inline;
}
#menu.loggedin #sf_menu_2 {
	width: 119px;
	display: inline;
}
#menu.loggedin #sf_menu_3 {
	width: 151px;
	display: inline;
}
#menu.loggedin #sf_menu_4 {
	width: 124px;
	display: inline;
}
#menu.loggedin #sf_menu_5 {
	width: 186px;
	display: inline;
}
#menu.loggedin #sf_menu_6 {
	width: 171px;
	display: inline;
}

#menu.loggedout #sf_menu_0 {
	width: 85px;
	display: inline;
}
#menu.loggedout #sf_menu_1 {
	width: 78px;
	display: inline;
}
#menu.loggedout #sf_menu_2 {
	width: 70px;
	display: inline;
}
#menu.loggedout #sf_menu_3 {
	width: 104px;
	display: inline;
}
#menu.loggedout #sf_menu_4 {
	width: 135px;
	display: inline;
}
#menu.loggedout #sf_menu_5 {
	width: 164px;
	display: inline;
}
#menu.loggedout #sf_menu_6 {
	width: 129px;
	display: inline;
}
#menu.loggedout #sf_menu_7 {
	width: 82px;
	display: inline;
}
#menu.loggedout #sf_menu_8 {
	width: 130px;
	display: inline;
}

/**
 * hover
 */
#menu li ul {
	left:					-9999px;
	list-style:				none;
	margin:					-4px 0 0 0px;
	padding:				0;
	position:				absolute;
	width:					90px;
	z-index:				100000;
}

#menu li ul li {
	display: block;
}

#menu li ul li a {
	color:					white;
	font-size:				11px;
	height:					auto;
	left:					-9999px;
	padding:				5px 0px 5px 10px;
	width:					120px;
	text-indent:			0px;
	text-decoration:		none;
	border: 				1px solid #337084;
	border-width:			0px 1px 0px 1px;
	background:	 			#174F61;
}
#menu li ul li.sf_bottomchild {
	border-bottom: 				1px solid #337084;
}
#menu li ul li a:hover {
	background: #113B48;
}
#menu li ul li  {
	height: auto;
}

#menu li:hover, #menu li.hover {
    position:				static;
}

#menu li:hover ul {
	left:					auto;
}

#menu li:hover ul, #menu li.sfhover ul {
	background-color:		#329bdc;
	left:					auto;
	position:				absolute;
	z-index:				1000;
}


#menu li ul, #menu li ul, #menu li ul { background-image: none !important; background: transparent !important; border-left: none; border-right: none; border-bottom: none;}