/* this is the css_menu for template_layout_6
		Level 1 (Main) pages display in main menu bar. When mouse over these page link, no sublevel pages are displayed
		Below level 1 is level 2 subpages. Only subpages of currect (active) level 1 pages are shown. <b>Note</b>: If you want the level 2 menu resides right below
	the parent level 1 page. Since the position have to be dynamically calculated, there is no simple css for it. 
		The left navigation is the 3rd level pages. If any level 2 pages contains any sub pages, these level 3 pages links are shown when their level 2 parent becomes active 
		The main page menu css are still using the overall menu css style. That can be control with "Appreance" links. However, the left navigation
		area uses other css layouts and need to be manually adjusted. Please do not use this template, if you are not familiar with css styles. 
	Warning: If you use the menu style in template detail area. This file will be updated. All styles will be removed.
		Please save a copy of this file before you amke any change
	
#menu_level_2 : whole level 2 menu. The background color is #FFCCFF (pink)
#menu_level_3 : left navigation area
#menu_level_4 : level 4 navigation area
a is link style
a.current: current (active) page


*/
#menu_level_2 {
width: 100%;
float: left;
background: #FFCCFF; 
color:blue;
height:20px;
min-height:20px;
}

#menu_level_2 ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
width:150px;
}
#menu_level_2 a {
font: 12px Verdana;
display: block;
margin: 0;
padding: 3px 3px;
color: #000066; 
text-decoration: none;
font-weight:bold;
background: #FFCCFF;
text-align:center;
}

#menu_level_2 a.current{
color: #FFFF33;
background: #FF3399;
}

#menu_level_2 a:hover {
color: #FFFFFF;
background: green;
}

/* Level 3 */

#menu_level_3 {
}

#menu_level_3 ul {
list-style: none;
margin: 0;
padding: 0;
background-color:lightgreen;
width: 150px;

}

#menu_level_3 a {
	color:red;
	display:block;
	height:150%;
}

#menu_level_3 a.current{
	color:blue;
}

#menu_level_3 a:hover 
{
	color:Fuchsia;
}


#menu_level_3 ul li { position: relative; height:150%;  padding:5px 0px; display:block; padding-left:10px; }


#menu_level_4 
{
width:auto;
background-color:Lime; 
color:blue;
height:20px;
min-height:20px;
}

#menu_level_4 ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
width:150px;
}

#menu_level_4 a {
	color:red;
	display:block;
	height:150%;
	padding:3px 3px;
}

#menu_level_4 a.current{
	color:black;
}

#menu_level_4 a:hover 
{
	color:Maroon;
}