/*---------------------------------------------------
Purpose:	Main navigation
Author:		Matt DeClaire, Loud Dog Corp.
Created:	15 March 2010
----------------------------------------------------*/

#nav {
	position: absolute;
	bottom: 0;
	right: 0;
}

#nav li.topItem {
	display: block;
	position: relative;
	float: left;
}

#nav li.hover,
#nav li.topItem:hover {
	top: -5px;
	margin: 0 -8px 0 -4px;
	padding: 0 4px 0 10px;
	background: url(/images/nav/bgLeft.png) no-repeat left top;
}

#nav a.topLink {
	display: block;
	padding: 10px 17px;
	border-right: 1px solid #ECEFDA;
	font: 1.1em Arial;
	color: #666;
	text-decoration: none;
	text-transform: uppercase;
}

#nav a.on {
	color: #000;
	font-weight: bold;
}

#nav li.last a.topLink {
	border-right: none;
}

#nav li.hover a.topLink,
#nav li:hover a.topLink {
	position: relative;
	z-index: 3;
	padding: 10px 22px 6px 10px;
	color: #333;
	border-color: white;
	background: url(/images/nav/bg.png) no-repeat right top;
}

#nav .subMenu { display: none; }
#nav li.hover .subMenu,
#nav li:hover .subMenu { display: block; }

#nav .subMenu {
	position: absolute;
	left: 0;
	z-index: 2;
	min-width: 150px;
	padding-left: 10px;
	background: url(/images/nav/bgLeft.png) no-repeat left bottom;
}

#nav li.last .subMenu {
	left: auto;
	right: 4px;
}

#nav .subMenuTop {
	margin-top: -2px;
	margin-bottom: 1px;
	line-height: 9px;
	background: url(/images/nav/bg.png) no-repeat right top;
}

#nav li.last .subMenuTop {
	margin-top: 0;
	background-position: right -10px;
}

#nav .bottom { display: none; }
#nav li.hover .bottom,
#nav li:hover .bottom { display: block; }

#nav .bottom, x:-moz-any-link { width: 95px; } /* FF <= 2.0 hack */
#nav .bottom, x:-moz-any-link, x:default { width: auto; } /* fixes FF > 2.0 */

#nav .bottom { /* see IE7 fix */
	margin: 0 1px -10px -10px;
	padding-left: 10px;
	background: url(/images/nav/bgLeft.png) no-repeat left bottom;
}

#nav .bottomInner { /* see IE7 fix */
	display: block;
	background: url(/images/nav/bg.png) no-repeat right bottom;
}

#nav .subMenu ul { /* see IE7 fix */    
	padding: 0px 20px 13px 3px;
	background: url(/images/nav/bg.png) no-repeat right bottom;
}

#nav .subMenu a {
	display: block;
	margin: -1px -12px 0 -10px;
	padding: 6px 18px 5px 16px;
	border-bottom: 1px solid #FFF;
	font: 1.2em Arial;
	color: #666;
	text-decoration: none;
	white-space: nowrap;
}

#nav .subMenu a:hover {
	background-color: #FFF;
}

#nav .subMenu ul ul a,
#nav .subMenu ul ul a:visited,
#nav .subMenu ul ul a:hover {
	background-color: #F9FAF4;
}

#nav .subMenu ul ul a:hover {
	background-color: #ECEFDA;
}

#nav .subMenu li.last a {
	border-bottom: none;
}

#nav .subMenu ul ul {
	margin: 0 -12px 0 -10px;
	padding: 0;
	background: none #F9FAF4;
	border-top: 1px solid #D4D8C6;
	border-bottom: 1px solid #FFF;
}

#nav a.toggle,
#nav a.open {
	padding-right: 28px;
	background-image: url(/images/nav/toggleUp.gif);
	background-position: 100% 10px;
	background-repeat: no-repeat;
}

#nav a.open {
	background-image: url(/images/nav/toggleDown.gif);
}

#nav .subMenu ul ul a {
	margin: 0;
	padding-left: 26px;
	font-size: 1.15em;
	color: #888;
}

#nav .subMenu ul ul a:hover {
	color: #666;
}