
/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/

.sf-navbar 									{background:#fff;position:relative;}
.sf-navbar li 								{background:#fff;position:static;}
.sf-navbar a 								{border-top:none;}
.sf-navbar li ul 							{width:44em; /*IE6 soils itself without this*/}
.sf-navbar li li 							{background:#BDD2FF;position:relative;}
.sf-navbar li li ul 						{width:13em;}
.sf-navbar li li li 						{width:100%;}
.sf-navbar ul li 							{width:auto;float:left;}
.sf-navbar a, 
.sf-navbar a:visited 						{border:none;}
.sf-navbar li.active 						{background:#fff;}

.sf-navbar li:hover,
.sf-navbar li.sfHover,
.sf-navbar li li.active,
.sf-navbar a:focus, 
.sf-navbar a:hover, 
.sf-navbar a:active							{background:#fff;}

.sf-navbar ul li:hover,
.sf-navbar ul li.sfHover,
ul.sf-navbar ul li:hover li,
ul.sf-navbar ul li.sfHover li,
.sf-navbar ul a:focus, 
.sf-navbar ul a:hover, 
.sf-navbar ul a:active 						{background:#D1DFFF;}

ul.sf-navbar li li li:hover,
ul.sf-navbar li li li.sfHover,
.sf-navbar li li.active li.active,
.sf-navbar ul li li a:focus, 
.sf-navbar ul li li a:hover, 
.sf-navbar ul li li a:active 				{background:#E6EEFF;}

ul.sf-navbar .active ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul 				{left:0;top:2.5em; /* match top ul list item height */}
ul.sf-navbar .active ul ul 					{top:-999em;}

.sf-navbar li li.active > a 				{font-weight:bold;}

/*** point all arrows down ***/
/* point right for anchors in subs 
.sf-navbar ul .sf-sub-indicator { background-position: -10px -100px; }
.sf-navbar ul a > .sf-sub-indicator { background-position: 0 -100px; }
/* apply hovers to modern browsers 
.sf-navbar ul a:focus > .sf-sub-indicator,
.sf-navbar ul a:hover > .sf-sub-indicator,
.sf-navbar ul a:active > .sf-sub-indicator,
.sf-navbar ul li:hover > a > .sf-sub-indicator,
.sf-navbar ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers
}*/

/*** remove shadow on first submenu ***/
/*.sf-navbar > li > ul {
	background: transparent;
	padding: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
}*/


.sf-navbar li a:link, .sf-navbar li a:visited, .sf-navbar li a:hover, .sf-navbar li a:visited:hover{text-decoration:none;}



/* bg for primary nav */

.sf-navbar li a:link#what, 
.sf-navbar li a:visited#what				{background:url(./images/top-nav.gif) 0 0 no-repeat;width:190px;height:25px;}
.sf-navbar li a:hover#what, 
.sf-navbar li a:visited:hover#what			{background-position:0 -25px;width:190px;}

.sf-navbar li a:link#why, 
.sf-navbar li a:visited#why					{background:url(./images/top-nav.gif) -190px 0 no-repeat;width:115px;height:25px;}
.sf-navbar li a:hover#why, 
.sf-navbar li a:visited:hover#why			{background-position:-190px -25px;width:115px;}

.sf-navbar li a:link#who, 
.sf-navbar li a:visited#who					{background:url(./images/top-nav.gif) -305px 0 no-repeat;width:126px;height:25px;}
.sf-navbar li a:hover#who, 
.sf-navbar li a:visited:hover#who			{background-position:-305px -25px;width:126px;}

.sf-navbar li a:link#news, 
.sf-navbar li a:visited#news				{background:url(./images/top-nav.gif) -431px 0 no-repeat;width:145px;height:25px;}
.sf-navbar li a:hover#news, 
.sf-navbar li a:visited:hover#news			{background-position:-431px -25px;width:145x;}



/* positioning for secondary nav */

.sf-navbar li ul#what-secondary				{margin-left:35px;}
.sf-navbar li ul#why-secondary				{margin-left:213px;}
.sf-navbar li ul#who-secondary				{margin-left:328px;}
.sf-navbar li ul#news-secondary				{margin-left:450px;}



/* active states. each page needs to have body id="NAME" so these can be read */

body#what .sf-navbar li a#what,
body#what-our-products .sf-navbar li a#what,
body#what-our-services .sf-navbar li a#what,
body#what-thinking-globally .sf-navbar li a#what{background-position:0 -25px;width:190px;}

body#what-our-products .sf-navbar li li a#what-our-products{background-position:0 -25px;}
body#what-our-services .sf-navbar li li a#what-our-services{background-position:-116px -25px;}
body#what-thinking-globally .sf-navbar li li a#what-thinking-globally{background-position:-209px -25px;}

body#why .sf-navbar li a#why,
body#why-philosophy .sf-navbar li a#why,
body#why-the-founders .sf-navbar li a#why	{background-position:-190px -25px;width:115px;}

body#why-philosophy .sf-navbar li li a#why-philosophy{background-position:0 -75px;}
body#why-the-founders .sf-navbar li li a#why-the-founders{background-position:-100px -75px;}

body#who .sf-navbar li a#who,
body#who-management-team .sf-navbar li a#who,
body#who-our-facilities .sf-navbar li a#who,
body#who-careers .sf-navbar li a#who,
body#who-contact-us .sf-navbar li a#who	{background-position:-305px -25px;width:126px;}

body#who-management-team .sf-navbar li li a#who-management-team{background-position:0 -125px;}
body#who-our-facilities .sf-navbar li li a#who-our-facilities{background-position:-150px -125px;}
body#who-careers .sf-navbar li li a#who-careers{background-position:-249px -125px;}
body#who-contact-us .sf-navbar li li a#who-contact-us{background-position:-319px -125px;}

body#news .sf-navbar li a#news,
body#news-workshops .sf-navbar li a#news,
body#news-articles .sf-navbar li a#news{background-position:-431px -25px;width:190px;}

body#news-workshops .sf-navbar li li a#news-workshops{background-position:0 -175px;}
body#news-articles .sf-navbar li li a#news-articles{background-position:-103px -175px;}



/* bg for secondary nav, including css for "active" section */

.sf-navbar li li a:link#what-our-products, 
.sf-navbar li li a:visited#what-our-products{background:url(./images/top-nav-secondary.gif) 0 0 no-repeat;width:116px;height:25px;}
.sf-navbar li li a:hover#what-our-products, 
.sf-navbar li li a:visited:hover#what-our-products{background-position:0 -25px;}

.sf-navbar li li a:link#what-our-services, 
.sf-navbar li li a:visited#what-our-services{background:url(./images/top-nav-secondary.gif) -116px 0 no-repeat;width:93px;height:25px;}
.sf-navbar li li a:hover#what-our-services, 
.sf-navbar li li a:visited:hover#what-our-services{background-position:-116px -25px;}

.sf-navbar li li a:link#what-thinking-globally, 
.sf-navbar li li a:visited#what-thinking-globally{background:url(./images/top-nav-secondary.gif) -209px 0 no-repeat;width:110px;height:25px;}
.sf-navbar li li a:hover#what-thinking-globally, 
.sf-navbar li li a:visited:hover#what-thinking-globally{background-position:-209px -25px;}


.sf-navbar li li a:link#why-philosophy, 
.sf-navbar li li a:visited#why-philosophy{background:url(./images/top-nav-secondary.gif) 0 -50px no-repeat;width:100px;height:25px;}
.sf-navbar li li a:hover#why-philosophy, 
.sf-navbar li li a:visited:hover#why-philosophy{background-position:0 -75px;}

.sf-navbar li li a:link#why-the-founders, 
.sf-navbar li li a:visited#why-the-founders{background:url(./images/top-nav-secondary.gif) -100px -50px no-repeat;width:100px;height:25px;}
.sf-navbar li li a:hover#why-the-founders, 
.sf-navbar li li a:visited:hover#why-the-founders{background-position:-100px -75px;}


.sf-navbar li li a:link#who-management-team, 
.sf-navbar li li a:visited#who-management-team{background:url(./images/top-nav-secondary.gif) 0 -100px no-repeat;width:150px;height:25px;}
.sf-navbar li li a:hover#who-management-team, 
.sf-navbar li li a:visited:hover#who-management-team{background-position:0 -125px;}

.sf-navbar li li a:link#who-our-facilities, 
.sf-navbar li li a:visited#who-our-facilities{background:url(./images/top-nav-secondary.gif) -150px -100px no-repeat;width:99px;height:25px;}
.sf-navbar li li a:hover#who-our-facilities, 
.sf-navbar li li a:visited:hover#who-our-facilities{background-position:-150px -125px;}

.sf-navbar li li a:link#who-careers, 
.sf-navbar li li a:visited#who-careers{background:url(./images/top-nav-secondary.gif) -249px -100px no-repeat;width:70px;height:25px;}
.sf-navbar li li a:hover#who-careers, 
.sf-navbar li li a:visited:hover#who-careers{background-position:-249px -125px;}

.sf-navbar li li a:link#who-contact-us, 
.sf-navbar li li a:visited#who-contact-us{background:url(./images/top-nav-secondary.gif) -319px -100px no-repeat;width:90px;height:25px;}
.sf-navbar li li a:hover#who-contact-us, 
.sf-navbar li li a:visited:hover#who-contact-us{background-position:-319px -125px;}


.sf-navbar li li a:link#news-workshops, 
.sf-navbar li li a:visited#news-workshops{background:url(./images/top-nav-secondary.gif) 0 -150px no-repeat;width:103px;height:25px;}
.sf-navbar li li a:hover#news-workshops, 
.sf-navbar li li a:visited:hover#news-workshops{background-position:0 -175px;}

.sf-navbar li li a:link#news-articles, 
.sf-navbar li li a:visited#news-articles{background:url(./images/top-nav-secondary.gif) -103px -150px no-repeat;width:60px;height:25px;}
.sf-navbar li li a:hover#news-articles, 
.sf-navbar li li a:visited:hover#news-articles{background-position:-103px -175px;}