/* CSS Document */

#main-nav {
	margin:0 auto;
	padding:0;
	list-style:none;
	display:table;
}
#main-nav li {
	float:left;
	padding:0 0 0 1px;
	background:url('../images/separ.gif') no-repeat;
}

#main-nav li[name="home"] {
	background:none;
}

#main-nav li a {
	display:block;
	padding:12px 36px;
	color:#fff;
	text-decoration:none;
	position:relative;
}
	#main-nav li li a {
		display:block;
		padding:0px;
		color:#fff;
		text-decoration:none;
		position:relative;
	}


#main-nav li a:hover {
	background:url('../images/nav-hover.gif') repeat-x;
}
	#main-nav li li a:hover {
		background:none;
	}


#main-nav, #main-nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	z-index:100;
}

#main-nav a {
	display: block;
	/*width: 200px;*/
}

#main-nav li { /* all list items */
	float: left;
	/*width: 200px;*/ /* width needed or else Opera goes nuts */
}
	#main-nav li li { /* all list items */
		border-width: 0px;
		padding:0px;
		margin:0px;
		width: 204px; /* width needed or else Opera goes nuts */
	}

		#main-nav li li a { /* all list items */
			border-width: 0px;
			padding: 5px 4px 5px 4px;
			background: #2c2d65;
		}
		#main-nav li li a:hover { /* all list items */
			padding: 5px 4px 5px 4px;
			color: #444699;
			background: #d6e8f6;
		}

#main-nav li ul { /* second-level lists */
	position:absolute;
	left: -999px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index:100;
	background: #3e3f68;
	width: 204px;
}


#main-nav li ul ul { /* third-and-above-level lists */
	border-width: 0px;
	margin: -26px 0 0 204px;
	background: #2c2c4c;
	display:none; /*prevents tier > 2 from appearing; should also twart the screenreader's best put forth efforts*/
}

#main-nav li:hover ul ul, #main-nav li.sfhover ul ul {
	left: -999px;
	visibility:hidden;
}

#main-nav li:hover ul, #main-nav li.sfhover ul, 
#main-nav li li:hover ul, #main-nav li li.sfhover ul /* lists nested under hovered list items */
{ 
	left: auto;
	visibility:visible;
}


/*#main-nav li, #main-nav ul, #main-nav li a, */
#main-nav li li, #main-nav ul ul, #main-nav li li a, 
#main-nav li li li, #main-nav ul ul ul, #main-nav li li li a
{
	border-width: 0px;
	background-image: none;
}