#nav_list {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	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;
}

#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;
	font-weight:bold;
	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 */
	width:174px;
	
	font-weight:bold;
	color:#333366;
	background-color:#f4df98;
	  padding: 4px 4px 4px 8px;
	margin:0;
	
	   
}

#nav_list
ul li a:hover {
	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 */
	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;
}