/* if main menu is displayed on the left side, this CSS sets behavior */

#leftBar div.module a.mainlevel,
#leftBar div.module a.mainlevel:link,
#leftBar div.module a.mainlevel:visited,
#leftBar div.module a.mainlevel:active
{

	font-family		: Arial;
	font-size 		: 11px;
	color 			: #333;
	margin 			: 0;
	display			: block;
  	margin-bottom		: 3px;
  	padding-top		: 4px;
  	height			: 20px;
  	font-weight		: normal;
  	background		: url(../images/bullet-1.gif) no-repeat;
	background-position	: 0px 10px;
  	padding-left		: 12px;
  	border-bottom		: 1px solid #f5f5f5;
  	text-decoration		: none;
}
  

#leftBar div.module a.mainlevel:hover {
	text-decoration		: none;
	color			: #000;
	background-color	: #f5f5f5;
	background-position	: 3px 10px;
	
}


/* sublevel links */

#leftBar div.module a.sublevel, 
#leftBar div.module a.sublevel:link, 
#leftBar div.module a.sublevel:active,
#leftBar div.module a.sublevel:visited,
#leftBar div.module a.sublevel:hover {
	font-size : 10px;
	font-weight : normal;
	margin : 0;
	color : #333;
	text-decoration	: none;
	line-height		: 16px;
	border		: none;
	display	: block;
	text-align	: left;
	padding-left	: 10px;
	margin-bottom	: 3px;
  }

/* active menu color and bg color , main level */
#leftBar div.module a.mainlevel#active_menu
{
  	color			: #000;
  	background-color	: #f5f5f5;
  	
}

/* active sublevel menu properties */
#leftBar div.module a.sublevel#active_menu
{
	text-decoration		: underline;
}