/***********************************************************************/
/* NAVIGATION. CLASS: navigation */
/***********************************************************************/

/* Whole Navigation */
#navigation { 
	width: 100%;
	font-size: 11px;

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

	margin-top: 0; 
	margin-bottom: 0; 
	margin-left: 0; 
	
	padding-top: 0; 
	padding-left: 0; 
}

/* One Navigation Line with Link*/
#navigation a{
	border-bottom: 1px solid #000;

	color: white;
	font-family: Verdana, Arial; 
	text-decoration: none;
	
	display: block;
	
    padding-left: 6px;
    padding-right: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
	
    margin-left: 0px; 
	margin-right: 0px; 
	margin-top: 0px;
    margin-bottom: 0px;
}


/* Navigation Levels 	*/
/* Std Width: 180px		*/

/* Level1:   width = Navigation.width - Navigation a.padding-left - Navigation a.padding-right	*/
/* Level1+:  width = Navigation.width - Navigation level_x.padding-left 							*/

#navigation li.level_1 a{
	width: 174px;
}

#navigation li.level_2 a{
	background-color: #2D3388;
	
	padding-left: 20px; 
	width: 160px;
}

#navigation li.level_3 a{
	background-color: #2D3388;

	padding-left: 40px; 
	width: 140px;			
}

#navigation li.level_4 a{
	background-color: #2D3388;

	padding-left: 60px; 
	width: 120px; 
}


#navigation li a.active{
	background-color: #191970;
	color: #6577A6;
}

#navigation li a:hover{
	background-color: #191970;
	color: #6577A6;
}