/* Primary nav styles */

#topnav, #topnav ul {
	float: left;
	width: 610px;/*35.5em;*/
	list-style: none;
	line-height: 1em;
    background: #fb6400;
	padding: 0px;
	margin: 0px;
	font-size: 11px;
}

#topnav a {
	display: block;
	width: 11em;
	color: #711f00;
	text-decoration: none;
	padding: 0.3em 0em 0.3em 0.3em;
}
#topnav a:hover {color:#300; background: #ffdd86;}
#topnav a.parent:hover {background: #ffdd86 url(../../images/nav/rightarrow.gif) center right no-repeat;}
#topnav li {
	float: left;
	padding: 0px;
	width: 11em;
}

#topnav li ul {
	position: absolute;
	background: #ffeea8;
	left: -999em;
	height: auto;
	width: 158px; /* 11.7em */
	z-index:100;
	border-bottom:3px solid #fa8a21;
}

#topnav li li {width: 158px; /* 11.7em */}
#topnav li ul a {width: 154px; /* 11em */}
#topnav li ul ul { margin:-1.58em 0em 0em 158px; /* 11.7em */}
#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li.sfhover ul ul, #topnav li.sfhover ul ul ul {
	left: -999em;
}
#topnav li:hover ul, #topnav li li:hover ul, #topnav li li li:hover ul, #topnav li.sfhover ul, #topnav li li.sfhover ul, #topnav li li li.sfhover ul {
	left: auto;
}

#topnav a.primaryNavPic, #topnav a.primaryNavPicActive {height: 28px;}
#topnav #nav-services a.primaryNavPic, #topnav #nav-services a.primaryNavPicActive {width: 68px;}
#topnav #nav-research a.primaryNavPic, #topnav #nav-research a.primaryNavPicActive {width: 68px;}
#topnav #nav-aboutbc a.primaryNavPic, #topnav #nav-aboutbc a.primaryNavPicActive {width: 137px;}
#topnav #nav-howtohelp a.primaryNavPic,#topnav #nav-howtohelp a.primaryNavPicActive {width: 87px;}
#topnav #nav-news a.primaryNavPic, #topnav #nav-news a.primaryNavPicActive {width: 47px;}
#topnav #nav-aboutus a.primaryNavPic, #topnav #nav-aboutus a.primaryNavPicActive {width: 66px;}
#topnav #nav-business a.primaryNavPic, #topnav #nav-business a.primaryNavPicActive {width: 137px;}

#topnav a.primaryNavPic span, #topnav a.primaryNavPicActive span {display:none;}

#topnav #nav-services li:hover, #topnav #nav-services li.sfhover {background-color: #ffdd86;}
#topnav #nav-research li:hover, #topnav #nav-research li.sfhover {background-color: #ffdd86;}
#topnav #nav-aboutbc li:hover, #topnav #nav-aboutbc li.sfhover {background-color: #ffdd86;}
#topnav #nav-services, #topnav #nav-research, #topnav #nav-aboutbc, #topnav a.primaryNavPic, #topnav a.primaryNavPicActive {margin:0px; padding:0px;}

#topnav #nav-services {height:28px; width:68px; background: url(../../images/nav/nav_services.gif) top left no-repeat;}
#topnav #nav-research {height:28px; width:68px; background: url(../../images/nav/nav_research.gif) top left no-repeat;}
#topnav #nav-aboutbc {height:28px; width:137px; background: url(../../images/nav/nav_aboutdiseases.gif) top left no-repeat;}
#topnav #nav-howtohelp {height:28px; width:87px; background: url(../../images/nav/nav_howtohelp.gif) top left no-repeat;}
#topnav #nav-news {height:28px; width:47px; background: url(../../images/nav/nav_news.gif) top left no-repeat;}
#topnav #nav-aboutus {height:28px; width:66px; background: url(../../images/nav/nav_aboutus.gif) top left no-repeat;}
#topnav #nav-business {height:28px; width:137px; background: url(../../images/nav/nav_business.gif) top left no-repeat;}

#topnav #nav-services:hover, #topnav #nav-services.sfhover, #topnav #nav-services a.primaryNavPic:hover, #topnav #nav-services a.primaryNavPicActive {background: url(../../images/nav/nav_services.gif) bottom left no-repeat;}
#topnav #nav-research:hover, #topnav #nav-research.sfhover, #topnav #nav-research a.primaryNavPic:hover, #topnav #nav-research a.primaryNavPicActive {background: url(../../images/nav/nav_research.gif) bottom left no-repeat;}
#topnav #nav-aboutbc:hover, #topnav #nav-aboutbc.sfhover, #topnav #nav-aboutbc a.primaryNavPic:hover, #topnav #nav-aboutbc a.primaryNavPicActive {background: url(../../images/nav/nav_aboutdiseases.gif) bottom left no-repeat;}
#topnav #nav-howtohelp:hover, #topnav #nav-howtohelp.sfhover, #topnav #nav-howtohelp a.primaryNavPic:hover, #topnav #nav-howtohelp a.primaryNavPicActive {background: url(../../images/nav/nav_howtohelp.gif) bottom left no-repeat;}
#topnav #nav-news:hover, #topnav #nav-news.sfhover, #topnav #nav-news a.primaryNavPic:hover, #topnav #nav-news a.primaryNavPicActive {background: url(../../images/nav/nav_news.gif) bottom left no-repeat;}
#topnav #nav-aboutus:hover, #topnav #nav-aboutus.sfhover, #topnav #nav-aboutus a.primaryNavPic:hover, #topnav #nav-aboutus a.primaryNavPicActive {background: url(../../images/nav/nav_aboutus.gif) bottom left no-repeat;}
#topnav #nav-business:hover, #topnav #nav-business.sfhover, #topnav #nav-business a.primaryNavPic:hover, #topnav #nav-business a.primaryNavPicActive {background: url(../../images/nav/nav_business.gif) bottom left no-repeat;}

a.parent {background: url(../../images/nav/rightarrow.gif) center right no-repeat;}