/* menu additions to style for the blog */

/*   Other Solution:  from http://www.webdevelopmentstuff.com/181/nice-jquery-accessible-tall-menu.html
LEVEL ONE   */
ul.dropdown     	         
	{
 		position: relative; 
	    list-style: none;
		float: right;
	     left: 0px;
	}

/*	ul.dropdown li 
	{
    	font-weight: bold; 
		width: 100px; 
        background: #8DC73F;
		position: relative; 
		top: 0px;
	}*/
	
ul.dropdown a:hover	 
	{ 
		color:#1778BF;
   }

ul.dropdown li a             
	{ 
		width: 120px; 		
		display: block; 
		padding: 0px 4px; 
		color: #FFF;
/*	    color: #1778bd;		*/
		position: relative; 

/*	    border: 3px solid #ff0000;	*/
		
	}

ul.dropdown li a:hover, ul.dropdown li a.hover
	{ 
		background: #8DC73F;				
		position: relative; 
		position: relative;		
		z-index: 1001; 
		
	}


/* LEVEL TWO  */
ul.dropdown ul 
	{ 
		top: 0px;
		display: none; 
		position: absolute;
		width: 140px; 
		z-index: 1000; 
	}
	
ul.dropdown ul li 					
	{ 
		font-weight: normal; 
		background: #8DC73F;				
		color: #FFF; 
		border-bottom: 3px solid #FFF; 
	}

ul.dropdown ul li a	
	{ 
	    text-align: left;
        font-size: 80%;	
		color: #FFF; 		
		display: block; 
/*		background: #eee !important; */
	}
		
ul.dropdown ul li a:hover
	{ 
		display: block; 
		color: #FFF; 				
		background: #1778BF !important; 
	}