/* CSS Document */
#menu {
	margin:				5px 5px 0px 5px; 		/* create distance between logo and menu */
	text-align: 		left;
	height: 			155px;
	}
		
		#menu ul {
			margin: 	0;
			padding: 	0;
			list-style: none;
			width: 		145px; /* Width of Menu Items */
			font-size:	12px;	
			letter-spacing:1px;
			
			}
		
		#menu ul li {
			position: 	relative;
			padding: 0;
			margin: 0;
			}
			
		#menu li ul {
			position: 	absolute;
			left: 		145px; /* Set 1px less than menu width */
			top: 		0;
			display: 	none;
			width:		180px;
			}
		
		/* Styles for Menu Items */
		#menu 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:	#336699;
			border-top: 1px solid white;
			}
		
		/* Fix IE. Hide from IE Mac \*/
		* html #menu ul li { float: left; height: 1%; }
		* html #menu ul li a { height: 1%; }
		/* End */
		
		#menu ul li a:hover { /* Hover Styles */
		background-color:	#000099;
		} 
		
				
		#menu li ul li a { /* Sub Menu Styles */
		
		padding: 0px 5px; 
		background-color: #336699;
		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 */ 
		} 
		
		#menu li ul li a:hover { /* Sub Menu Styles */
		padding: 0px 5px; 
		background-color:#000099;
		} 
				
		#menu li:hover ul, #menu li.over ul { /* The magic - javascript*/
		display: block; 
		}