/* CSS Document */
ul.navigation {
	list-style: none;
/* this line will remove any kind of bullet from the menu */
	width: 170px;
/* sets the menu width */
	margin-top: 20px;
	padding-left: 10px;
}
#menu a {
	display: block;
/* this is a very important property here and it controls the way the menu elements are displayed - like block-level elements */
	padding: 5px 3px 5px 10px;
/* sets the padding properties */
	font-weight: bold;
/* sets the font weight */
	background-color: #285176;
/* sets the color of the background */
	border-top: 1px solid #7cbdf8;
/* this code sets the line between the menu items */
text-align:left;

	border-radius: 8px;
/*	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;*/
}
#menu a:link {
	color: #d1e5f8;
/* sets the font color */
	text-decoration: none;
}
#menu a:visited {
	color: #d1e5f8;
	text-decoration: none;
}
#menu a:hover {
	background: #0c5da5 url(../img/star.png) no-repeat right center;
/* when the cursor is over, in the left side of the menu item background it will be display the arrow.gif picture */
	text-indent: 5px;
/* this line of code move the text 15 px to the right */
}
#menu a:active {
	color: #d1e5f8;
	text-decoration: none;
}