/* CSS Document */
#menu2 {
	/*visibility:hidden;	*/
	margin:				5px 5px 0px 5px; 		/* create distance between logo and menu */
	text-align: 		left;
	height:				25px;
	}
		
		#menu2 ul {
			margin: 	0;
			padding: 	0;
			list-style: none;
			width: 		145px; /* Width of Menu Items */
			font-size:	12px;	
			letter-spacing:1px;
			
			}
		
		#menu2 ul li {
			position: 	relative;
			padding: 0;
			margin: 0;
			}
			
		#menu2 li ul {
			position: 	absolute;
			left: 		145px; /* Set 1px less than menu width */
			top: 		0;
			display: 	none;
			width:		180px;
			}
		
		/* Styles for Menu Items */
		#menu2 ul li a {
			padding: 5px 2px 5px 5px;
			margin: 0;
			width: 88%;
			display: 		block;
			text-decoration:none;
			text-align:		left;
			/* background: 	#E6E6DC; IE6 Bug */
			padding-left: 	15px;
			color:			white;
			background-color:	#669900;
			border-top: 1px solid white;
			}
		
		/* Fix IE. Hide from IE Mac \*/
		* html #menu2 ul li { float: left; height: 1%; }
		* html #menu2 ul li a { height: 1%; }
		/* End */
		
		#menu2 ul li a:hover { /* Hover Styles */
		background-color:	#006600;
		} 
		
				
		#menu2 li ul li a { /* Sub Menu Styles */
		padding: 0px 5px; 
		background-color: #669900;
		line-height:20px;
		border-top: 1px solid white;
		border-left: 1px solid white;
		border-right: 1px solid white;
		/*filter:			alpha(opacity=75); 		 only works for IE5.5 and higher */
		/*-moz-opacity:		.75;					only works with gecko based browsers */
		/*opacity:			.75; 					 will be CSS3 standard compliant, previous lines will be obsolete */ 
		} 
		
		#menu2 li ul li a:hover { /* Sub Menu Styles */
		padding: 0px 5px; 
		background-color:#006600;
		} 
				
		#menu2 li:hover ul, #menu2 li.over ul { /* The magic - javascript*/
		display: block; 
		}