/**************************************************/
/*** SUPERFISH Flyout menu ***/
/*** ESSENTIAL STYLES ***/
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position:absolute;
	display: none;
	top_: 100%; /* needed to fix bug with wrong positioning of sub ul */
	left_: 0; /* needed to fix bug with wrong positioning of sub ul */
	z-index: 99;
}

.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}

.sf-menu ul ul {
	top: 0;
	left: 100%;
}




/**************************************************/
/*** Style to PASTA layout ***/
/*** Main Navigation ***/
/*** Level 1 normal***/
nav#main_navigation{display:table; width:100%; margin-top:3px;  border-collapse: collapse;} /* box specification in main style sheet file (ppi_page_layout.css) */
nav#main_navigation > ul{display:table-row;}
nav#main_navigation > ul li.main_nav_1{display:table-cell; border-left:1px solid white; }
nav#main_navigation > ul li.main_nav_1:first-child{border-left:none;}
nav#main_navigation > ul li.main_nav_1 > a{display:block;  text-align:center; padding:5px 0; font-size: 1.0em; text-decoration: none; color:white; background-image:url(../images/navigation_bg_grey.jpg); font-weight: bold;}
nav#main_navigation > ul li.main_nav_1 > a:hover{color:white; background-image:url(../images/navigation_bg_blue.jpg); background-repeat: repeat-x; background-color:rgb(73,130,173); }

/*** Level 1 CURRENT and ACTIVE***/
nav#main_navigation ul li.main_nav_1_act {float:none; border-left:1px solid white;}
nav#main_navigation ul li.main_nav_1_act > a{display:block; width:100%; text-align:center; padding:5px 0; font-size: 1.0em; text-decoration: none; color:white; background-image:url(../images/navigation_bg_blue.jpg);  font-weight: bold;}
nav#main_navigation ul li.main_nav_1_act:first-child {border-left:none;}

nav#main_navigation ul li.main_nav_1_cur {float:none; border-left:1px solid white;}
nav#main_navigation ul li.main_nav_1_cur > a{display:block; width:100%; text-align:center; padding:5px 0; font-size: 1.0em; text-decoration: none; color:white; background-image:url(../images/navigation_bg_blue.jpg);   font-weight: bold;}
nav#main_navigation ul li.main_nav_1_cur:first-child {border-left:none;}


/* Set submenu same width as parent li and align exactly */
nav#main_navigation ul li.main_nav_1 ul { margin-left:-1px; }
nav#main_navigation ul li.main_nav_1_cur ul {margin-left:-1px;}
nav#main_navigation ul li.main_nav_1_act ul {margin-left:-1px;}


/*** Level 2 normal***/
.main_nav_2{width:101%; font-size: 1em; font-weight: bold; border:1px solid white; border-width:0px 1px 1px 1px; }
.main_nav_2 a{text-decoration: none; font-weight: bold; padding:4px 10px 4px 10px;}
.main_nav_2 a:link{color:white; background-image:url(../images/navigation_bg_green.jpg); background-repeat: repeat-x; background-color:rgb(167,203,107); }
.main_nav_2 a:visited{color:white; background-image:url(../images/navigation_bg_green.jpg); background-repeat: repeat-x; background-color:rgb(167,203,107);  }
.main_nav_2 a:hover{color:white; background-image:url(../images/navigation_bg_blue.jpg); background-repeat: repeat-x; background-color:rgb(73,130,173); }

.main_nav_2_cur{width:101%; font-size: 1em; font-weight: bold; border:1px solid white; border-width:0px 1px 1px 1px;}
.main_nav_2_cur a{text-decoration: none; font-weight: bold; padding:4px 10px 4px 10px; color:white; background-image:url(../images/navigation_bg_blue.jpg); background-repeat: repeat-x; background-color:rgb(73,130,173);}

.main_nav_2_act{width:101%;  font-size: 1em; font-weight: bold; border:1px solid white; border-width:0px 1px 1px 1px;}
.main_nav_2_act a{text-decoration: none; font-weight: bold; padding:4px 10px 4px 10px; color:white; background-image:url(../images/navigation_bg_blue.jpg); background-repeat: repeat-x; background-color:rgb(73,130,173);}
	


/* special for home */
nav#main_navigation ul li#id_5 { padding:0; margin:0;}
nav#main_navigation ul li#id_5 > a{font-size:0; line-height:0; padding:0; margin:0;}
nav#main_navigation ul li#id_5 > a:before {
	font-size:18px;
	line-height:22px;  
	color:white;

	margin:0;
	padding:0 35px 8px 35px;	

	position: relative;
	top: 4px;

	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	content: "\e021";
}






/*** Level 1 normal***/
/*nav#main_navigation{ width:100%; border-collapse: collapse;} /* box specification in main style sheet file */
/*nav#main_navigation > ul{}
nav#main_navigation > ul li{float:left; display:inline; padding: 0;}
nav#main_navigation > ul li > a{display:block; text-align:center; padding:4px 0; font-size: 1.15em; text-decoration: none; color:white; font-weight: bold; }

nav#main_navigation > ul li.main_nav_1{ border-left:1px solid white; padding: 0;}
nav#main_navigation > ul li.main_nav_1:first-child{border-left:none;}
nav#main_navigation > ul li.main_nav_1 > a{background-image:url(../images/navigation_bg_grey.jpg);}
nav#main_navigation > ul li.main_nav_1 > a:hover{ background-image:url(../images/navigation_bg_green.jpg); }
*//*** Level 1 CURRENT and ACTIVE***/
/*nav#main_navigation ul li.main_nav_1_act {border-left:1px solid white;}
nav#main_navigation ul li.main_nav_1_act > a{ background-image:url(../images/navigation_bg_green.jpg);}
nav#main_navigation ul li.main_nav_1_act:first-child {border-left:none;}
*/
/*nav#main_navigation ul li.main_nav_1_cur { border-left:1px solid white;}
nav#main_navigation ul li.main_nav_1_cur > a{background-image:url(../images/navigation_bg_green.jpg);}
nav#main_navigation ul li.main_nav_1_cur:first-child {border-left:none;}

/* Set submenu same width as parent li and align exactly */
/*
nav#main_navigation ul li.main_nav_1 ul { margin-left:-1px;}
nav#main_navigation ul li.main_nav_1_cur ul {margin-left:-1px;}
nav#main_navigation ul li.main_nav_1_act ul {margin-left:-1px;}
*/



/*** Level 2 normal***/
/*.main_nav_2{width:100%; font-size: 1em; font-weight: bold; border:1px solid white; border-width:0px 1px 1px 1px; }
.main_nav_2 a{text-decoration:none; font-weight:bold; padding:8px 10px 8px 10px; background-image:url(../images/navigation_bg_blue.jpg);}
.main_nav_2 a:link{color:white;}
.main_nav_2 a:visited{color:white;}
.main_nav_2 a:hover{color:white; background-image:url(../images/navigation_bg_green.jpg); }

.main_nav_2_act{width:100%; font-size: 1em; font-weight: bold; border:1px solid white; border-width:0px 1px 1px 1px; }
.main_nav_2_act a{text-decoration:none; font-weight:bold; padding:8px 10px 8px 10px; background-image:url(../images/navigation_bg_blue.jpg);}
.main_nav_2_act a:link{color:white;}
.main_nav_2_act a:visited{color:white;}
.main_nav_2_act a:hover{color:white; background-image:url(../images/navigation_bg_green.jpg); }

.main_nav_2_cur{width:100%; font-size: 1em; font-weight: bold; border:1px solid white; border-width:0px 1px 1px 1px; }
.main_nav_2_cur a{text-decoration:none; font-weight:bold; padding:8px 10px 8px 10px; background-image:url(../images/navigation_bg_blue.jpg);}
.main_nav_2_cur a:link{color:white;}
.main_nav_2_cur a:visited{color:white;}
.main_nav_2_cur a:hover{color:white; background-image:url(../images/navigation_bg_green.jpg); }
*/


/*
.li_level_2_cur{min-width:150px; font-size: 1em; font-weight: bold; border-bottom:1px solid white;}
.li_level_2_cur a{text-decoration: none; font-weight: bold; padding:8px 10px 8px 10px;}
.li_level_2_cur a:link, .li_level_2 a:visited{color:white; background-color:rgb(240,175,50); }
.li_level_2_cur a:hover{color:rgb(125,190,195); background-color: rgb(15,85,155); }

.li_level_2_act{min-width:150px; font-size: 1em; font-weight: bold; border-bottom:1px solid white;}
.li_level_2_act a{text-decoration: none; font-weight: bold; padding:8px 10px 8px 10px;}
.li_level_2_act a:link, .li_level_2 a:visited{color:white; background-color:rgb(240,175,50); }
.li_level_2_act a:hover{color:rgb(125,190,195); background-color: rgb(15,85,155); }


.li_level_3{min-width:150px; font-size: 1em; font-weight: bold; border:1px solid red; border-width:0px 1px 1px 1px;}
.li_level_3 a{text-decoration: none; font-weight: bold; padding:8px 10px 8px 10px;}
.li_level_3 a:link, .li_level_2 a:visited{color:white; background-color:rgb(240,175,50); }
.li_level_3 a:hover{color:rgb(125,190,195); background-color: rgb(15,85,155); }

.li_level_4{min-width:150px; font-size: 1em; font-weight: bold; border:1px solid red; border-width:0px 1px 1px 1px;}
.li_level_4 a{text-decoration: none; font-weight: bold; padding:8px 10px 8px 10px;}
.li_level_4 a:link, .li_level_2 a:visited{color:white; background-color:rgb(240,175,50); }
.li_level_4 a:hover{color:rgb(125,190,195); background-color: rgb(15,85,155); }
*/