/* Horizontal Menu*/

#nav{
	background: #003366;
	height: 40px;
	float:right;
	margin-top:115px;
}

#nav ul {
	padding:0;
	margin:0;
	list-style:none;
	width:auto;
	display:block;

}
#nav li {
	/* avoid padding and margin, to avoid IE6 complication*/
	position: relative;
	float:left;
	list-style: none;
	display:block;
}
#nav li ul { /* second-level lists */
	position : absolute;
	left: -999em;

}



#nav a {
	/* avoid padding and margin*/
	font-size:12px;
	display:block;
	text-decoration:none;
	text-align:center;
	font-weight:bold;	
	color: white ;
	height: 18px;
	padding: 6px 15px;
	/*text-indent: -999em;
	overflow:hidden;*/
}

#nav a:hover{
	color:#003366;	
}

#nav li li.hasChild a { 
	background: url(images/icon/icon_nav_arrow.gif) no-repeat 195px 7px !important;
}

#nav li:hover a, #nav li.iehover a{
	background: white !important;
	color: #003366!important;
}

#nav li a:hover{
	
}	
	
#nav  li.SelectedTab a:hover { 	
	
}
#nav li.SelectedTab a{ 
	font-family: Arial, Helvetica, sans-serif !important;
	color: #003366;
	background-color: #FFF; 	
}


	/********** sliding door Method for image based menu ***************/
	/*
	#nav li#nav39 a{ width: 116px;}
	#nav li#nav96 a{ width: 132px; background-position: -116px 0px;}
	#nav li#nav97 a{ width: 129px; background-position: -248px 0px;}
	#nav li#nav98 a{ width: 150px;  background-position: -377px 0px;}
	#nav li#nav99 a{ width: 187px; background-position: -527px 0px;}
	#nav li#nav100 a{ width: 170px; background-position: -714px 0px;}
	
	
	#nav li#nav39 a:hover, #nav li.SelectedTab#nav39 a{ width: 116px; background-position: 0px -37px;}
	#nav li#nav96 a:hover, #nav li.SelectedTab#nav96 a{ width: 132px; background-position: -116px -37px;}
	#nav li#nav97 a:hover, #nav li.SelectedTab#nav97 a{ width: 129px; background-position: -248px -37px;}
	#nav li#nav98 a:hover, #nav li.SelectedTab#nav98 a{ width: 150px;  background-position: -377px -37px;}
	#nav li#nav99 a:hover, #nav li.SelectedTab#nav99 a{ width: 187px; background-position: -527px -37px;}
	#nav li#nav100 a:hover, #nav li.SelectedTab#nav100 a{ width: 170px; background-position: -714px -37px;}*/


/**** Second Level Navigation*/
#nav li ul{
	padding: 5px 5px 5px 5px;
	/*background: #8CC63F !important;*/	
	background: #FFF !important;
	/*background:none;*/
	width: 210px;
	

}

#nav li li a{
	z-index: 200;
	text-align:left;
	background: #FFFFFF ;
	color: #666 ;
	width: 190px;
	padding: 5px 10px;
	height:auto;
	text-indent: 0px;
	overflow: visible;
	border-bottom: 1px solid #e7e7e7;
	
	

}

#nav li li a:hover {

	background: #9C0 !important;	
	color: #030!important;
	
}

/****** 3rd Level ******/

#nav li li:hover a, #nav li li.iehover a{
	z-index: 300;
	background: #9C0 !important;	
	color: #030!important;

}

#nav li li ul{
	display:block;
	background: #9C0 !important;
	padding-top:5px;

}

#nav li li li a{
	background: #9C0 !important;	
		border-bottom:1px solid white;
}


#nav li li li a:hover{
	background: white !important;
	color: #030 !important;;
}



/* no need to change these hover classes
unless you need more than 4 levels */
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li.iehover ul ul,
#nav li.iehover ul ul ul,
#nav li.iehover ul ul ul ul,
#nav li#nav62 ul ul{
	left: -999em;
}
#nav li:hover ul,
#nav li.iehover ul{
	z-index:100;
	top: 30px;
	left:0px;
}

/*3rd Level Navigation*/
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li.iehover ul,
#nav li li li.iehover ul {
	top: 0;
	left:210px;
}



/**************** Second Navigation ***************/

#secondnav{
	float:left;
	margin: 0px;
	width: 280px;
}

* HTML #secondnav{
	padding-bottom: 20px;	
}

#secondnav ul, #secondnav ul li{
	list-style:none !important;
	background: none;
	padding:0px;
	margin: 0px;
	width: 280px; 	/**** add width for IE6*/

	
}

#secondnav ul li{
	border-bottom:1px solid #F9EBC9;

}
	

#secondnav ul li.hasChild {
	background: white url(images/icon/icon_down_off.gif) no-repeat 250px 15px;
}

#secondnav ul li.on {
	background: white url(images/icon/icon_down_on.gif) no-repeat 250px 15px !important; 
}


#secondnav ul li a{
	display:block;
	overflow:hidden;
	color: #428a93;
	background: #fffaa5;
	padding-left: 8px;
	padding-right: 32px;
	padding-bottom: 2px;
	padding-top: 4px;
	font-size:12px;

	/*text-indent:-999em;*/
	text-decoration: none;
	width: 240px;
	font-family: Arial, Helvetica, sans-serif !important; 
	height: 16px;
	line-height: 1.3em;


}

#secondnav ul li.SelectedTab a,
#secondnav ul li a:hover{
	background:#FFFFFF;
	color: #428a93;
	
}

#secondnav ul li.SelectedTab li a
{
font-weight: normal;

}

#secondnav ul li.SelectedTab li a:hover
{
color: white;
}

/*********** Level 2 ***********/

/*#secondnav ul.Level2{
	display:none;	
}

#secondnav ul li.SelectedTab ul{
	display:block;	
}*/

#secondnav ul li{
	display:block;	
}

#secondnav ul.Level2 li {
	margin-bottom: 0px;
	
	
}

#secondnav ul.Level2 li a{
	background: #B2C1D1;
	color: white;
	border-bottom: 1px solid white;
	padding-left: 30px;
	width: 230px;

		
}

#secondnav ul.Level2 li.SelectedTab a{
}

#secondnav ul.Level2 li a:hover{
	color: #060 !important;	
	background: #E0F0B2 ;
}	


#secondnav ul.Level2 li.SelectedTab a{
	font-weight: bold !important;
	
}

/************ Level 3 **************/