/**************************************************
/*					                       		  *
/*        LITS Navigation Items CSS Document      *
/*						             	          *
**************************************************/			
			

/********************** 
	MAIN TAB MENU
***********************/

/* Preload nav menu images */
.nav_preload1 {background: url(../Images/nav/arrow.gif);}
.nav_preload2 {background: url(../Images/nav/arrow_over.gif);}
.nav_preload3 {background: url(../Images/nav/tabMenu_left.gif);}
.nav_preload4 {background: url(../Images/nav/tabMenu_left_current.gif);}
.nav_preload5 {background: url(../Images/nav/tabMenu_left_home.gif);}
.nav_preload6 {background: url(../Images/nav/tabMenu_left_home_current.gif);}
.nav_preload7 {background: url(../Images/nav/tabMenu_left_home_over.gif);}
.nav_preload8 {background: url(../Images/nav/tabMenu_right.gif);}
.nav_preload9 {background: url(../Images/nav/tabMenu_right_arrow.gif);}
.nav_preload10 {background: url(../Images/nav/tabMenu_right_arrow_over.gif);}
.nav_preload11 {background: url(../Images/nav/tabMenu_right_current.gif);}
.nav_preload12 {background: url(../Images/nav/tabMenu_right_current_arrow.gif);}

#nav {padding:0; margin:0; list-style:none; height:43px; position:relative; z-index:500; font-family:Arial, Helvetica, sans-serif; width:100%;}
	#nav a {font-weight:normal;}
#nav li.top {display:block; float:left; }
#nav li a.top_link {display:block; float:left; height:43px; line-height:53px; margin-bottom:-10px; color:#666666; text-decoration:none; font-weight:bold; font-size:13px; padding:0 0 0 0; cursor:pointer; background: url(../images/nav/tabMenu_right.gif) no-repeat right top;}
	#nav li a.top_link#currentRight {display:block; float:left; height:43px; line-height:53px; margin-bottom:-10px; color:#666666; text-decoration:none; font-weight:bold; font-size:13px; padding:0 0 0 0; cursor:pointer; background: url(../images/nav/tabMenu_right_current.gif) no-repeat right top;}
#nav li a.top_link span {float:left; display:block; padding:0 15px 0 15px; height:43px; background: url(../images/nav/tabMenu_left.gif) no-repeat left top;}
	#nav li a.top_link span.home {float:left; display:block; padding:0 15px 0 30px; height:43px; background: url(../images/nav/tabMenu_left_home.gif) no-repeat left top;}
	#nav li a.top_link span.home#currentLeft {color:#c24c4c; background: url(../images/nav/tabMenu_left_home_current.gif) no-repeat left top;}
	#nav li a.top_link span.myInbox {float:left; display:block; padding:0 15px 0 30px; height:43px; background: url(../images/nav/tabMenu_left_home.gif) no-repeat left top;}
	#nav li a.top_link span.myInbox#currentLeft {color:#c24c4c; background: url(../images/nav/tabMenu_left_home_current.gif) no-repeat left top;}
	#nav li a.top_link span#currentLeft {color:#c24c4c; background: url(../images/nav/tabMenu_left_current.gif) no-repeat left top;}
#nav li a.top_link span.down {display:block; float:left; height:43px; line-height:53px; margin-bottom:0; color:#666666; text-decoration:none; font-weight:bold; font-size:13px; padding:0 8px 0 0; cursor:pointer; background: url(../images/nav/tabMenu_right_arrow.gif) no-repeat right top;}
#nav li a.top_link span.down#currentLeft {display:block; float:left; height:43px; line-height:53px; margin-bottom:0; color:#c24c4c; text-decoration:none; font-weight:bold; font-size:13px; padding:0 8px 0 0; cursor:pointer; background: url(../images/nav/tabMenu_right_current_arrow.gif) no-repeat right top;}

#nav li:hover a.top_link {color:#c24c4c; background: url(../images/nav/tabMenu_right.gif) no-repeat right top;}
	#nav li:hover a.top_link#currentRight {color:#c24c4c; background: url(../images/nav/tabMenu_right_current.gif) no-repeat right top;}
#nav li:hover a.top_link span {color:#c24c4c; background: url(../images/nav/tabMenu_left.gif) no-repeat left top;}
	#nav li:hover a.top_link span.home {color:#c24c4c; background: url(../images/nav/tabMenu_left_home_over.gif) no-repeat left top;}
	#nav li:hover a.top_link span.home#currentLeft {color:#c24c4c; background: url(../images/nav/tabMenu_left_home_current.gif) no-repeat left top;}
	#nav li:hover a.top_link span.myInbox {color:#c24c4c; background: url(../images/nav/tabMenu_left_home_over.gif) no-repeat left top;}
	#nav li:hover a.top_link span.myInbox#currentLeft {color:#c24c4c; background: url(../images/nav/tabMenu_left_home_current.gif) no-repeat left top;}
	#nav li:hover a.top_link span#currentLeft {color:#c24c4c; background: url(../images/nav/tabMenu_left_current.gif) no-repeat left top;}
#nav li:hover a.top_link span.down {color:#c24c4c; background: url(../images/nav/tabMenu_right_arrow_over.gif) no-repeat right top;}
#nav li:hover a.top_link span.down#currentLeft {color:#c24c4c; background: url(../images/nav/tabMenu_right_current_arrow.gif) no-repeat right top;}

/* Default list styling - Sub menus */

#nav li:hover {position:relative; z-index:500;}
#nav li:hover ul.sub
{display:block;  height:auto; left:0px; top:42px; background: #ffffff; padding:8px 20px 8px  8px; /*top right bottom left*/ border:1px solid #cccccc; white-space:nowrap;  z-index:300;}
#nav li:hover ul.sub li
{display:block;  height:28px; position:relative; float:left; font-weight:normal; }
#nav li:hover ul.sub li a
{display:block; font-size:12px; height:28px; line-height:28px; text-indent:5px; color:#000; text-decoration:none; border:none;}
#nav li ul.sub li a.fly
{background:#ffffff url(../Images/nav/arrow.gif) 255px 10px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#f0f6f9; color:#487fb8; border-color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#f0f6f9 url(../Images/nav/arrow_over.gif) 255px 10px no-repeat; color:#487fb8;}

#nav li .b {display:block; font-size:12px; width:auto; margin-bottom:-14px; top:-17px; border-bottom:1px solid #cccccc; cursor:default;}
#nav li b {display:block; font-size:12px; height:18px; width:auto; line-height:18px; margin-bottom:3px; text-indent:6px; color:#000000; border-bottom:1px solid #cccccc; cursor:default;}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:270px; top:-3px; background: #ffffff; padding:10px; border:1px solid #cccccc; white-space:nowrap; width:270px;  z-index:400;  height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:8px; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#f0f6f9 url(../Images/nav/arrow_over.gif) 255px 10px no-repeat; color:#487fb8; border-color:#fff;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#ffffff url(../images/nav/arrow.gif) 255px 10px no-repeat; color:#487fb8; border-color:#50b5d0;} 

/************************** 
	RIGHT SIDE MENU
***************************/
#rightNav{
	width:122px; 			/* total width = width + left padding = 122 + 8 = 130 px */
	margin: 0 35px 35px 0;	/* top right bottom left */
	float:left;
	border-top: 1px solid #cccccc;
}

#rightNav ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#rightNav a{
	display: block;
	padding: 8px 0 8px 8px;
	width: 115px;
	background-color: #ffffff;
	border-bottom: 1px solid #cccccc;
}

#rightNav a:link, #rightNav a:visited{
	text-decoration: none;
	font-weight:normal;
	color:#666666;
}

#rightNav a:hover{
	background-color: #f0f6f9;
	font-weight:normal;
	color:#487fb8;
}

#rightNav a.selected{
	background-color: #f0f6f9;
}

#rightNav a.selected span{
	font-weight:bold;
}