/*----------------------------------------------------------
	Navigation Drop Downs
----------------------------------------------------------*/
#nav {
	margin-left: 3px;
	}
#nav ul {
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
}
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	width:auto;
	height:auto;
}

#nav a {
	display: block;
	text-decoration: none;
}

#nav li { /* all list items */
	float: left;
	width: 112px; /* width needed or else Opera goes nuts */  /* pcs */
	text-align:left;
	z-index:100;
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #000000;
	width: 112px;                                      /* pcs */
	z-index:100;
	/*left: -999em;  using left instead of display to hide menus because display: none isn't read by screen readers */
	display:none;
}
#nav li ul li {margin-top:0;}
#nav li ul#researchSub, #nav li ul#researchSub li {width:178px;}
#nav li ul#aboutSub, #nav li ul#aboutSub li {width:160px;}                  /* pcs */
#nav li ul#contactSub, #nav li ul#contactSub li {width:111px;}                  /* pcs */
#nav li ul li a { /* second-level lists */
	padding: 5px 0 5px 8px;
	text-decoration: none;
	color: #ffffff;
	font: 11px Arial, Helvetica, sans-serif; 
}
#nav li ul li a:hover { /* second-level lists */
	background: #BA5900;
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	top:auto;
	/*left: auto;*/
	display:block;
}
#nav img {
	margin:0;
	}
	
/* FRESH SCRIPT FOR ROLLOVER */

/*#nav a li img {height: 31px; width: 70px; border-width: 0; background: top left no-repeat;}*/
/*home, about, demo, research, epub, contact*/

#nav a#home {background-image: url(images/tnav_home.gif);}
#nav a#home_on {background-image: url(images/tnav_home_on.gif);}
#nav a#home:hover {background-image: url(images/tnav_home_on.gif);}
#nav a#about {background-image: url(images/tnav_about.gif);}
#nav a#about_on {background-image: url(images/tnav_about_on.gif);}
#nav a#about:hover {background-image: url(images/tnav_about_on.gif);}
#nav a#demo {background-image: url(images/tnav_demo.gif);}
#nav a#demo_on {background-image: url(images/tnav_demo_on.gif);}
#nav a#demo:hover {background-image: url(images/tnav_demo_on.gif);}
#nav a#research {background-image: url(images/tnav_research.gif);}
#nav a#research_on {background-image: url(images/tnav_research_on.gif);}
#nav a#research:hover {background-image: url(images/tnav_research_on.gif);}
#nav a#epub {background-image: url(images/tnav_epub.gif);}
#nav a#epub_on {background-image: url(images/tnav_epub_on.gif);}
#nav a#epub:hover {background-image: url(images/tnav_epub_on.gif);}

#nav a#solution {background-image: url(images/tnav_solution.gif);}
#nav a#solution_on {background-image: url(images/tnav_solution_on.gif);}
#nav a#solution:hover {background-image: url(images/tnav_solution_on.gif);}

#nav a#purchase {background-image: url(images/tnav_purchase.gif);}
#nav a#purchase_on {background-image: url(images/tnav_purchase_on.gif);}
#nav a#purchase:hover {background-image: url(images/tnav_purchase_on.gif);}

#nav a#contact {background-image: url(images/tnav_contact.gif);}
#nav a#contact_on {background-image: url(images/tnav_contact_on.gif);}
#nav a#contact:hover {background-image: url(images/tnav_contact_on.gif);}
#nav a#spacer {background-image: url(images/tnav_spacer.gif);}