@charset "utf-8";
/* CSS Document */

.menu{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 150px; /* width of menu (don't forget to add border with below!) */

}

.menu li a{
	background: white url(images/menu_line.jpg) repeat-y left top; /* Background image positioned to the left(v) top(h) corner initially */
	font: bold 13px Arial;
	display: block;
	color: #858487;
	width: auto;
	border-bottom: 1px solid white; /* White border beneath each menu item link, to add depth */
	padding: 7px 0; /* Vertical (top/bottom) padding for each menu link */
	text-indent: 8px;
	text-decoration: none;
}

.menu li a#active{
	background-position: -150px 0;
	color:#c80000;

}

.menu li a:hover{
	background-position: -150px 0; /* Shift background image horizontally 387px, or the start of the 2nd background image */
	color: #c80000;
}

.menu li.lastitem a{
	padding: 8px 0; /* increase vertical border of last menu link by 2px (default is padding: 7px 0) to account for removed border width */
}