/**
 * Basic styling for toplevel submenu items
 */
.sub-menu-top{
width:145px;
padding:1px;
text-align:left;
text-transform:uppercase;
}
		/**
	 	 * Basic styling for ul element in submenu, up to three level
	 	 */
		.sub-menu-top ul, .sub-menu-top ul ul, .sub-menu-top ul ul ul{
		margin:0;
		padding:0;
		list-style-image:none;
		width:145px;
		}
		
		/**
	 	 * Set margins padding and list style to list items of submenu 
	 	 */
		.sub-menu-top li{
		margin:0;
		padding:0;
		list-style-type:none;
		}
		
		/**
	 	 * Set hover and active styles to list items of submenu 
	 	 */
		.sub-menu-top li.hover,
		.sub-menu-top li.active {
		border-left:2px solid #1E628F;
		background-color: white;
		}	
		
		/**
	 	 * Basic styling for the anchor tag of list items of submenu 
	 	 */
		.sub-menu-top li a{
		color:#1E628F;
		text-transform:uppercase;
		margin-left:10px;
		text-decoration:none;
		font-weight:bold;
		padding:4px 0px;
		display:block;
		}
		
		/**
	 	 * Add mouse over effects to submenu links with the use of CSS pseudo classes
	 	 */
		.sub-menu-top li a:hover, .sub-menu-top li a.hover{
		color:#999999;
		}
		.sub-menu-top li a:active, .sub-menu-top li a.active, .sub-menu-top li a.haschildrenactive{
		color:#000;
		}
		
			/* 
			 * Popout Menus at Left 
			 */
			.sub-menu-top ul li{
			position:relative;
			}
			.sub-menu-top li ul{
			position:absolute;
			left:143px;
			top:0;
			display:none;
			}
			
			/* 
			 * Initially hide second level (or higher) submenu pop-up 
			 */
			div.sub-menu-top ul ul, 
			div.sub-menu-top ul ul ul,
			div.sub-menu-top ul li:hover ul ul, 
			div.sub-menu-top ul li:hover ul ul ul {
			display:none;
			}
			
			/* 
			 * Mouseover: display second level (or higher) submenu pop-up with the use of CSS pseudo classes 
			 */
			div.sub-menu-top ul li:hover ul, 
			div.sub-menu-top ul ul li:hover ul, 
			div.sub-menu-top ul ul ul li:hover ul{
			display:block;
			background-color: white;
			}
			
			/* 
			 * Mouseover: display second level (or higher) submenu pop-up with the use of CSS pseudo classes 
			 */
			div.sub-menu-top ul li.hover ul, 
			div.sub-menu-top ul ul li.hover ul, 
			div.sub-menu-top ul ul ul li.hover ul{
			display:block;
			background-color: white;
			}
		
			div.sub-menu-top ul li:hover ul li, 
			div.sub-menu-top ul ul li:hover ul li, 
			div.sub-menu-top ul ul ul li:hover ul li{
			border-left:0px;
			}
			
			div.sub-menu-top ul li.hover ul li, 
			div.sub-menu-top ul ul li.hover ul li, 
			div.sub-menu-top ul ul ul li.hover ul li{
			border-left:0px;
			}
			
			/* Fix IE. Hide from IE Mac \*/
			* html .sub-menu-top ul li{
			float:left;
			height:1%;
			}
			* html .sub-menu-top ul li a{
			height:1%;
			}
			/* End */
			
/**
 * Basic styling for submenu items
 */			
.sub-menu{
width:145px;
padding:1px;
z-index:2;
text-align:left;
text-transform:uppercase;
}
		/**
	 	 * Basic styling for ul element in submenu, up to three level
	 	 */
		.sub-menu ul, .sub-menu ul ul, .sub-menu ul ul ul{
		margin:0;
		padding:0;
		list-style-image:none;
		width:145px;
		}
		
		/**
	 	 * Set margins padding and list style to list items of submenu 
	 	 */
		.sub-menu li{
		margin:0;
		padding:0;
		list-style-type:none;
		}
		
		/**
	 	 * Set hover and active styles to list items of submenu 
	 	 */
		.sub-menu li.hover,
		.sub-menu li.haschildrenactive,
		.sub-menu li.active {
		border-left:2px solid #1E628F;
		}	
		
		/**
	 	 * Basic styling for the anchor tag of list items of submenu 
	 	 */
		.sub-menu li a{
		color:#1E628F;
		text-transform:uppercase;
		margin-left:10px;
		text-decoration:none;
		font-weight:bold;
		padding:4px 0px;
		display:block;
		}
		
		/**
	 	 * Add mouse over effects to submenu links with the use of CSS pseudo classes
	 	 */
		.sub-menu li a:hover, .sub-menu li a.hover{
		color:#999999;
		}
		.sub-menu li a:active, .sub-menu li a.active{
		color:#000;
		}
		
			/* 
			 * Popout Menus at Left 
			 */
			.sub-menu ul li{
			position:relative;
			}
			.sub-menu li ul{
			position:absolute;
			left:143px;
			top:0;
			display:none;
			}

			/* 
			 * Initially hide second level (or higher) submenu pop-up 
			 */		
			div.sub-menu ul ul, 
			div.sub-menu ul ul ul,
			div.sub-menu ul li:hover ul ul, 
			div.sub-menu ul li:hover ul ul ul {
			display:none;
			}
			
			/* 
			 * Mouseover: display second level (or higher) submenu pop-up with the use of CSS pseudo classes 
			 */
			div.sub-menu ul li:hover ul, 
			div.sub-menu ul ul li:hover ul, 
			div.sub-menu ul ul ul li:hover ul{
			display:block;
			background-color: white;
			}
			
			/* 
			 * Mouseover: display second level (or higher) submenu pop-up with the use of CSS pseudo classes 
			 */
			div.sub-menu ul li.hover ul, 
			div.sub-menu ul ul li.hover ul, 
			div.sub-menu ul ul ul li.hover ul{
			display:block;
			background-color: white;
			}
		
			div.sub-menu ul li:hover ul li, 
			div.sub-menu ul ul li:hover ul li, 
			div.sub-menu ul ul ul li:hover ul li{
			border-left:0px;
			}
			
			div.sub-menu ul li.hover ul li, 
			div.sub-menu ul ul li.hover ul li, 
			div.sub-menu ul ul ul li.hover ul li{
			border-left:0px;
			}
			
			
			/* Fix IE. Hide from IE Mac \*/
			* html .sub-menu ul li{
			float:left;
			height:1%;
			}
			* html .sub-menu ul li a{
			height:1%;
			}
			/* End */