/*--- Multiple dropdown menu for cross browser support
/*  ---- Inspired by examples from Stu Nicholls and Tedd Sperling --- */





.navh {width:85%;
	  margin:0 auto;
	 padding:0;
	 list-style:none;	
	 
	 
}


.navh ul {text-align:left;
	 padding:0; 
	 list-style:none; 
	 margin:0 auto;
	 
	
	 }
	 
.navh ul li {
	 float:left;
	 font-size:0.9em;
	 width:15.5%;
	 position:relative;
	 background:transparent;
	 color:#fff;	 
	 margin:2px 1% 0 0;
	 padding: 0;
	 border-right:1px solid #7685ac;
	 border-bottom:1px solid #124c80/*bd5603*/;
	 list-style:none;
	} 
	
	.end {margin-right:0}
	*html .navh  ul li {width:14.5%} 


.navh ul li a/*, .navh li a:visited*/ {
	 	   display:block;
		   text-decoration:none; 
		   width:100%;
		   text-align:center;
		   height:1.5em; 
		   line-height:1.5em;
		   color:#4245BF; 
		   padding:2px 0;
		   margin:0
		    }
/* first line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.navh li:hover a,
.navh li a:hover {
	 		background:	transparent;
			color:#e21100;			
			text-decoration:none;
			text-align:center;
			
			}	
			   
.navh ul ul {position:absolute;
	  	 	z-index:10;
			top:auto}
			
.navh li ul {
	 visibility:hidden; 
	 top:2.0em; 
	 left:0; 
	 height:0; 
	 overflow:hidden;
	 text-align:left;
	 width:100%;
	}


.navh li ul li {background:#022f4e;
	  	 	   color:#fff;
			   height:1.25em;
			   width:17em;
	 	   	   line-height:1.5em;
			  font-size:1em;
			  text-align:left;
			  /*border-bottom:1px solid white;
			  border-right:1px solid #000;*/
			  padding:6px 0 3px;
			  margin:0;
			  display:block
			  }
			  
	 

/* first line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 
.navh li:hover a,
.navh li a:hover {
text-decoration:none; 
}*/

.navh li:hover ul,
.navh li a:hover ul {
	 			visibility:visible; 
				height:auto; 
				width:17em;
					left:0; 
				overflow:visible;
				color:#fff;
				}

/*\*/
* html 
.navh li:hover ul {
	 			visibility:visible; 
				height:auto; 
				left:-35%;		 
				l\eft:0; 
				overflow:visible;
				color:#2e0698;
				}	
				
/**/

.navh li:hover ul li a,
.navh li a:hover ul li a {
	 			/*display:block;*/
				font-weight:normal; 
				text-decoration:none; 
				height:auto;
				line-height:1.5em;
				padding:0 0 0 2px; 
				   text-align:center;
				color:#fff;
				margin:0 
				/*white-space:nowrap;	*/
						
	}



/*------------- 2nd level menu */

.navh li ul li a:hover 
	 	   	  {background:transparent;
	 	   	   font-size:inherit;
			   color:#fff;
			    padding:0 0 0 2px;
				  text-align:center;
			   margin:0 ;
			   	}
	
	/*------------- 3rd level menu --------- */

.navh li ul li ul li a:link, .navh li ul li ul li a:visited
	 	   	  {background:#837ab3;
	 	   	   color:#fff;
	 	   	   line-height:2.0em;
			   font-size:10px;
			   text-align:center;			  
			   /*border-bottom:1px solid #fff;*/
			   }


.navh li ul li ul li a:hover  
	 	   	  {background:#837ab3;
	 	   	   font-size:inherit;
			   color:#fff;
			   text-align:left;
			   
			  }
  
/*---- this aligns the end menu on reverse side --*/
.parent {position: relative;}
	.end { 
	left: -200%; 
	top: -24px;
	text-align:left;
	}

	* html .end { 
	left: -200%; 
	top: -24px;
	} /* workaround for IE6  */
	
	
/*-----------------------------------------------------------------*/

/*------------- 4th level menu --------- */
.navh li ul li ul li ul li
	 	   	  {background:#c6f4c7;
	 	   	   color:#197309;
	 	   	  line-height:1.5em;
			  font-size:1.0em;
			  text-align:center;
			   width:100%;
			   border:1px solid #197309 ;
			   }

.navh li ul li ul li ul li a:hover  
	 	   	  {background:#197309;
			  font-size:inherit;
			  color:#c6f4c7;
			  }
			  
/* ---------------------------------*/

.navh li ul li a:visited{color:#fff;}		


div.navh li:hover ul ul,
div.navh li li:hover ul ul,
div.navh li li li:hover ul ul,
div.navh li li li li:hover ul ul
{display:none;}

div.navh li:hover ul,
div.navh li li:hover ul,
div.navh li li li:hover ul,
div.navh li li li li:hover ul
{display:block;}

.navh li:hover ul li ul,
.navh li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:100%; height:0; overflow:hidden;color:#000;
}
  

.navh li:hover ul li a:hover,
.navh li a:hover ul li a:hover {
text-decoration:underline;
}
.navh li:hover ul li:hover ul,
.navh li a:hover ul li a:hover ul {
visibility:visible; color:#000; /*border:1px solid #ddd;*/ height:auto; background:transparent; 
} 

.navh li:hover ul li:hover ul li a,
.navh li a:hover ul li a:hover ul li a {
display:block; height:auto;
}
.navh li:hover ul li:hover ul li:hover a,
.navh li a:hover ul li a:hover ul li a:hover {
text-decoration:underline;
}