/* CSS Document */
ul#navmenu {
    padding:0;
	margin:0;
}

ul#navmenu li {
	list-style:none;
	position:relative;
   	display: block;
  	height: 20px;
	padding: 5px 0px 0px 20px;  
  	width:185px;
	float: left;
	clear: left;
	background-image: url("../site/images/side_menu.gif");
	background-position: left top;
	text-decoration: none;
	text-align: left;
	font-weight: bold;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#205574; 
	border-bottom: none;

}

ul#navmenu a {
/* We need to add display: block and the width and heigt so the hover
will be captured over the full graphic and not just the text. */
	margin: 0;
	display: block;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: inherit; 
}
ul#navmenu a:hover {
	color: #ffffff;
}

ul#navmenu li:hover, ul#navmenu li.sfhover {
 	margin: 0;
   	display: block;
  	height: 20px;
	color: #ffffff;
/*	font-weight: bold; */
/*	float:left; */
	background-image: url("../site/images/side_menu_hover.gif");
	background-position: left top;
}

img.add_image {
	cursor: pointer;
}