/* Basic code - don't modify */
#nav {  display: block; margin: 0; padding: 0; position: relative; }  
#nav li {  display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; font-weight:bold;   }  
#nav a {  display: block;  }  
#nav ul {  display: none; position: absolute; left: 0; margin: 0; padding: 0;   }  
* html #nav ul {  line-height: 0;  } /* IE6 "fix" */  
#nav ul a {	zoom: 1; 	} /* IE6/7 fix */    
#nav ul li {	float: none;	}    
#nav ul ul { top: 0; }    
/* Essentials - configure this */
#nav ul { width: 150px; }
#nav ul ul { left: 131px; }
/* Everything else is theming */
.top_li { background:url(images/people_07.jpg); height: 24px; width:114px; font-weight:bold;}
#nav22 { border-right: 1px solid white; color: white; font-size: 11px; font-weight:bold;text-decoration:none; padding: 6px; line-height: 1;font-family:Trebuchet MS;}
#nav *:hover { background-color: none; }
#nav a { border-right: 1px solid white; color: white; font-weight:bold; font-size: 11px; text-decoration:none; padding: 6px; line-height: 1; }  
.top_li.hover a {  background:url(images/peoples_07_ui.jpg); font-weight:bold;}  
#nav ul { top: 25px; }    
#nav ul li a { background:#6a6a6a;font-weight:normal;}      
#nav ul li.hover > a { background-color: #F58426; }   
#nav ul a { border-bottom: 1px solid white; border-right: none; opacity: 1; filter: alpha(opacity=100); text-align:left;}
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */
.people_logic_menuimage{	width:114px;	height:24px;	background:url(images/people_13.jpg) no-repeat;	cursor:pointer;}
.people_logic_menuimage:hover{	width:114px;	height:24px;	background:url(images/peoples_13.jpg) no-repeat;	cursor:pointer;}

a.MyPeopleLogicLink:link, a.MyPeopleLogicLink:visited {	
	display:block;
	background:url(images/people_13.jpg) no-repeat;
	width:114px;	
	height:24px;
}
a.MyPeopleLogicLink:hover, a.MyPeopleLogicLink:active { 
	background:url(images/peoples_13.jpg) no-repeat;
}