﻿/* -------------------------------------------------------------------------- */
/* Navigation bar styles */


/* Level 1 */
ul.navbar
{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
ul.navbar li
{
	/*
     * Use Float left instead of inline display.
     * Inline lists wrap to the left on new lines.  
     * We don't want that.  
     */
    /*display: inline; */
	float: left;
	position: relative; /* This is all purely for display. It's not needed for the drop down.*/
	margin: 0;
	padding: 0;
	white-space:nowrap;
}
ul.navbar li a
{
	/* Purely display */
	color: #FFFFFF;
	text-decoration: none;
	padding: 0;
	margin: 0;
	display: block;
}


/* Drop down Effect */

ul.navbar li ul
{
	position: absolute;
	list-style: none;
	margin: 0;
	padding: 0; 
	top: 30px; /* Top : 30px this pushes the menu down below the root menu. Start at 0 and push down */
	left: -999em; /* Works better than display none */
	width: 171px; /* Width makes sure the submenu box is the same width or bigger as its parent's box*/
}

ul.navbar li:hover ul
{
	left: auto;
}

/* Level 2 styling (appearance only) */

/* level 2 item style */
ul.navbar li ul li
{
	background-color: #F7FBEF;
	padding: 3px 5px 3px 5px;
	border-left: 2px solid #DEEAD0;
	border-right: 2px solid #DEEAD0;
	width: 200px;
	white-space:nowrap;
}

/* level 2 item link style */
ul.navbar li ul li a
{
	color: #578A2B;
	display: block;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

ul.navbar li ul li a:hover
{
	background-color: #DBEBB8;
}

/* level 2 separator style */
ul.navbar li ul li.separator
{
	padding: 0;
	width: 167px;
}


/* level 2 item footer style*/
ul.navbar li ul li.footer
{
	background: none;
	border: none;
	padding: 0;
	height: 6px;
	width: 171px;
}

/* Selected styles */
ul.navbar li ul li a.AbsoluteSelected
{
	background-color: #DBEBB8;
}


/* Interior/2nd level menu */

.IntMenu
{
	background-image: url(/images/IntMenuRpt.png);
	background-repeat:repeat-y;
	background-position:right;
}

/* Level 1 */
ul.intnav
{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
ul.intnav li
{
	/*
     * Use Float left instead of inline display.
     * Inline lists wrap to the left on new lines.  
     * We don't want that.  
     */
    /*display: inline; */
	float: left;
	position: relative; /* This is all purely for display. It's not needed for the drop down.*/
	margin: 0;
	padding: 0;
	width:247px;
	padding-bottom:6px;	
	background-image:url(/images/IntMenuItemBackRpt.png);
	background-repeat:repeat-x;
	background-position:bottom;
}
ul.intnav li a
{
	/* Purely display */
	color: #669933;
	text-decoration: none;
	padding: 0;
	margin: 0;
	display: block;
}

ul.intnav li a.AbsoluteSelected, ul.intnav li a:hover
{
	color:#5A460A;
}