/************************
 * main navigation
 ************************/

@media all { /* not mac ie for now, gotta find the issue with it */
	/* while we are showing the direct submenu, hide lower level menus */
	#main-navigation ul ul 
	{
		/*_display: none;*/
	}
	
	/* when we hover over a menu item, show it's submenus (ul's) */
	#main-navigation li:hover ul,
	#main-navigation li.hoverclass ul {
		left: auto;
		/*_display: block;*/
	}
	
	/* for the right hand edge, make sure it doesn't push out the edge of the page to cause scroll */
	#main-navigation li:hover ul.right-edge,
	#main-navigation li.hoverclass ul.right-edge {
		right: 1px;
	}
}

#main-navigation
{
	position: absolute;
	top: 181px;
	font-size: 0.833em;
	color: #212121;
	width: 980px;
	z-index: 100;
}

#main-navigation ul
{
	width: 100%; /* mac ie isn't stretching 100% by default */
	list-style-type: none;
	margin: 0;
	padding: 0;
	list-style: none;
}

/* secondary level (and below) menus */
#main-navigation  ul ul 
{
	position: absolute;
	margin-top: -2px;
	margin-left: 0;
	width: 310px;  /* set submenu width */
	top: 33px; /* site directly below the primary links */
	left: -999em;
}

/* tertiary (and below) menus */
#main-navigation ul ul ul {
	display:none; /* not allowed */
}

#main-navigation ul li
{
	float: left;
	display: inline;
	position: relative;
	height: 31px;
	text-align: center;
	margin-top: 0;
}

#main-navigation ul li a.selected
{
	background-color: #362e7e;
}

/* secondary (and below) menu items */
#main-navigation ul li ul li {
	clear: left; /* make the menu items line up vertically */
	width: 310px;  /* set submenu width */
	border-top: 2px solid #FFF;
	padding:0;
	height: auto;
	text-align: left;
	margin-left: 1px;
	font-weight: bold;
}

/* align text to the right on the right hand edge of the screen */
#main-navigation ul li ul.right-edge li
{
	text-align: right;
}

#main-navigation ul li a
{
	display: block;
	color: #fff;
	font-weight: bold;
	height: 31px;
	cursor: hand;
	background-color: #2f9f48;
}

#main-navigation ul li ul li a 
{
	color: #C1DCEF;
	display: block;
	width: auto !important;
	padding: 6px 14px 6px 14px;
	height: auto;
	background-color: #82c591;
}

#main-navigation ul li:hover,
#main-navigation ul li.hoverclass
{
	background-color: #FFF;
}

#main-navigation ul li a:hover
{
	background-color: #362e7e;
	text-decoration: none;
}

#main-navigation ul li:hover ul li a,
#main-navigation ul li.hoverclass ul li a
{
	color: #FFF;
}

#main-navigation ul li ul li a:hover
{
	background-color: #2f9f48;
}

/************************
 * image replacement for main navigation
 ************************/

#main-navigation ul li a span
{
	background: transparent url(../i/bg_mainmenu.gif) no-repeat 0 0;
}

/* home */
#main-navigation ul li#nav-home a
{
	width: 103px;
}
#main-navigation ul li#nav-home a span
{
	background-position: 0 0;
}
#main-navigation ul li#nav-home a.selected span,
#main-navigation ul li#nav-home a:hover span,
#main-navigation ul li:hover a#nav-home-link span,
#main-navigation ul li.hoverclass a#nav-home-link span
{
	background-position: 0 -31px;
}

/* about */
#main-navigation ul li#nav-about a
{
	width: 128px;
}
#main-navigation ul li#nav-about a span
{
	background-position: -103px 0;
}
#main-navigation ul li#nav-about a.selected span,
#main-navigation ul li#nav-about a:hover span,
#main-navigation ul li:hover a#nav-about-link span,
#main-navigation ul li.hoverclass a#nav-about-link span
{
	background-position: -103px -31px;
}

/* wealth */
#main-navigation ul li#nav-wealth a
{
	width: 159px;
}
#main-navigation ul li#nav-wealth a span
{
	background-position: -231px 0;
}
#main-navigation ul li#nav-wealth a.selected span,
#main-navigation ul li#nav-wealth a:hover span,
#main-navigation ul li:hover a#nav-wealth-link span,
#main-navigation ul li.hoverclass a#nav-wealth-link span
{
	background-position: -231px -31px;
}

/* debt */
#main-navigation ul li#nav-debt a
{
	width: 190px;
}
#main-navigation ul li#nav-debt a span
{
	background-position: -390px 0;
}
#main-navigation ul li#nav-debt a.selected span,
#main-navigation ul li#nav-debt a:hover span,
#main-navigation ul li:hover a#nav-debt-link span,
#main-navigation ul li.hoverclass a#nav-debt-link span
{
	background-position: -390px -31px;
}

/* news */
#main-navigation ul li#nav-news a
{
	width: 152px;
}
#main-navigation ul li#nav-news a span
{
	background-position: -580px 0;
}
#main-navigation ul li#nav-news a.selected span,
#main-navigation ul li#nav-news a:hover span,
#main-navigation ul li:hover a#nav-news-link span,
#main-navigation ul li.hoverclass a#nav-news-link span
{
	background-position: -580px -31px;
}

/* books */
#main-navigation ul li#nav-books a
{
	width: 111px;
}
#main-navigation ul li#nav-books a span
{
	background-position: -732px 0;
}
#main-navigation ul li#nav-books a.selected span,
#main-navigation ul li#nav-books a:hover span,
#main-navigation ul li:hover a#nav-books-link span,
#main-navigation ul li.hoverclass a#nav-books-link span
{
	background-position: -732px -31px;
}

/* start */
#main-navigation ul li#nav-start a
{
	width: 137px;
}
#main-navigation ul li#nav-start a span
{
	background-position: -843px 0;
}
#main-navigation ul li#nav-start a.selected span,
#main-navigation ul li#nav-start a:hover span,
#main-navigation ul li:hover a#nav-start-link span,
#main-navigation ul li.hoverclass a#nav-start-link span
{
	background-position: -843px -31px;
}