div#content #containerul, #containerul ul {

	text-align: left;
	margin: 0px;
	padding: 10px;
	background: #e7e7e7;
	font-size: 11px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;

}

div#content #containerul li {
  
	margin: 0 0 0 15px !important; /* A left margin to indent the list items and give the menu a sense of structure. */
	padding: 0; /* Removes browser default padding applied to the list items. */
	list-style-type: none; /* Removes the bullet point that usually goes next to each item in a list. */
	line-height: 20px;
	background: none !important;

}

div#content #containerul li a {

	color: #303030 !important;
	font-weight: normal !important;

}

div#content #containerul li a:hover {

	border: none;
	color: #000;

}

div#content #containerul li ul {

	margin: 5px -5px 5px -20px;
	padding: 10px 0 10px 20px;
	background-color: #fff;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;

}

div#content #containerul li ul li a {

	color: #4b4b4b;
	font-size: 11px;

}

div#content #containerul li ul li a:hover {

	color: #000;

}

div#content #containerul li ul li ul {

	padding: 10px;
	padding-left: 30px;
	background: #F9FFDF;

}

div#content #containerul li ul li ul li a {

	color: #000;
	font-size: 10px;

}

div#content #containerul li ul li ul li a:hover {

	color: #b7b7b7;

}

#containerul .symbols{ /* Various styles to position the symbols next to the items in the menu. */

	float: left;
	width: 16px;
	height: 20px;
	background-position: 0 50%;
	background-repeat: no-repeat;

}