#menu{
	width:255px;	/* Width of main menu */
}

#menu li{	/* Main menu <li> */
	list-style:none;	/* No bullets */
	margin:0.6em 0 0 0;
	background-image:url(img/bullet.png);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:25px;
	min-height:22px;
}
#menu ul{
	margin:0px;	/* No <ul> air */
	padding:0px;	/* No <ul> air */
	margin-left:35px;
}
#menu ul li ul{	/* Styling for those who doesn't have javascript enabled */
	padding-left:10px;
}
#menu	li a{	/* Main menu links */
	text-decoration:none;	/* No underline */
	vertical-align:middle;	/* Align text in the middle */
	margin:1px;	/* A little bit of air */
	padding:1px;	/* Air between border and text inside */
	font-size:13px;
	display:block;
}
#menu	li a:hover,#menu .activeMainMenuItem{
	color:#1a1a1a;
	text-decoration:none;
	background-color:#e1e1e1;
}
.subMenu{
	visibility:hidden;
	position:absolute;
	overflow:hidden;
	border-left:2px solid #9dd032;
	text-align:left;
	font-size:13px;
}
.subMenu ul{
	margin:0px;
	padding:0px;
}
.subMenu ul li{
	list-style-type:none;
	margin:0px;
	padding:1px;
	font-weight:bold;
	background-color:#e1e1e1;
}
.subMenu ul li a{	/* Sub menu items */
	white-space:nowrap;	/* No line break */
	text-decoration:none;
	color:#000;
	height:25px;	/* 16 pixels height */
	line-height:25px;	/* 16 pixels height */
	padding:1px;	/* 1px of "air" inside */
	display:block;	/* Display as block - you shouldn't change this */
}
.subMenu ul li a:hover{	/* Sub menu items - mouse over effects */
	color:#1a1a1a;	/* White text */
	background-color:#eeeeee;	/* Blue background */
}