/* for the header menu container */
.menu { height:40px; width:960px; background-image:url('/assets/img/menu/nav_bg.png'); background-repeat:no-repeat; position:absolute; 
        left:10px; top:133px;}

.menu ul {position:absolute; left:0; top:0; width:960px; height:40px; margin:0; padding:0; border:none;}
.menu ul li {margin:0 !important; display:block; height:40px;}
.menu ul li a {display:block; height:40px;}
.menu ul li ul {height:auto;background:transparent url('/assets/img/menu/sub_bg.png') repeat-x bottom; padding: 0 0 12px; border:none;width:146px;}
.menu ul li ul li {margin:0 !important; padding:0; height:auto; width:146px;border:none;}
.menu ul li ul li a {height:auto;}

/* individual item styling */
li.home{width:84px !important;}
li.home:hover {background-image:url('/assets/img/menu/nav_over_bg.png'); background-repeat:no-repeat;}
li.homeSelected {background-image:url('/assets/img/menu/nav_over_bg.png'); background-repeat:no-repeat;}
li.mapnav{width:148px !important;}
li.mapnav:hover {background:url('/assets/img/menu/nav_over_bg.png') -84px 0 no-repeat;}
li.mapnavSelected {background:url('/assets/img/menu/nav_over_bg.png') -84px 0 no-repeat;}
li.about{width:160px !important;}
li.about:hover {background:url('/assets/img/menu/nav_over_bg.png') -232px 0 no-repeat;}
li.aboutSelected {background:url('/assets/img/menu/nav_over_bg.png') -232px 0 no-repeat;}
li.action{width:113px !important}
li.action:hover {background:url('/assets/img/menu/nav_over_bg.png') -392px 0 no-repeat;}
li.actionSelected {background:url('/assets/img/menu/nav_over_bg.png') -392px 0 no-repeat;}
li.lantern{width:146px !important;}
li.lantern:hover {background:url('/assets/img/menu/nav_over_bg.png') -505px 0 no-repeat;}
li.lanternSelected {background:url('/assets/img/menu/nav_over_bg.png') -505px 0 no-repeat;}
li.innovators{width:111px !important;}
li.innovators:hover {background:url('/assets/img/menu/nav_over_bg.png') -651px 0 no-repeat;}
li.innovatorsSelected {background:url('/assets/img/menu/nav_over_bg.png') -651px 0 no-repeat;}
li.news{width:70px !important;}
li.news:hover {background:url('/assets/img/menu/nav_over_bg.png') -762px 0 no-repeat;}
li.newsSelected {background:url('/assets/img/menu/nav_over_bg.png') -762px 0 no-repeat;}
li.media{width:127px !important;}
li.media:hover {background:url('/assets/img/menu/nav_over_bg.png') -832px 0 no-repeat;}
li.mediaSelected {background:url('/assets/img/menu/nav_over_bg.png') -832px 0 no-repeat;}


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
	z-index:		90;
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			40px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/* skin */
.sf-menu {float:left;}
.sf-menu a {text-decoration:none;text-align:center;}
.sf-menu a, .sf-menu a:visited  {color:#00456c; font-weight:bold;}

.sf-menu li li  {padding:0;background-color:#e8e6e5;}
.sf-menu li li hr {margin: 8px 5px;color:#00456c;background-color:#00456c;height:1px;border:none;}
.sf-menu li li a {color:#00456c; text-align:left !important; padding-left:10px;}
.sf-menu li li a:hover {color:#9c9b9b !important; font-weight:bold;}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {}
a > .sf-sub-indicator {}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}