/* ------------------------------------------------------- */
/* VERTICAL NAVIGATION /*
/* FOR INDEX PAGE */

/* all lists */
div#nav {
	padding: 0;
	margin: 0;
	width:141px;
	position:absolute;
	left: 28px;
	top: 20px;
	}

div#nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	}

div#nav li a {
	margin: 0;
	padding: 2px;
	display: block;
	color:#FFFFFF;
	font-family:Tahoma, sans-serif;
	padding:7px 0px 7px 15px;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	
	}
	
	div#nav li a:hover {
		color:#ffcc00;
		text-decoration: none;
		background:url(images/pointer.gif) left 50%  no-repeat;
		}
	
	div#nav li a.current { color:#ffcc00;
		text-decoration: none;
		background:url(images/pointer.gif) left 50%  no-repeat;}
	
/* all list items */
div#nav li { 
	width: 10em;
	display: inline;
	}


/* second-level lists */
div#nav li ul { 
	padding: 0;
	position: absolute;
	background: orange;
	width: 120px;
	border:1px solid #0000FF;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	}
div#nav li ul a{ border-top:1px solid #0000FF;}
div#nav li ul a:hover{ color:#0000FF;}
/* third-and-above-level lists */
div#nav li ul ul { 
	margin: -1em 0 0 -1000em;
	}

div#nav li:hover ul ul, #nav li.sfhover ul ul {
	margin-left: -1000em;
	}

/* lists nested under hovered list items */
div#nav li:hover ul, #nav li.sfhover ul { 
	margin: -20px 0 0 13em;
	}
div#nav li li:hover ul, #nav li li.sfhover ul {
	margin: -20px 0 0 13em;
	}

/* LEAVE ALONE AT THE MOMENT */

/* extra positioning rules for limited noscript keyboard accessibility */
div#nav li a:focus + ul {
	margin-left: 0;
	}
div#nav li li a:focus + ul {
	margin-left: 1010em;
	}
div#nav li li a:focus {
	margin-left:1000em;
	width: 10em;
	background:#b32d2e; 
	}
div#nav li li li a:focus {
	margin-left: 2010em;
	width: 10em;
	background:#b32d2e;
	}
div#nav li:hover a:focus, #nav li.sfhover a.sffocus {
	margin-left: 0;
	}
div#nav li li:hover a:focus + ul, #nav li li.sfhover a.sffocus + ul {
	margin-left: 10em;
	}

/* END VERTICAL NAVIGATION */
/* FOR INDEX PAGE */
/* ------------------------------------------------------- */

/* ------------------------------------------------------- */
/* HORIZONTAL NAVIGATION /*