/*
	--------------------------------------
	    VERTICAL MENU
	--------------------------------------
*/
	ul.menu
	{
		margin: 0; 
		padding-left: 0;
	}
	
	ul.menu, ul.menu ul
	{
		width: 185px; 							/* Menu width */				
		background-color: #ccc; 				/* Background color for menu */
		padding-left: 0px;						/* How far to push the contents of the menu, the text, from left (menu background color will stay put <padding> pixels from left) */
		cursor: default; 						/* Mouse pointer when hovering the menu */
		margin-left: 0px;						/* How far to push the entire menu (entire menu will be placed <margin> pixels from left, background color will also follow) */
	}
	
	ul.menu li
	{
		list-style-type: none;					/* DO NOT EDIT; List style type (none, square, upper-alpha, decimal, lower-roman) */
		margin: 0px;							/* DO NOT EDIT; Margin (pushes the line height?) */
		padding: 5px 0 5px 5px;					/* DO NOT EDIT; Padding (pushes the line height?) */
		position: relative; 					/* DO NOT EDIT; Menu position */
		color: black; 							/* DO NOT EDIT; DOES NOT WORK? */
	}
	
	ul.menu li > ul 
	{
		display: none; 							/* DO NOT EDIT; hide all sub items by default */
		position: absolute; 					/* DO NOT EDIT; position the menu/menu items */
		top: 0px; 								/* Push menu items <top> pixels from top when showing a child item (other level than parent) */
		left: 180px; 							/* How far from the parents left to display a child (should be set to about the same as "Menu width" or else it will look funny) */
	}
	
	ul.menu li:hover, ul.menu li.CSStoHighlight 
	{ 
		background-color: #aaa; 				/* Background color of hovered menu items */
		color: #000; 							/* Font color of hovered menu items (DOES NOT WORK?) */
	}
	
	ul.menu ul.CSStoShow 
	{ 
		display: block; 						/* How to display a menu UL (DOES NOT WORK?) */
	}
	
	ul.menu li:hover > ul 
	{ 
		display: block;							/* DO NOT EDIT; How to display a hovered child item (all but the level 0) */
	}
	
	ul.menu li a 
	{
		color: #000; 							/* Font color of the menu text */
		display: block; 						/* How to display menu item text */
		width: 100%; 							/* Width of the menu item contents */
		text-decoration: none; 					/* Text decoration of menu item contents/text */
	}
	
	ul.menu li a:hover 
	{ 
		color: #000;							/* Set font color of menu items (DOES NOT WORK?) */
	}
	
	ul.menu li:hover > a 
	{ 
		color: #000;							/* Font color while hovering a menu item */
	}