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


/* Level 1 */
ul.navbar
{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	font-size:13px;
	font-weight:bold;
}
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;
	padding-right:3px;
	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: 36px; /* 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: #D6D0BE;
	padding: 3px 5px 3px 12px;
	width: 220px;
	white-space:nowrap;
}

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

ul.navbar li ul li a:hover
{
	background-color: #5D8C34;
	color:#FFF;
}

/* 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: #D6D0BE;
}


/* Interior/2nd level menu */

.IntMenu
{
	background-color: #D6D0BE;
}

/* 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-color: #D6D0BE;
}
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;
}

.jsMenuUserInfo {
    text-align:right;
	color: white;
	 font-family:Verdana;
	  font-size:smaller;
	  font-weight:bold;
	   line-height:14px;
}

.jsMenuUserInfo a {
	text-decoration: none;
	color: #FFCC66;
}

.jsMenuUserInfo a:hover {
	text-decoration: none;
	color: Red;
}

.jsMenuUserInfo userText {
    text-align:right;
	color: white;
}

.empUserInfoHeading {
/*     color: #5d8c34;   */
     color: #7AB744;
     
}

.clickableLinks a {
	text-decoration: none;
   color:White;
   text-transform:uppercase;
   font-weight:bold;
}

.clickableLinks {
               float:right;
               width:50px;
                padding-top:10px;
                 height:40px; 
                background:#FFF  url('/images/master_header.jpg')  no-repeat top right;
}