#nav_list {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	width:148px; /* overall width of the list, taken from the template */
	margin:3px 0 100px 0; padding:0;
	list-style-type:none;
	position:relative;
	z-index:30;
	/*border-top:10px solid #333366;*/
}

#nav_list li { 
	position:relative; /* position:relative to set a new origin to position the sublists */
	background-color:#669933;/*#CECF9C;/*#669933;  background color of main list links - dark sea blue  */
}

#nav_list 
li a { /*main list link styles*/
	display:block;
	width:136px;
	border-left:2px solid #FFCC66; /* left and right borders for the main list links.  yellow from template*/ 
	border-right:2px solid #FFCC66;
	font-weight:bold;
	color:white;
	text-decoration:none;
	padding:7px 4px;
	margin:0 0 5px;
}

#nav_list 
li a.img_link { /* reset some of the link styles for the children matter network image link */
	padding:0;
}

#nav_list
li a.img_link img { /* get rid of default border on image link and align to bottom for ie */
	border:none;
	vertical-align:bottom;
}

#nav_list
li.mouse_in { /* when the user hovers over a list link change the background color to dark grey */
	background-color:#444444;	
	color:white;
}

#nav_list
ul li a { /* the style for the sublist links */
	width:150px;
	border:none;
	font-weight:normal;
	color:black;
	background-color:#CECF9C;
	padding:3px 2px 3px 6px;
	margin:0;
	text-transform:none;
}

#nav_list
ul li a:hover {
	background-color:#CECF9C;
	color:#333366; /*#63748B; /* change the color of the link when user hovers of sublist link */
}

#nav_list
ul { /* sublist style */
	list-style-type:none;
	margin:0; padding:0;
	position:absolute;
	left:148px;
	top:0;
	display:none;
	width:158px;
	border:1px solid #999999;
	z-index:10;
}

#nav_list
li.mouse_in ul {
	display:block;
}