/*--- Multiple dropdown menu for cross browser support
/*  ---- Inspired by examples from Stu Nicholls - http://www.cssplay.co.uk/menus/drop_examples.html ####
#######           and Tedd Sperling  http://sperling.com/examples/menuh/    ####### */


/* ---- Ian Young IY e-Solutions ---- */

/* ---- Feel free to use the script, but please acknowledge these guys at the top */


/*-- dropdown menu with multiple sub-menus ---*/

/* wrapper to centralise menu */

/*#navhwrap{width:750px;
	   margin:0 auto;		
		text-align:center;
				}*/

.navh {width:750px;
	  font-family: verdana, sans-serif;	 
	 font-size:0.8em;	  	 
	 margin-left:auto; 
	 margin-right:auto;
	 padding:0;
	 list-style-type:none;	 
	 
}
/*\*/
* html .navh li {width:118px;w\idth:123px;h\eight:1%}
/**/

.navh ul {text-align:left;
	 padding:0; 
	 margin:0 auto; 
	 list-style-type:none; 
	 
	 }
	 
.navh li {
	 float:left;
	 width:123px;
	 position:relative;
	 background: #2e0698 url(./../images/botbar.gif) repeat-x;
	 color:#fff;	 
	 border:1px solid #0a1850;
	 
	} 
	 


.navh li a, .navh li a:visited {
	 	   display:block;
		   text-decoration:none; 
		   width:100%;
		   text-align:center;
		   height:1.5em; 
		   line-height:1.5em;
		   color:#fff; 
		    }
/* 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:inherit;			
			text-decoration:none;
			text-align:center;
			}	
			   
.navh ul ul {position:absolute;
	  	 	z-index:500;
			top:auto}
			
.navh li ul {
	 visibility:hidden; 
	 top:1.5em; 
	 left:0; 
	 height:0; 
	 overflow:hidden;
	 width:100%;
	}


.navh li ul li {background:#C9C9C9 url(./../images/botbar_1.gif) repeat-x;
	  	 	   color:#2e0698;
			   height:20px;
	 	   	   line-height:1.5em;
			  font-size:inherit;
			  text-align:center;
			  border-bottom:1px solid white;
			  border-right:1px solid #000;
			  }
			  
			  

/* 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; 
					 
				left:0; 
				overflow:visible;
				color:#2e0698;
				}

/*\*/
* 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; 
				color:#2e0698;
				white-space:nowrap;	
						
	}


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

.navh li ul li a:hover 
	 	   	  {background:transparent;
	 	   	   font-size:inherit;
			   color:#000;
			   
			   padding:0;
			   margin:0;/*necessary for IE6--*/
			   	}
	
	/*------------- 3rd level menu --------- */
.navh li ul li ul li a:link, .navh li ul li ul li a:visited
	 	   	  {background:#F4636D url(./../images/botbar_2.gif) repeat-x;
	 	   	   color:#f0f674;
	 	   	   line-height:1.5em;
			   font-size:1.0em;
			   text-align:center;
			   
			   border-bottom:1px solid #fff;
			   }


.navh li ul li ul li a:hover  
	 	   	  {background:#F4636D url(./../images/botbar_2.gif) repeat-x;
	 	   	   font-size:inherit;
			   color:#fff;
			  }
  
/*---- this aligns the end menu on reverse side --*/
.parent {position: relative;}
	.end { 
	left: -200%; 
	top: -24px;
	}

	* html .end { 
	left: -253%; 
	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:#000;}		


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;
}
