#nav_list {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size:10pt;
	
	width:186px;  /*overall width of the list, taken from the template */
	margin:0;
	padding:0;
	list-style-type:none;
	border: 1px solid #333366;
	border-bottom-width: 0;
}
#nav_list li {
	position:relative; /* position:relative to set a new origin to position the sublists */
	background-color:#f4df98; /* background color of main list links - dark sea blue  */
	z-index:100;/*width:188px;*/
}
#nav_list li a { /*main list link styles*/
	display:block;
	width:174px;
	 /* borders for the main list links.  yellow from template */
	border-bottom: 1px solid #333366;

	color:#333366;
	text-decoration:none;
	padding: 4px 4px 4px 8px;
	margin:0;
}
#nav_list li.mouse_in { /* when the user hovers over a list link change the background color to dark blue */
	color:#FFFFFF;
	background-color:#333366;
	text-decoration:none;
}
#nav_list li.mouse_in a {
	color:#FFFFFF;
}
#nav_list  li.mouse_in a:hover {
	background-color:#333366;
	text-decoration:none;
	color:#FFFFFF;/* change the color of the link when user hovers of main link */
}
#nav_list li.mouse_in li a {
	color: #333366;
	background: #f4df98;
}
#nav_list ul li a { /* the style for the sublist links */
	font-family: Tahoma, Helvetica, sans-serif;
	width:174px;
	display: block;

	color:#333366;
	background-color:#f4df98;
	padding: 4px 4px 4px 8px;
	margin:0;
}
#nav_list ul li a:hover {
	font-family: Tahoma, Helvetica, sans-serif;
	background-color:#333366;
	text-decoration:none;
	color:#FFFFFF;/* change the color of the link when user hovers of sublist link */
}
#nav_list ul { /* sublist style */
	font-family: Tahoma, Helvetica, sans-serif;
	list-style-type:none;
	margin:0px;
	padding:0;
	position:absolute;
	left:186px;
	top:0;
	display:none;
	width:186px;
	border: 1px solid #333366;
	border-bottom-width: 0;
}
#nav_list li.mouse_in ul {
	display:block;
}