Help modify jquery script to show/hide title

Hello,

I need help modifying a jquery script that a previous expert had helped me with. What I have is two ul's laid out side by side displaying a list of names. Contained within each li is a hidden div that upon clicking the name will display hidden div as well as select box, choosing another name from select box, will then change the hidden div to the hidden that corresponds to the name of item selected via select list. Link at bottom of hidden list "Return to list", hides all hidden div's and select list and only displays the names in the two ul's side by side. What I would like to modify is when the list of names are displayed, that under the name it would be possible to display a title, but then when we click the link to display hidden div and select list, this title be hidden and only shown when the list of names are shown. Currently in the hidden div, I have the same title that I would like to use as an H2, but when names listed do not want to show as h2, so not sure if we can display the h2 with names, but then not display as an h2 or if we have a title for when names are displayed and the h2 version that would display when hidden div section is being displayed. Attaching script that expert helped with as well as HTML.

Thank You, Much appreciated!
<!-- Original Script -->

         <script type="text/javascript">
		var onmenu ;

        function dropDown(obj){

                //get the value of the drop down
                objRel = $(obj).val();

                //hide everything
                	$(onmenu).fadeOut("slow",function(){
                		//hide everything
                 		$("ul.menuList div.content, ul.menuList li, ul.menuList").hide();
                		var liObj = $("ul.menuList > li[rel='" + objRel + "']");
                		onmenu = $(liObj).parent("ul.menuList");
						$(liObj).parent("ul.menuList").show();
						$(liObj).show();
						$(liObj).children("div.content").fadeIn();

                	});





         }



        $(document).ready(function(){

                //bind a click event to the first child anchor tag of our menu list LIs
                $("ul.menuList > li > a:first-child").click(function(e){
                        //good idea to stop unwanted navigation
                        e.preventDefault();

                        //when the "header" is clicked, change the display of the child DIV tag

                        //hide everything
                        $("ul.menuList div.content, ul.menuList li, ul.menuList").hide();

                        onmenu = $(this).parents("ul.menuList");

                        //show the parent UL
                        $(this).parents("ul.menuList").show();

                        //fade in the li
                        $(this).parents("li").fadeIn();

                        //fade in the content div below the link
                        $(this).next("div.content").fadeIn();

                        //bring in the drop down
                        $("#toc").fadeIn();
                        $("#toc").val($(this).attr("rel"))
                })


                //bind the close click event to all the "bottom" anchor tags
                $("a.close").click(function(e){
                        //good idea to stop unwanted navigation
                        e.preventDefault();

                        //hide everything
                        $("ul.menuList, ul.menuList div.content").hide();
                        $("#toc").hide();

                        //show the base list again
                        $("ul.menuList, ul.menuList > li").fadeIn();
                });


        });



        </script>


<!-- HTML -->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="business_guidelines/guidelines.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../jquery/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="../jquery/js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="hover.js"></script>
<script type="text/javaScript">
var includedFiles=0;
$(document).ready(function(){
     $("#header").load("../include/header.inc", highlight );
 	$("#left").load("../include/about-nav2.inc #left-top, #left-header, #main", highlight );
});
   
  function highlight()
  {
	++includedFiles;
	if( includedFiles==2)
	{
    		var loc = window.location.href.split("/");
    		loc = loc[loc.length - 1];
    		$("#left a[href$='"+loc+"']").addClass("selected").parent().parent().parent().find("strong:eq(0)").addClass("selected");
	}
  }
  
 </script>
         <script type="text/javascript">
		var onmenu ;

        function dropDown(obj){

                //get the value of the drop down
                objRel = $(obj).val();

                //hide everything
                	$(onmenu).fadeOut("slow",function(){
                		//hide everything
                 		$("ul.menuList div.content, ul.menuList li, ul.menuList").hide();
                		var liObj = $("ul.menuList > li[rel='" + objRel + "']");
                		onmenu = $(liObj).parent("ul.menuList");
						$(liObj).parent("ul.menuList").show();
						$(liObj).show();
						$(liObj).children("div.content").fadeIn();

                	});





         }



        $(document).ready(function(){

                //bind a click event to the first child anchor tag of our menu list LIs
                $("ul.menuList > li > a:first-child").click(function(e){
                        //good idea to stop unwanted navigation
                        e.preventDefault();

                        //when the "header" is clicked, change the display of the child DIV tag

                        //hide everything
                        $("ul.menuList div.content, ul.menuList li, ul.menuList").hide();

                        onmenu = $(this).parents("ul.menuList");

                        //show the parent UL
                        $(this).parents("ul.menuList").show();

                        //fade in the li
                        $(this).parents("li").fadeIn();

                        //fade in the content div below the link
                        $(this).next("div.content").fadeIn();

                        //bring in the drop down
                        $("#toc").fadeIn();
                        $("#toc").val($(this).attr("rel"))
                })


                //bind the close click event to all the "bottom" anchor tags
                $("a.close").click(function(e){
                        //good idea to stop unwanted navigation
                        e.preventDefault();

                        //hide everything
                        $("ul.menuList, ul.menuList div.content").hide();
                        $("#toc").hide();

                        //show the base list again
                        $("ul.menuList, ul.menuList > li").fadeIn();
                });


        });



        </script>

<style type="text/css">
 strong {font-weight: normal; }
.right-position { padding-left: 60px; float:right }
 #xx { display:none; }
 #menu { display:none; }
 #charter img, #content-left img, #content-right img { float: left; padding: 15px; }
 #content-left h2, content-right h2 { padding-left: 0px; }
 .expand { width: 500px; }
 ul.menuList { width: 200px; padding:2px 2px 2px 0px; list-style-type:none; float:left; margin:10px 10px 10px 0px; }
.menuList ul li { font-weight: bold; background: url(../images/arrow.jpg) no-repeat 0px 4px; list-style: none; padding-left: 10px; font-size: 11px; margin-top: 10px; }
.menuList a:link, .menuList a:visited, .menuList a:active { text-decoration: none; color: #D49100; font-weight: bold; }
.menuList ul li.upper02 { font-weight: bold; background: url(../images/arrow_blue.jpg) no-repeat 0px 4px; list-style: none; padding-left: 10px; font-size: 13px; }
.menuList li { font-weight: bold; background: url(../images/arrow.jpg) no-repeat 0px 4px; list-style: none; padding-left: 10px; font-size: 11px; margin-top: 10px; }
.menuList li.arrow_blue { font-weight: bold; background: url(../images/arrow_blue.jpg) no-repeat 0px 4px; list-style: none; padding-left: 10px; font-size: 11px; margin-top: 10px; }

.menuList a:hover { text-decoration: underline; color: #D49100; }
.menuList a.upper01, .menuList a:visited.upper01, .menuList a:active.upper01 { color: #00339a; font-size: 13px; font-weight: bold; text-decoration: none; }
.menuList a:hover.upper01 { color: #00339a; font-size: 13px; font-weight: bold; text-decoration: underline; }
.menuList .content img { padding: 15px; float: left; }
 ul.menuList li { clear:both; padding-bottom: 15px; }
 ul.menuList li div.content {display:none; width: 450px;}
 a.close {float:right;}
 </style>
</head>
<body>
<div id="container">
<div id="header">
</div>
<div style="clear:both"></div>
<div id="banner"></div>
<div id="left">
</div>
<div id="right">
<div id="right-top"></div>
<!--<div id="breadcrumbs">
<a href="about.htm">About</a> Us<span class="large"> &rarr;</span> <a href="team.htm">Management Team</a></div> -->
<div id="content">
<h1 class="title">Management team</h1>
<div id="select" style="margin-top:10px; text-align:right; padding-right: 25px;">
        <select name="toc" id="toc" onchange='dropDown(this)' style="display:none;">
                <option value="" selected="selected">Selecta a Bio &darr;</option>
                <option>Donald E. Felsinger</option>
                <option>Neal E. Schmale</option>
                <option>Debra L. Reed</option>
                <option>Mark A. Snell</option>
                <option>Javade Chaudhri</option>
                <option>----------------------------------------</option>
                <option>Amy H. Chiu</option>
                <option>Randall L. Clark</option>
                <option>Steven D. Davis</option>
                <option>Monica Haas</option>
                <option>Joseph A. Householder</option>
                <option>J. William Ichord</option>
                <option>Charles A. McMonagle</option>
                <option>G. Joyce Rowland</option>
                <option>Lisa Urick</option>
                <option>Richard A. Vaccari</option>
                <option>Paul Yong</option>
        </select>
</div>


        <ul class="menuList">
                <li class="arrow_blue" rel="Donald E. Felsinger">
                        <a href="javascript:;" class="upper01" rel="Donald E. Felsinger" onmouseover="doTooltip(event,1)" onmouseout="hideTip()">Donald E. Felsinger</a>
                        <div class="content">
                         <h2>Chairman and Chief Executive Officer</h2>
            <img src="../images/management/felsinger.jpg" width="125" height="154" />
          <p>Donald E. Felsinger is chief executive officer and chairman of the board of directors of Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies' 13,800 employees serve 29 million consumers worldwide.</p>
              <p>In  his current position, which he has held since Feb. 1, 2006, Felsinger directs the strategic operations of all the Sempra Energy companies.</p>
              <p>Felsinger previously was  president and chief operating officer of   Sempra Energy, when he was responsible  for implementing Sempra Energy’s   growth strategy and for overall management of  the Sempra Energy   companies. He has been a member of the board of directors  since 2004.</p>
              <p>Before that, Felsinger was  group president of Sempra Global, the   umbrella for Sempra Energy’s businesses  operating in competitive energy   markets.   In that position, Felsinger led Sempra Energy’s expansion   into  successful businesses in power generation, energy-infrastructure   development,  energy trading and marketing, and liquefied natural gas   development.</p>
              <p>Prior to the merger that formed Sempra Energy,  beginning Jan. 1, 1998,   Felsinger served as president and chief operating  officer of Enova   Corporation, the parent company of San Diego Gas &amp;  Electric   (SDG&amp;E).</p>
              <p>Previously,  Felsinger was president and chief executive officer of   SDG&amp;E from 1996 to  1998.  He also was a board director of    SDG&amp;E and executive vice president of Enova Corporation.  Prior to   that, Felsinger was executive vice  president of SDG&amp;E, a position   he held from 1993 to 1996.</p>
              <p>After  Felsinger joined SDG&amp;E in 1972, he held a variety of officer   positions with  responsibility for all aspects of the utility business.</p>
              <p>Felsinger is a graduate of the Stanford University executive program and also has a bachelor’s degree in mechanical engineering from the University of Arizona. He serves as the director of the Northrop Grumman Corp. and as a member of the Conference Board, the Committee Encouraging Corporate Philanthropy, and the U.S.-Mexico Chamber of Commerce. Felsinger has also served on the green Foundation and was co-chair of the Forum Fronterizo Council of the San Diego Dialogue.</p>
    
                                <a href="#" class="close">Return to List</a>                        </div>
          </li>

                <li class="arrow_blue" rel="Neal E. Schmale">
                        <a href="javascript:;" class="upper01" rel="Neal E. Schmale" onmouseover="doTooltip(event,3)" onmouseout="hideTip()">Neal E. Schmale</a>
                        <div class="content">
                                <h2>President and Chief Operating Officer</h2>
          <img src="../images/management/schmale.jpg" width="125" height="154" style="padding-bottom:25px;" />
            <p>Neal E. Schmale is president, chief operating officer and a member of the board of directors for Sempra Energy, a San Diego-based, Fortune 500, energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies' 13,800 employees serve more than 29 million consumers worldwide.</p>
          <p>In his current job Schmale is responsible for implementing Sempra Energy's growth strategy and for overall management of the Sempra Energy companies. He has been a member of the board of directors since 2004.</p>
          <p>Schmale was executive vice president and chief financial officer of Sempra Energy.</p>
          <p>Before his career at Sempra Energy, Schmale was chief financial officer and a member of the board of directors of UNOCAL Corp. and had earlier served as UNOCAL's senior vice president and president of its Petroleum Products and Chemical division. Throughout his 29-year career at UNOCAL, Schmale held a range of jobs in the operations, legal and finance functions.</p>
          <p>Schmale, a native of Nebraska, has a law degree from Loyola University of Los Angeles' Law School and a bachelor's degree in petroleum engineering from the Colorado School of Mines. He is a member of the board of directors of Murphy Oil Corp. and serves on its audit and compensation committees. He is the nonexecutive chairman of the board of directors of the WD-40 Co., and was a chairman of its audit committee. Schmale is a member of the California Bar.</p>
                                <a href="javascript:;" class="close">Return to List</a>                        </div>
          </li>
                <li class="arrow_blue" rel="Javade Chaudhri">
                <a href="javascript:;" class="upper01" rel="Javade Chaudhri" onmouseover="doTooltip(event,5)" onmouseout="hideTip()">Javade Chaudhri</a>
                <div class="content">
                      <h2>Executive Vice President and General Counsel</h2>
      <img src="../images/management/chaudhri.jpg" width="125" height="154" />
      <p>Javade Chaudhri is executive vice president and general counsel for Sempra Energy, a San Diego-based Fortune 500 energy-services company whose subsidiaries provide electricity, natural gas and value-added products and services. Sempra Energy’s 13,800 employees serve more than 29 million consumers in the United States, Europe, Canada, Mexico, South America and Asia.</p>
      <p>Chaudhri, who has served in his current position since 2003 when he joined the company, is responsible for all legal affairs and compliance for Sempra Energy. He also serves as Sempra Energy’s chief environmental officer.
Previously from 2001 to 2003, Chaudhri served as senior vice president and general counsel of San Diego-based Gateway Inc. since 2001, managing the company’s legal affairs, government relations, contract administration and ethics.</p>
      <p>Prior to joining Gateway as deputy general counsel in 1999, Chaudhri was a senior partner in the Washington, D.C., office of the international law firm of Winston & Strawn, where he co-managed the international and technology practice groups. Prior to that, Chaudhri was a partner at the law firm Jones Day Reavis & Pogue.</p>
      <p>Chaudhri has worldwide experience in helping major private and public-sector companies transact business, and undertake mergers and acquisitions projects. He also has been involved in providing regulatory advice before a number of federal agencies, as well as taking part in major litigation, mediation and arbitration matters. He has written and lectured widely on international infrastructure projects, technology, and commercial law. He has served as a visiting faculty member for the International Development Law Organization in Rome and the International Law Institute in Washington, D.C.</p>
      <p>Chaudhri has a bachelor’s and master’s degree from Yale University in New Have, Conn. and a law degree from Georgetown University in Washington D.C. </p>
                <a href="javascript:;" class="close">Return to List</a>                </div>
          </li>
          <li class="arrow" rel="Amy H. Chiu">
            <a href="javascript:;" rel="Amy H. Chiu" onmouseover="doTooltip(event,6)" onmouseout="hideTip()">Amy H. Chiu</a>
                <div class="content">
                <h2>Vice President, Risk Analysis and Management</h2>
      <img src="../images/management/Chiu_new.jpg" width="125" height="175" style="padding-bottom:25px;" />
      <p>Amy Chiu is vice president of risk analysis and management for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services.  The Sempra Energy companies’ 13,800 employees serve more than 29 million consumers worldwide.</p>
      <p>Previously, Chiu was vice president of audit services, where she was responsible for Sempra Energy’s internal audit function. Before that, she held positions of increasing responsibility including director of business planning in the mergers and acquisitions group, manager of executive projects and manager of economic analysis.</p>
      <p>Prior to joining Sempra Energy, Chiu held senior-level financial and actuarial analyst positions for Intelsat and Watson Wyatt Worldwide.</p>
      <p>Chiu currently serves on the board of directors of the Preuss School at University of California, San Diego.  She has a master’s degree in business administration from American University in Washington D.C., a doctorate in mathematics from Boston University and a bachelor’s degree in mathematics from Mills College in Oakland, Calif.</p>
      <a href="javascript:;" class="close">Return to List</a>    </div>
        </li>
        <li rel="Randall L. Clark">
        <a href="javascript:void(0)" rel="Randall L. Clark" onmouseover="doTooltip(event,7)" onmouseout="hideTip()">Randall L. Clark</a>
        <div class="content">
      <h2>Corporate Secretary and Assistant General Counsel</h2>
      <img src="../images/management/clark.jpg" width="125" height="154" />
      <p>Randy Clark is corporate secretary and assistant general counsel for Sempra Energy, a San Diego-based Fortune 500 energy serves holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies’ 13,800 employees serve more than 29 million consumers worldwide.</p>
      <p>As corporate secretary and assistant general counsel, Clark coordinates and records all meetings of the board of directors and its committees, serves as a liaison between the directors and the chief executive officer of the company and oversees corporate governance and corporate structuring for the company's domestic and international subsidiaries.</p>
      <p>Previously, Clark was a managing attorney with Sempra Energy, where he oversaw a variety of domestic and international mergers and acquisitions, joint ventures, development projects and international legal issues. He was also principally responsible for corporate governance and corporate structuring matters for the domestic and international subsidiaries of Sempra Global, the umbrella for the company's businesses operating in competitive energy markets.</p>
      <p>Prior to joining Sempra Energy in 2000, Clark was an attorney with the law firm of Cooley Godward LLP. There, his practice focused on a full range of corporate and securities matters, including corporate formations, corporate governance, mergers and acquisitions, venture financing, joint ventures, initial public offerings and general business counseling for both public and private companies. Previously, Clark was a corporate attorney with Morrison & Foerster, LLP.</p>
      <p>Clark graduated with honors from Duke University’s School of Law where he emphasized international and comparative law and summa cum laude  with a bachelor's degree in accounting from Pepperdine University.</p>
      <p>Clark is a member of the International Bar Association, the Association of Corporate Counsel, the American Bar Association and other national and local bar associations. He also is active with the Society of Corporate Secretaries & Governance Professionals.</p>
          <a href="#" class="close">Return to List</a>
          </div>
          </li>
                <li rel="Steven D. Davis">
                <a href="javascript:void(0)" rel="Steven D. Davis" onmouseover="doTooltip(event,8)" onmouseout="hideTip()">Steven D. Davis</a>
                <div class="content">
                <h2>Vice President, Communications & Community Partnerships</h2>
        <img src="../images/management/davis.jpg" width="125" height="154" />
            <p>Steven D. Davis is vice president of Communications & Community Partnerships for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies' 13,800 employees serve more than 29 million consumers worldwide.</p>
        <p>As vice president of Communications & Community Partnerships, Davis oversees Sempra Energy's communications and community relations activities, as well as the company's media relations, employee communications, issues management, corporate branding, advertising and reputation management functions. In addition, Davis is president of the Sempra Energy Foundation, a 501(c)3 organization that supports sustainable, measurable community-based change in places where Sempra Energy does business.</p>
        <p>Prior to this job, Davis was senior vice president of External Relations and chief financial officer (CFO) for San Diego Gas & Electric (SDG&E) and Southern California Gas Co. (SoCalGas), Sempra Energy's California regulated utilities.</p>
        <p>Davis was named CFO for SDG&E and SoCalGas in 2004, and was responsible for the accounting, financial and budget functions. Also, in his role as senior vice president of External Relations, Davis was responsible for external relations activities, including the legislative analysis, communications, community relations and public affairs activities for SDG&E and SoCalGas.</p>
        <p>Before that, Davis served as senior vice president of Customer Service & External Relations for SDG&E and SoCalGas and vice president of Distribution Operations for SDG&E. Other executive assignments have included division manager of Customer Operations and division manager of Governmental & Administrative Services.</p>
        <p>Davis serves on the boards of the San Diego Regional Chamber of Commerce and The Campanile Foundation. He is also on the advisory boards of San Diego Senior Community Centers and the San Diego Burn Institute.</p>
        <p>Davis has a bachelor's degree in business administration (accounting) from San Diego State University, where he graduated with honors.</p>
                <a href="#" class="close">Return to List</a>
                </div>
          </li>
                <li rel="Monica Haas">
                <a href="javascript:;" rel="Monica Haas" onmouseover="doTooltip(event,9)" onmouseout="hideTip()">Monica Haas</a>
                <div class="content">
                <h2>Vice President, Communications & Community Partnerships</h2>
        <img src="../images/management/haas.jpg" width="125" height="154" />
            <p>Monica Haas is vice president of Corporate Planning for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies' 13,800 employees serve more than 29 million consumers worldwide.</p>
        <p>As vice president of corporate planning, Haas directs Sempra Energy's corporate planning and global procurement.</p>
        <p>Prior to her role as vice president, Haas was the director of investments for Sempra Energy and held numerous positions with the company in the areas of investment management, business and market development and financial planning and analysis.</p>
        <p>Before joining Sempra Energy in 1993, Haas held a senior-level financial analyst role at General Dynamics.</p>
        <p>Haas holds both a master's and bachelor's degree in business from New Mexico State University.</p>
                <a href="#" class="close">Return to List</a>
                </div>
          </li>
                <li rel="Joseph A. Householder">
                 <a href="javascript:;" rel="Joseph A. Householder" onmouseover="doTooltip(event,10)" onmouseout="hideTip()">Joseph A. Householder</a>
                 <div class="content">
                 <h2>Senior Vice President, Controller and Chief Accounting Officer</h2>
        <img src="../images/management/householder.jpg" width="125" height="154" />
            <p>Joseph A. Householder is senior vice president, controller and chief accounting officer for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies' 13,800 employees serve more than 29 million consumers worldwide.</p>
        <p>In his current job, Householder oversees the financial reporting and controls, financial planning and tax functions for all of Sempra Energy's companies.</p>
        <p>Before this job, Householder served as vice president of Corporate Tax and chief tax counsel for Sempra Energy since 2001, where he oversaw Sempra Energy's worldwide tax affairs.</p>
        <p>Prior to joining Sempra Energy in 2001, Householder was a partner at PricewaterhouseCoopers in the firm's national tax office. Before that, he was vice president of Corporate Development and assistant chief financial officer of Unocal until 1999. There, Householder was responsible for worldwide tax planning, financial reporting and forecasting, and risk-management compliance.</p>
        <p>Before that, Householder served as an associate attorney at the firm of Halstead, Baker & Olson from 1984 to 1986. Prior to that, he was a certified public accountant at Maginnis, Knechtel & McIntyre from 1979 to 1984.</p>
        <p>Householder has a bachelor's degree in business administration from the University of Southern California and a law degree from Loyola Law School. Also, he has completed the executive program at UCLA Anderson School.</p>
        <p>He is a member of the Tax Executives Institute, the American Institute of Certified Public Accountants, the California Bar and the American Bar Association.</p>
                 <a href="#" class="close">Return to List</a>
                 </div>
          </li>
          <li rel="J. William Ichord">
            <a href="javascript:;" rel="J. William Ichord" onmouseover="doTooltip(event,11)" onmouseout="hideTip()">J. William 
          Ichord</a>
<div class="content">
                <h2>Vice President, Government Relations</h2>
        <img src="../images/management/ichord.jpg" width="125" height="154" style="padding-bottom:25px;" />
            <p>J. William Ichord is vice president of government relations for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services.  The Sempra Energy companies' 13,800 employees serve 29 million consumers worldwide.</p>
        <p>As vice president of government relations, Ichord directs Sempra Energy’s local, state and federal government affairs.</p>
        <p>Before joining Sempra Energy in 2007, Ichord was managing director of global affairs and international counsel for the American Chemistry Council, an industry trade group representing companies engaged in the business of chemistry.</p>
        <p>Previously, Ichord had a 17-year career with Unocal Corp., where he served as vice president and general manager of government and international relations.  Ichord also was vice president of the international public relations firm Burson-Marsteller, and held staff positions for eight years with the U.S. Senate, serving as general counsel for Sen. John D. Rockefeller IV, counsel for the Senate Judiciary Committee and legislative assistant for Sen. Joseph Biden Jr.  Ichord began his career as an environmental specialist and counsel for the U.S. Department of Energy.</p>
        <p>Ichord serves on the board of directors of the San Diego Symphony and Town Hall Los Angeles. Ichord’s past affiliations include memberships on a number of boards such as the US-ASEAN Business Council’s Executive and Energy Committees, the National Center for Asia-Pacific Economic Cooperation, the National Foreign Trade Council and the U.S. Azerbaijan Chamber of Commerce.</p>
        <p>Ichord holds a law degree from Washington University, St. Louis, and a bachelor’s degree in political science from Denison University, Granville, Ohio, where he was elected to Phi Beta Kappa.  He is a member of the District of Columbia Bar.</p>
                <a href="#" class="close">Return to List</a>
          </div>
          </li>
      </ul>

<ul class="menuList">
                <li class="arrow_blue" rel="Debra L. Reed">
                  <a href="javascript:;" class="upper01" rel="Debra L. Reed" onmouseover="doTooltip(event,2)" onmouseout="hideTip()">Debra L. Reed</a>
                  <div class="content">
                          <h2>Executive Vice President</h2>
                           <img src="../images/management/reed02.jpg" width="125" height="154" />
                                     <p>Debra L. Reed is executive vice president for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies' 13,800 employees serve 29 million consumers worldwide.</p>
            <p>Before joining Sempra Energy, Reed served as president and chief executive officer (CEO) of San Diego Gas & Electric (SDG&E) and Southern California Gas Co. (SoCalGas), Sempra Energy’s regulated California utilities.</p>
            <p>From 1984 to 1994, Reed held leadership positions with SoCalGas, including vice president of human resources, vice president of administrative services, manager of environmental engineering and manager of personnel relations. In 1983, she served as area market services manager after five years of working in marketing. Reed joined SoCalGas in February 1978 as an energy systems engineer and, in 1988, became the first female officer appointed at the company.</p>
            <p>Reed serves on the board of directors of UCSD’s Jacobs School of Engineering and for Halliburton Company; the San Diego Regional Economic Development Corporation; the American Gas Association; and the Precourt Institute for Energy Efficiency at Stanford University. She is a member of The Trusteeship, an affiliate of the International Women’s Forum. Previously, Reed served on the board of directors of Genentech, Dominguez Services Corporation, and the University of Southern California Board of Councilors.</p>
            <p>In 2006, Reed was inducted into the Junior Achievement San Diego Business Hall of Fame. In 2004, she was awarded “Woman of the Year” from the California Science Center and was named one of San Diego Magazine's “50 People to Watch.” Reed received the 23rd Annual Tribute to Women and Industry (TWIN) Award from the YWCA of San Diego County in 2002. She was a recipient of the League of Women Voters Glass Ceiling Award in 2000. Reed was featured on the cover of the July 2002 issue of Gas Utility Manager magazine for an article on making mergers work.</p>
            <p>Reed graduated summa cum laude from the University of Southern California with a bachelor’s degree in civil engineering.</p>

                                <a href="#" class="close">Return to List</a>                        </div>
        </li>

        <li class="arrow_blue" rel="Mark A. Snell">
          <a href="javascript:;" class="upper01" rel="Mark A. Snell" onmouseover="doTooltip(event,4)" onmouseout="hideTip()">Mark A. Snell</a>
                        <div class="content">
                          <h2>Executive Vice President and Chief Financial Officer</h2>
                                <img src="../images/management/snell.jpg" width="125" height="154" />
      <p>Mark A. Snell is executive vice president and chief financial officer of Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies' 13,800 employees serve more than 29 million consumers worldwide. </p>
      <p>Snell formerly was group president of Sempra Global, the umbrella organization for the competitive businesses of Sempra Energy. In that position, Snell oversaw all aspects of Sempra Global in competitive energy markets, including energy trading, electric generation, liquefied natural gas, pipelines and storage facilities, international utilities and retail energy marketing.</p>
      <p>Before becoming group president, Snell was chief financial officer of Sempra Global overseeing the acquisitions, business development and all financial matters for the group.</p>
      <p>Prior to his role with Sempra Global, Snell was vice president of planning and development for Sempra Energy.</p>
      <p>Before joining Sempra Energy in 2001, Snell served as executive vice president and chief financial officer for Earth Tech, a Long Beach, Calif.-based water management, engineering and environmental services firm. Earth Tech specializes in the design, building and operation of water and wastewater treatment facilities.</p>
      <p>Before joining Earth Tech, Snell was executive vice president and chief financial officer at Dames and Moore, a NYSE listed engineering and construction firm headquartered in Los Angeles. At Dames and Moore, Snell guided the completion of acquisitions that more than doubled the firm's revenues.</p>
      <p>Snell also served as chief financial and administrative officer for Latham & Watkins, a law firm with more than 1,600 partners and employees worldwide. He also served as executive vice president and chief financial officer of World Oil Corp., a privately held, integrated oil company. As a senior manager at the Los Angeles office of KPMG Peat Marwick, Snell supervised activities that supported acquisitions by client companies.</p>
      <p>Snell is a member of the board of directors of Venoco Inc. He holds a bachelor's degree in accounting from San Diego State University and is a certified public accountant.</p>

                                <a href="#" class="close">Return to List</a>                        </div>
        </li>
        <li style="background-image:none;"></li>
        <li rel="Charles A. McMonagle">
        <a href="javascript:;" class="upper" rel="Charles A. McMonagle" onmouseover="doTooltip(event,12)" onmouseout="hideTip()">Charles A. McMonagle</a>
        <div class="content">
        <h2>Senior Vice President and Treasurer</h2>
      <img src="../images/management/mcmonagle.jpg" width="125" height="154" />
      <p>Charles A. McMonagle is senior vice president and treasurer for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies' 13,800 employees serve 29 million consumers worldwide.</p>
      <p>In his current job, McMonagle oversees financing, cash management, insurance, and pension and nuclear decommissioning trust investments.</p>
      <p>Prior to the merger that formed Sempra Energy in 1998, McMonagle was manager of financial services at Enova Corporation, the parent company of San Diego Gas & Electric (SDG&E). McMonagle joined SDG&E in 1982 and held a range of jobs in the company's financial operations.</p>
      <p>McMonagle has master's degrees in business administration from the University of Washington and in engineering from the University of California.</p>
        <a href="#" class="close">Return to List</a>
        </div>
        </li>
        <li rel="G. Joyce Rowland">
        <a href="javascript:;" rel="G. Joyce Rowland" onmouseover="doTooltip(event,13)" onmouseout="hideTip()">G. Joyce Rowland</a>
        <div class="content">
        <h2>Senior Vice President, Human Resources</h2>
      <img src="../images/management/rowland.jpg" width="125" height="154" />
      <p>G. Joyce Rowland is senior vice president of human resources and chief ethics officer for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services.  The Sempra Energy companies' 13,800 employees serve more than 29 million consumers worldwide.</p>
      <p>In her current position, Rowland is responsible for corporate human resources, including compensation, health and welfare benefits, employee relations, executive/leadership development, staffing and affirmative-action/diversity programs. She also is responsible for corporate security, human resource information systems and payroll.</p>
      <p>Previously, from 1995 to 1998, Rowland was vice president of human resources and chief ethics officer of Pacific Enterprises, the former parent company of Southern California Gas Co. (SoCalGas).</p>
      <p>From 1990 to 1995, Rowland served as manager of labor relations at SoCalGas. Prior to that, she was manager of personnel relations and planning. In 1987, she served as manager of community involvement and, later, manager of consumer affairs.</p>
      <p>She joined SoCalGas in 1980 as an organization and compensation specialist. She held a range of jobs in human resources between 1980 and 1987.</p>
      <p>Rowland has a master’s degree in business administration with a concentration in industrial relations and a bachelor’s degree in psychology (graduating summa cum laude and Phi Beta Kappa) from the University of California, Los Angeles. She also completed the executive education program at the University of Michigan and has a number of certifications including, Certified Employee Benefits Specialist (CEBS), Certified Compensation Professional (CCP) and Senior Professional in Human Resources (SPHR).</p>
      <p>Rowland is a board member of the San Diego Better Business Bureau and the Equality California Institute.  She is an alumna of the “2001 American Issues Forum of LEADERSHIP AMERICA,” and also is a member of a number of professional groups, including the Society for Human Resource Management, World at Work and Anthem Blue Cross of California's consumer relations committee.</p>
        <a href="#" class="close">Return to List</a>
        </div>
        </li>
        <li rel="Lisa Urick">
        <a href="javascript:;" rel="Lisa Urick" onmouseover="doTooltip(event,14)" onmouseout="hideTip()">Lisa Urick</a>
        <div class="content">
        <h2>Vice President, Audit Services</h2>
      <img src="../images/management/urick.jpg" width="125" height="154" />
      <p>Lisa Urick is vice president of audit services for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services.  The Sempra Energy companies’ 13,800 employees serve more than 29 million consumers worldwide.</p>
      <p>In her current position, which she has held since January 2010, Urick oversees Sempra Energy’s internal audit function.</p>
      <p>From 2005 to 2009, Urick served as the assistant general counsel of state regulatory law for Sempra Energy. She joined the company in 1991 as a state regulatory attorney and, from 1999 to 2001, was a managing attorney for the California Power Exchange before returning to Sempra Energy in 2002.</p>
      <p>Urick has served on the board of the Conference of California Public Utility Counsel. She received her law degree from Loyola Law School in Los Angeles, and her bachelor’s degree in French literature and East Asian studies from Wellesley College in Wellesley, Mass.</p>
        <a href="#" class="close">Return to List</a>
        </div>
        </li>
        <li rel="Richard A. Vaccari">
        <a href="javascript:;" rel="Richard A. Vaccari" onmouseover="doTooltip(event,15)" onmouseout="hideTip()">Richard A. Vaccari</a>
        <div class="content">
        <h2>Vice President, Mergers and Acquisitions</h2>
      <img src="../images/management/vaccari.jpg" width="125" height="154" />
      <p>Richard A. Vaccari is vice president of mergers and acquisitions for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity and natural gas products and services.  The Sempra Energy companies' 13,800 employees serve more than 29 million consumers worldwide.</p>
      <p>In his current position, Vaccari is responsible for all Sempra Energy’s strategic development activities. </p>
      <p>Previously, Vaccari was vice president managing development and mergers and acquisitions for Sempra Energy’s competitive energy businesses. He also was the managing director of Sempra Partners, an equity fund with financial and energy counterparts to acquire attractive gas and power assets.</p>
      <p>Prior to joining Sempra Energy in 2003, Vaccari spent more than 20 years in investment banking, focusing primarily on the power sector.  He began his career at Goldman Sachs as vice president of the Public Utility Group, and served as a managing director in the Global Power Group at Merrill Lynch.  He also worked for Credit Suisse First Boston, where he was a senior managing director in the energy group and responsible for some of the largest client relationships in the Midwest.</p>
      <p>Vaccari holds a master’s degree in business administration from the University of Chicago Graduate School of Business and a bachelor’s degree in economics from the University of Pennsylvania.  He currently serves on the board of CleanTECH San Diego.</p>
        <a href="#" class="close">Return to List</a>
        </div>
        </li>
        <li rel="Paul Yong">
        <a href="javascript:;" rel="Paul Yong" onmouseover="doTooltip(event,16)" onmouseout="hideTip()">Paul Yong</a>
        <div class="content">
        <h2>Vice President, Tax and Chief Tax Counsel</h2>
      <img src="../images/management/yong.jpg" width="125" height="154" style="padding-bottom:20px;" />
      <p>Paul Yong is vice president of Tax and Chief Tax Counsel for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies' 13,800 employees serve more than 29 million consumers worldwide.</p>
      <p>As vice president of tax and chief tax counsel, Yong oversees Sempra Energy's tax department. Previously, Yong was associate chief tax counsel for the company.</p>
      <p>Before joining Sempra Energy's tax department in 2004, Yong was a principal with Quantum Tax Consultants, a tax partner with Arthur Andersen and vice president of tax with Unocal Corporation.</p>
      <p>Before that, Yong was a structural engineer with the U.S. Department of Defense.</p>
      <p>Yong has a Juris Doctor degree from Hastings College of Law, a master's degree in tax law from New York University and a bachelor's degree in civil engineering from the University of Hawaii.</p>
      <a href="#" class="close">Return to List</a>
        </div>
        </li>
      </ul>


    
    </div>
</div>
<div style="clear:both"></div>
</div>
</body>
</html>

Open in new window

PdesignzPPC SpecialistAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Steve KrileCommented:
I added an h2 tag to your anchor tags and put the person's name in there.  Then, I put there title in a span tag within the clickable header.  Once clicked, the span is hidden.  When the show list logic fires, the span is shown.

here are the new parts of your jquery:

In the first-child click event:

$(this).children("span").hide();

In the a.close click event:
$("ul.menuList, ul.menuList > li, ul.menuList > li > a > span").fadeIn();
<!-- Original Script -->

         <script type="text/javascript">
		var onmenu ;

        function dropDown(obj){

                //get the value of the drop down
                objRel = $(obj).val();

                //hide everything
                	$(onmenu).fadeOut("slow",function(){
                		//hide everything
                 		$("ul.menuList div.content, ul.menuList li, ul.menuList").hide();
                		var liObj = $("ul.menuList > li[rel='" + objRel + "']");
                		onmenu = $(liObj).parent("ul.menuList");
						$(liObj).parent("ul.menuList").show();
						$(liObj).show();
						$(liObj).children("div.content").fadeIn();

                	});





         }



        $(document).ready(function(){

                //bind a click event to the first child anchor tag of our menu list LIs
                $("ul.menuList > li > a:first-child").click(function(e){
                        //good idea to stop unwanted navigation
                        e.preventDefault();

                        //when the "header" is clicked, change the display of the child DIV tag

                        //hide everything
                        $("ul.menuList div.content, ul.menuList li, ul.menuList").hide();

                        onmenu = $(this).parents("ul.menuList");

                        //show the parent UL
                        $(this).parents("ul.menuList").show();

                        //fade in the li
                        $(this).parents("li").fadeIn();

                        //fade in the content div below the link
                        $(this).next("div.content").fadeIn();

                        //bring in the drop down
                        $("#toc").fadeIn();
                        $("#toc").val($(this).attr("rel"))
                })


                //bind the close click event to all the "bottom" anchor tags
                $("a.close").click(function(e){
                        //good idea to stop unwanted navigation
                        e.preventDefault();

                        //hide everything
                        $("ul.menuList, ul.menuList div.content").hide();
                        $("#toc").hide();

                        //show the base list again
                        $("ul.menuList, ul.menuList > li").fadeIn();
                });


        });



        </script>


<!-- HTML -->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="business_guidelines/guidelines.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-1.4.2.min.js" language="javascript"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
<script type="text/javascript" src="hover.js"></script>
<script type="text/javaScript">
var includedFiles=0;
$(document).ready(function(){
     $("#header").load("../include/header.inc", highlight );
 	$("#left").load("../include/about-nav2.inc #left-top, #left-header, #main", highlight );
});

  function highlight()
  {
	++includedFiles;
	if( includedFiles==2)
	{
    		var loc = window.location.href.split("/");
    		loc = loc[loc.length - 1];
    		$("#left a[href$='"+loc+"']").addClass("selected").parent().parent().parent().find("strong:eq(0)").addClass("selected");
	}
  }

 </script>
         <script type="text/javascript">
		var onmenu ;

        function dropDown(obj){

                //get the value of the drop down
                objRel = $(obj).val();

                //hide everything
                	$(onmenu).fadeOut("slow",function(){
                		//hide everything
                 		$("ul.menuList div.content, ul.menuList li, ul.menuList").hide();
                		var liObj = $("ul.menuList > li[rel='" + objRel + "']");
                		onmenu = $(liObj).parent("ul.menuList");
						$(liObj).parent("ul.menuList").show();
						$(liObj).show();
						$(liObj).children("div.content").fadeIn();

                	});





         }



        $(document).ready(function(){

                //bind a click event to the first child anchor tag of our menu list LIs
                $("ul.menuList > li > a:first-child").click(function(e){
                        //good idea to stop unwanted navigation
                        e.preventDefault();

						$(this).children("span").hide();

                        //when the "header" is clicked, change the display of the child DIV tag

                        //hide everything
                        $("ul.menuList div.content, ul.menuList li, ul.menuList").hide();

                        onmenu = $(this).parents("ul.menuList");

                        //show the parent UL
                        $(this).parents("ul.menuList").show();

                        //fade in the li
                        $(this).parents("li").fadeIn();

                        //fade in the content div below the link
                        $(this).next("div.content").fadeIn();

                        //bring in the drop down
                        $("#toc").fadeIn();
                        $("#toc").val($(this).attr("rel"))
                })


                //bind the close click event to all the "bottom" anchor tags
                $("a.close").click(function(e){
                        //good idea to stop unwanted navigation
                        e.preventDefault();

                        //hide everything
                        $("ul.menuList, ul.menuList div.content").hide();
                        $("#toc").hide();

                        //show the base list again
                        $("ul.menuList, ul.menuList > li, ul.menuList > li > a > span").fadeIn();
                });


        });



        </script>

<style type="text/css">
a {outline:none;}
 strong {font-weight: normal; }
.right-position { padding-left: 60px; float:right }
 #xx { display:none; }
 #menu { display:none; }
 #charter img, #content-left img, #content-right img { float: left; padding: 15px; }
 #content-left h2, content-right h2 { padding-left: 0px; }
 .expand { width: 500px; }
 ul.menuList { width: 200px; padding:2px 2px 2px 0px; list-style-type:none; float:left; margin:10px 10px 10px 0px; }
.menuList ul li { font-weight: bold; background: url(../images/arrow.jpg) no-repeat 0px 4px; list-style: none; padding-left: 10px; font-size: 11px; margin-top: 10px; }
.menuList a:link, .menuList a:visited, .menuList a:active { text-decoration: none; color: #D49100; font-weight: bold; }
.menuList ul li.upper02 { font-weight: bold; background: url(../images/arrow_blue.jpg) no-repeat 0px 4px; list-style: none; padding-left: 10px; font-size: 13px; }
.menuList li { font-weight: bold; background: url(../images/arrow.jpg) no-repeat 0px 4px; list-style: none; padding-left: 10px; font-size: 11px; margin-top: 10px; }
.menuList li.arrow_blue { font-weight: bold; background: url(../images/arrow_blue.jpg) no-repeat 0px 4px; list-style: none; padding-left: 10px; font-size: 11px; margin-top: 10px; }
.menuList li a h2 {margin:0;}

.menuList a:hover { text-decoration: underline; color: #D49100; }
.menuList a.upper01, .menuList a:visited.upper01, .menuList a:active.upper01 { color: #00339a; font-size: 13px; font-weight: bold; text-decoration: none; }
.menuList a:hover.upper01 { color: #00339a; font-size: 13px; font-weight: bold; text-decoration: underline; }
.menuList .content img { padding: 15px; float: left; }
 ul.menuList li { clear:both; padding-bottom: 15px; }
 ul.menuList li div.content {display:none; width: 450px;}
 a.close {float:right;}
 </style>
</head>
<body>
<div id="container">
<div id="header">
</div>
<div style="clear:both"></div>
<div id="banner"></div>
<div id="left">
</div>
<div id="right">
<div id="right-top"></div>
<!--<div id="breadcrumbs">
<a href="about.htm">About</a> Us<span class="large"> &rarr;</span> <a href="team.htm">Management Team</a></div> -->
<div id="content">
<h1 class="title">Management team</h1>
<div id="select" style="margin-top:10px; text-align:right; padding-right: 25px;">
        <select name="toc" id="toc" onchange='dropDown(this)' style="display:none;">
                <option value="" selected="selected">Selecta a Bio &darr;</option>
                <option>Donald E. Felsinger</option>
                <option>Neal E. Schmale</option>
                <option>Debra L. Reed</option>
                <option>Mark A. Snell</option>
                <option>Javade Chaudhri</option>
                <option>----------------------------------------</option>
                <option>Amy H. Chiu</option>
                <option>Randall L. Clark</option>
                <option>Steven D. Davis</option>
                <option>Monica Haas</option>
                <option>Joseph A. Householder</option>
                <option>J. William Ichord</option>
                <option>Charles A. McMonagle</option>
                <option>G. Joyce Rowland</option>
                <option>Lisa Urick</option>
                <option>Richard A. Vaccari</option>
                <option>Paul Yong</option>
        </select>
</div>


        <ul class="menuList">
                <li class="arrow_blue" rel="Donald E. Felsinger">
                        <a href="javascript:;" class="upper01" rel="Donald E. Felsinger" onmouseover="doTooltip(event,1)" onmouseout="hideTip()"><h2>Donald E. Felsinger</h2><span>Chairman and Chief Executive Officer</span></a>
                        <div class="content">

            <img src="../images/management/felsinger.jpg" width="125" height="154" />
          <p>Donald E. Felsinger is chief executive officer and chairman of the board of directors of Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies' 13,800 employees serve 29 million consumers worldwide.</p>
              <p>In  his current position, which he has held since Feb. 1, 2006, Felsinger directs the strategic operations of all the Sempra Energy companies.</p>
              <p>Felsinger previously was  president and chief operating officer of   Sempra Energy, when he was responsible  for implementing Sempra Energy’s   growth strategy and for overall management of  the Sempra Energy   companies. He has been a member of the board of directors  since 2004.</p>
              <p>Before that, Felsinger was  group president of Sempra Global, the   umbrella for Sempra Energy’s businesses  operating in competitive energy   markets.   In that position, Felsinger led Sempra Energy’s expansion   into  successful businesses in power generation, energy-infrastructure   development,  energy trading and marketing, and liquefied natural gas   development.</p>
              <p>Prior to the merger that formed Sempra Energy,  beginning Jan. 1, 1998,   Felsinger served as president and chief operating  officer of Enova   Corporation, the parent company of San Diego Gas &amp;  Electric   (SDG&amp;E).</p>
              <p>Previously,  Felsinger was president and chief executive officer of   SDG&amp;E from 1996 to  1998.  He also was a board director of    SDG&amp;E and executive vice president of Enova Corporation.  Prior to   that, Felsinger was executive vice  president of SDG&amp;E, a position   he held from 1993 to 1996.</p>
              <p>After  Felsinger joined SDG&amp;E in 1972, he held a variety of officer   positions with  responsibility for all aspects of the utility business.</p>
              <p>Felsinger is a graduate of the Stanford University executive program and also has a bachelor’s degree in mechanical engineering from the University of Arizona. He serves as the director of the Northrop Grumman Corp. and as a member of the Conference Board, the Committee Encouraging Corporate Philanthropy, and the U.S.-Mexico Chamber of Commerce. Felsinger has also served on the green Foundation and was co-chair of the Forum Fronterizo Council of the San Diego Dialogue.</p>

                                <a href="#" class="close">Return to List</a>                        </div>
          </li>

                <li class="arrow_blue" rel="Neal E. Schmale">
                        <a href="javascript:;" class="upper01" rel="Neal E. Schmale" onmouseover="doTooltip(event,3)" onmouseout="hideTip()"><h2>Neal E. Schmale</h2><span>President and Chief Operating Officer</span></a>
                        <div class="content">

          <img src="../images/management/schmale.jpg" width="125" height="154" style="padding-bottom:25px;" />
            <p>Neal E. Schmale is president, chief operating officer and a member of the board of directors for Sempra Energy, a San Diego-based, Fortune 500, energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies' 13,800 employees serve more than 29 million consumers worldwide.</p>
          <p>In his current job Schmale is responsible for implementing Sempra Energy's growth strategy and for overall management of the Sempra Energy companies. He has been a member of the board of directors since 2004.</p>
          <p>Schmale was executive vice president and chief financial officer of Sempra Energy.</p>
          <p>Before his career at Sempra Energy, Schmale was chief financial officer and a member of the board of directors of UNOCAL Corp. and had earlier served as UNOCAL's senior vice president and president of its Petroleum Products and Chemical division. Throughout his 29-year career at UNOCAL, Schmale held a range of jobs in the operations, legal and finance functions.</p>
          <p>Schmale, a native of Nebraska, has a law degree from Loyola University of Los Angeles' Law School and a bachelor's degree in petroleum engineering from the Colorado School of Mines. He is a member of the board of directors of Murphy Oil Corp. and serves on its audit and compensation committees. He is the nonexecutive chairman of the board of directors of the WD-40 Co., and was a chairman of its audit committee. Schmale is a member of the California Bar.</p>
                                <a href="javascript:;" class="close">Return to List</a>                        </div>
          </li>
                <li class="arrow_blue" rel="Javade Chaudhri">
                <a href="javascript:;" class="upper01" rel="Javade Chaudhri" onmouseover="doTooltip(event,5)" onmouseout="hideTip()"><h2>Javade Chaudhri</h2><span>Executive Vice President and General Counsel</span></a>
                <div class="content">

      <img src="../images/management/chaudhri.jpg" width="125" height="154" />
      <p>Javade Chaudhri is executive vice president and general counsel for Sempra Energy, a San Diego-based Fortune 500 energy-services company whose subsidiaries provide electricity, natural gas and value-added products and services. Sempra Energy’s 13,800 employees serve more than 29 million consumers in the United States, Europe, Canada, Mexico, South America and Asia.</p>
      <p>Chaudhri, who has served in his current position since 2003 when he joined the company, is responsible for all legal affairs and compliance for Sempra Energy. He also serves as Sempra Energy’s chief environmental officer.
Previously from 2001 to 2003, Chaudhri served as senior vice president and general counsel of San Diego-based Gateway Inc. since 2001, managing the company’s legal affairs, government relations, contract administration and ethics.</p>
      <p>Prior to joining Gateway as deputy general counsel in 1999, Chaudhri was a senior partner in the Washington, D.C., office of the international law firm of Winston & Strawn, where he co-managed the international and technology practice groups. Prior to that, Chaudhri was a partner at the law firm Jones Day Reavis & Pogue.</p>
      <p>Chaudhri has worldwide experience in helping major private and public-sector companies transact business, and undertake mergers and acquisitions projects. He also has been involved in providing regulatory advice before a number of federal agencies, as well as taking part in major litigation, mediation and arbitration matters. He has written and lectured widely on international infrastructure projects, technology, and commercial law. He has served as a visiting faculty member for the International Development Law Organization in Rome and the International Law Institute in Washington, D.C.</p>
      <p>Chaudhri has a bachelor’s and master’s degree from Yale University in New Have, Conn. and a law degree from Georgetown University in Washington D.C. </p>
                <a href="javascript:;" class="close">Return to List</a>                </div>
          </li>
          <li class="arrow" rel="Amy H. Chiu">
            <a href="javascript:;" rel="Amy H. Chiu" onmouseover="doTooltip(event,6)" onmouseout="hideTip()"><h2>Amy H. Chiu</h2><span>Vice President, Risk Analysis and Management</span></a>
                <div class="content">

      <img src="../images/management/Chiu_new.jpg" width="125" height="175" style="padding-bottom:25px;" />
      <p>Amy Chiu is vice president of risk analysis and management for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services.  The Sempra Energy companies’ 13,800 employees serve more than 29 million consumers worldwide.</p>
      <p>Previously, Chiu was vice president of audit services, where she was responsible for Sempra Energy’s internal audit function. Before that, she held positions of increasing responsibility including director of business planning in the mergers and acquisitions group, manager of executive projects and manager of economic analysis.</p>
      <p>Prior to joining Sempra Energy, Chiu held senior-level financial and actuarial analyst positions for Intelsat and Watson Wyatt Worldwide.</p>
      <p>Chiu currently serves on the board of directors of the Preuss School at University of California, San Diego.  She has a master’s degree in business administration from American University in Washington D.C., a doctorate in mathematics from Boston University and a bachelor’s degree in mathematics from Mills College in Oakland, Calif.</p>
      <a href="javascript:;" class="close">Return to List</a>    </div>
        </li>
        <li rel="Randall L. Clark">
        <a href="javascript:void(0)" rel="Randall L. Clark" onmouseover="doTooltip(event,7)" onmouseout="hideTip()"><h2>Randall L. Clark</h2><span>Corporate Secretary and Assistant General Counsel</span></a>
        <div class="content">

      <img src="../images/management/clark.jpg" width="125" height="154" />
      <p>Randy Clark is corporate secretary and assistant general counsel for Sempra Energy, a San Diego-based Fortune 500 energy serves holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies’ 13,800 employees serve more than 29 million consumers worldwide.</p>
      <p>As corporate secretary and assistant general counsel, Clark coordinates and records all meetings of the board of directors and its committees, serves as a liaison between the directors and the chief executive officer of the company and oversees corporate governance and corporate structuring for the company's domestic and international subsidiaries.</p>
      <p>Previously, Clark was a managing attorney with Sempra Energy, where he oversaw a variety of domestic and international mergers and acquisitions, joint ventures, development projects and international legal issues. He was also principally responsible for corporate governance and corporate structuring matters for the domestic and international subsidiaries of Sempra Global, the umbrella for the company's businesses operating in competitive energy markets.</p>
      <p>Prior to joining Sempra Energy in 2000, Clark was an attorney with the law firm of Cooley Godward LLP. There, his practice focused on a full range of corporate and securities matters, including corporate formations, corporate governance, mergers and acquisitions, venture financing, joint ventures, initial public offerings and general business counseling for both public and private companies. Previously, Clark was a corporate attorney with Morrison & Foerster, LLP.</p>
      <p>Clark graduated with honors from Duke University’s School of Law where he emphasized international and comparative law and summa cum laude  with a bachelor's degree in accounting from Pepperdine University.</p>
      <p>Clark is a member of the International Bar Association, the Association of Corporate Counsel, the American Bar Association and other national and local bar associations. He also is active with the Society of Corporate Secretaries & Governance Professionals.</p>
          <a href="#" class="close">Return to List</a>
          </div>
          </li>
                <li rel="Steven D. Davis">
                <a href="javascript:void(0)" rel="Steven D. Davis" onmouseover="doTooltip(event,8)" onmouseout="hideTip()"><h2>Steven D. Davis</h2><span>Vice President, Communications & Community Partnerships</span></a>
                <div class="content">

        <img src="../images/management/davis.jpg" width="125" height="154" />
            <p>Steven D. Davis is vice president of Communications & Community Partnerships for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies' 13,800 employees serve more than 29 million consumers worldwide.</p>
        <p>As vice president of Communications & Community Partnerships, Davis oversees Sempra Energy's communications and community relations activities, as well as the company's media relations, employee communications, issues management, corporate branding, advertising and reputation management functions. In addition, Davis is president of the Sempra Energy Foundation, a 501(c)3 organization that supports sustainable, measurable community-based change in places where Sempra Energy does business.</p>
        <p>Prior to this job, Davis was senior vice president of External Relations and chief financial officer (CFO) for San Diego Gas & Electric (SDG&E) and Southern California Gas Co. (SoCalGas), Sempra Energy's California regulated utilities.</p>
        <p>Davis was named CFO for SDG&E and SoCalGas in 2004, and was responsible for the accounting, financial and budget functions. Also, in his role as senior vice president of External Relations, Davis was responsible for external relations activities, including the legislative analysis, communications, community relations and public affairs activities for SDG&E and SoCalGas.</p>
        <p>Before that, Davis served as senior vice president of Customer Service & External Relations for SDG&E and SoCalGas and vice president of Distribution Operations for SDG&E. Other executive assignments have included division manager of Customer Operations and division manager of Governmental & Administrative Services.</p>
        <p>Davis serves on the boards of the San Diego Regional Chamber of Commerce and The Campanile Foundation. He is also on the advisory boards of San Diego Senior Community Centers and the San Diego Burn Institute.</p>
        <p>Davis has a bachelor's degree in business administration (accounting) from San Diego State University, where he graduated with honors.</p>
                <a href="#" class="close">Return to List</a>
                </div>
          </li>
                <li rel="Monica Haas">
                <a href="javascript:;" rel="Monica Haas" onmouseover="doTooltip(event,9)" onmouseout="hideTip()"><h2>Monica Haas</h2><span>Vice President, Communications & Community Partnerships</span></a>
                <div class="content">

        <img src="../images/management/haas.jpg" width="125" height="154" />
            <p>Monica Haas is vice president of Corporate Planning for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies' 13,800 employees serve more than 29 million consumers worldwide.</p>
        <p>As vice president of corporate planning, Haas directs Sempra Energy's corporate planning and global procurement.</p>
        <p>Prior to her role as vice president, Haas was the director of investments for Sempra Energy and held numerous positions with the company in the areas of investment management, business and market development and financial planning and analysis.</p>
        <p>Before joining Sempra Energy in 1993, Haas held a senior-level financial analyst role at General Dynamics.</p>
        <p>Haas holds both a master's and bachelor's degree in business from New Mexico State University.</p>
                <a href="#" class="close">Return to List</a>
                </div>
          </li>
                <li rel="Joseph A. Householder">
                 <a href="javascript:;" rel="Joseph A. Householder" onmouseover="doTooltip(event,10)" onmouseout="hideTip()"><h2>Joseph A. Householder</h2><span>Senior Vice President, Controller and Chief Accounting Officer</span></a>
                 <div class="content">

        <img src="../images/management/householder.jpg" width="125" height="154" />
            <p>Joseph A. Householder is senior vice president, controller and chief accounting officer for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies' 13,800 employees serve more than 29 million consumers worldwide.</p>
        <p>In his current job, Householder oversees the financial reporting and controls, financial planning and tax functions for all of Sempra Energy's companies.</p>
        <p>Before this job, Householder served as vice president of Corporate Tax and chief tax counsel for Sempra Energy since 2001, where he oversaw Sempra Energy's worldwide tax affairs.</p>
        <p>Prior to joining Sempra Energy in 2001, Householder was a partner at PricewaterhouseCoopers in the firm's national tax office. Before that, he was vice president of Corporate Development and assistant chief financial officer of Unocal until 1999. There, Householder was responsible for worldwide tax planning, financial reporting and forecasting, and risk-management compliance.</p>
        <p>Before that, Householder served as an associate attorney at the firm of Halstead, Baker & Olson from 1984 to 1986. Prior to that, he was a certified public accountant at Maginnis, Knechtel & McIntyre from 1979 to 1984.</p>
        <p>Householder has a bachelor's degree in business administration from the University of Southern California and a law degree from Loyola Law School. Also, he has completed the executive program at UCLA Anderson School.</p>
        <p>He is a member of the Tax Executives Institute, the American Institute of Certified Public Accountants, the California Bar and the American Bar Association.</p>
                 <a href="#" class="close">Return to List</a>
                 </div>
          </li>
          <li rel="J. William Ichord">
            <a href="javascript:;" rel="J. William Ichord" onmouseover="doTooltip(event,11)" onmouseout="hideTip()"><h2>J. William
          Ichord</h2><span>Vice President, Government Relations</span></a>
<div class="content">

        <img src="../images/management/ichord.jpg" width="125" height="154" style="padding-bottom:25px;" />
            <p>J. William Ichord is vice president of government relations for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services.  The Sempra Energy companies' 13,800 employees serve 29 million consumers worldwide.</p>
        <p>As vice president of government relations, Ichord directs Sempra Energy’s local, state and federal government affairs.</p>
        <p>Before joining Sempra Energy in 2007, Ichord was managing director of global affairs and international counsel for the American Chemistry Council, an industry trade group representing companies engaged in the business of chemistry.</p>
        <p>Previously, Ichord had a 17-year career with Unocal Corp., where he served as vice president and general manager of government and international relations.  Ichord also was vice president of the international public relations firm Burson-Marsteller, and held staff positions for eight years with the U.S. Senate, serving as general counsel for Sen. John D. Rockefeller IV, counsel for the Senate Judiciary Committee and legislative assistant for Sen. Joseph Biden Jr.  Ichord began his career as an environmental specialist and counsel for the U.S. Department of Energy.</p>
        <p>Ichord serves on the board of directors of the San Diego Symphony and Town Hall Los Angeles. Ichord’s past affiliations include memberships on a number of boards such as the US-ASEAN Business Council’s Executive and Energy Committees, the National Center for Asia-Pacific Economic Cooperation, the National Foreign Trade Council and the U.S. Azerbaijan Chamber of Commerce.</p>
        <p>Ichord holds a law degree from Washington University, St. Louis, and a bachelor’s degree in political science from Denison University, Granville, Ohio, where he was elected to Phi Beta Kappa.  He is a member of the District of Columbia Bar.</p>
                <a href="#" class="close">Return to List</a>
          </div>
          </li>
      </ul>

<ul class="menuList">
                <li class="arrow_blue" rel="Debra L. Reed">
                  <a href="javascript:;" class="upper01" rel="Debra L. Reed" onmouseover="doTooltip(event,2)" onmouseout="hideTip()"><h2>Debra L. Reed</h2><span>Executive Vice President</span></a>
                  <div class="content">

                           <img src="../images/management/reed02.jpg" width="125" height="154" />
                                     <p>Debra L. Reed is executive vice president for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies' 13,800 employees serve 29 million consumers worldwide.</p>
            <p>Before joining Sempra Energy, Reed served as president and chief executive officer (CEO) of San Diego Gas & Electric (SDG&E) and Southern California Gas Co. (SoCalGas), Sempra Energy’s regulated California utilities.</p>
            <p>From 1984 to 1994, Reed held leadership positions with SoCalGas, including vice president of human resources, vice president of administrative services, manager of environmental engineering and manager of personnel relations. In 1983, she served as area market services manager after five years of working in marketing. Reed joined SoCalGas in February 1978 as an energy systems engineer and, in 1988, became the first female officer appointed at the company.</p>
            <p>Reed serves on the board of directors of UCSD’s Jacobs School of Engineering and for Halliburton Company; the San Diego Regional Economic Development Corporation; the American Gas Association; and the Precourt Institute for Energy Efficiency at Stanford University. She is a member of The Trusteeship, an affiliate of the International Women’s Forum. Previously, Reed served on the board of directors of Genentech, Dominguez Services Corporation, and the University of Southern California Board of Councilors.</p>
            <p>In 2006, Reed was inducted into the Junior Achievement San Diego Business Hall of Fame. In 2004, she was awarded “Woman of the Year” from the California Science Center and was named one of San Diego Magazine's “50 People to Watch.” Reed received the 23rd Annual Tribute to Women and Industry (TWIN) Award from the YWCA of San Diego County in 2002. She was a recipient of the League of Women Voters Glass Ceiling Award in 2000. Reed was featured on the cover of the July 2002 issue of Gas Utility Manager magazine for an article on making mergers work.</p>
            <p>Reed graduated summa cum laude from the University of Southern California with a bachelor’s degree in civil engineering.</p>

                                <a href="#" class="close">Return to List</a>                        </div>
        </li>

        <li class="arrow_blue" rel="Mark A. Snell">
          <a href="javascript:;" class="upper01" rel="Mark A. Snell" onmouseover="doTooltip(event,4)" onmouseout="hideTip()"><h2>Mark A. Snell</h2><span>Executive Vice President and Chief Financial Officer</span></a>
                        <div class="content">

                                <img src="../images/management/snell.jpg" width="125" height="154" />
      <p>Mark A. Snell is executive vice president and chief financial officer of Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies' 13,800 employees serve more than 29 million consumers worldwide. </p>
      <p>Snell formerly was group president of Sempra Global, the umbrella organization for the competitive businesses of Sempra Energy. In that position, Snell oversaw all aspects of Sempra Global in competitive energy markets, including energy trading, electric generation, liquefied natural gas, pipelines and storage facilities, international utilities and retail energy marketing.</p>
      <p>Before becoming group president, Snell was chief financial officer of Sempra Global overseeing the acquisitions, business development and all financial matters for the group.</p>
      <p>Prior to his role with Sempra Global, Snell was vice president of planning and development for Sempra Energy.</p>
      <p>Before joining Sempra Energy in 2001, Snell served as executive vice president and chief financial officer for Earth Tech, a Long Beach, Calif.-based water management, engineering and environmental services firm. Earth Tech specializes in the design, building and operation of water and wastewater treatment facilities.</p>
      <p>Before joining Earth Tech, Snell was executive vice president and chief financial officer at Dames and Moore, a NYSE listed engineering and construction firm headquartered in Los Angeles. At Dames and Moore, Snell guided the completion of acquisitions that more than doubled the firm's revenues.</p>
      <p>Snell also served as chief financial and administrative officer for Latham & Watkins, a law firm with more than 1,600 partners and employees worldwide. He also served as executive vice president and chief financial officer of World Oil Corp., a privately held, integrated oil company. As a senior manager at the Los Angeles office of KPMG Peat Marwick, Snell supervised activities that supported acquisitions by client companies.</p>
      <p>Snell is a member of the board of directors of Venoco Inc. He holds a bachelor's degree in accounting from San Diego State University and is a certified public accountant.</p>

                                <a href="#" class="close">Return to List</a>                        </div>
        </li>
        <li style="background-image:none;"></li>
        <li rel="Charles A. McMonagle">
        <a href="javascript:;" class="upper" rel="Charles A. McMonagle" onmouseover="doTooltip(event,12)" onmouseout="hideTip()"><h2>Charles A. McMonagle</h2><span>Senior Vice President and Treasurer</span></a>
        <div class="content">
      <img src="../images/management/mcmonagle.jpg" width="125" height="154" />
      <p>Charles A. McMonagle is senior vice president and treasurer for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies' 13,800 employees serve 29 million consumers worldwide.</p>
      <p>In his current job, McMonagle oversees financing, cash management, insurance, and pension and nuclear decommissioning trust investments.</p>
      <p>Prior to the merger that formed Sempra Energy in 1998, McMonagle was manager of financial services at Enova Corporation, the parent company of San Diego Gas & Electric (SDG&E). McMonagle joined SDG&E in 1982 and held a range of jobs in the company's financial operations.</p>
      <p>McMonagle has master's degrees in business administration from the University of Washington and in engineering from the University of California.</p>
        <a href="#" class="close">Return to List</a>
        </div>
        </li>
        <li rel="G. Joyce Rowland">
        <a href="javascript:;" rel="G. Joyce Rowland" onmouseover="doTooltip(event,13)" onmouseout="hideTip()"><h2>G. Joyce Rowland</h2><span>Senior Vice President, Human Resources</span></a>
        <div class="content">
      <img src="../images/management/rowland.jpg" width="125" height="154" />
      <p>G. Joyce Rowland is senior vice president of human resources and chief ethics officer for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services.  The Sempra Energy companies' 13,800 employees serve more than 29 million consumers worldwide.</p>
      <p>In her current position, Rowland is responsible for corporate human resources, including compensation, health and welfare benefits, employee relations, executive/leadership development, staffing and affirmative-action/diversity programs. She also is responsible for corporate security, human resource information systems and payroll.</p>
      <p>Previously, from 1995 to 1998, Rowland was vice president of human resources and chief ethics officer of Pacific Enterprises, the former parent company of Southern California Gas Co. (SoCalGas).</p>
      <p>From 1990 to 1995, Rowland served as manager of labor relations at SoCalGas. Prior to that, she was manager of personnel relations and planning. In 1987, she served as manager of community involvement and, later, manager of consumer affairs.</p>
      <p>She joined SoCalGas in 1980 as an organization and compensation specialist. She held a range of jobs in human resources between 1980 and 1987.</p>
      <p>Rowland has a master’s degree in business administration with a concentration in industrial relations and a bachelor’s degree in psychology (graduating summa cum laude and Phi Beta Kappa) from the University of California, Los Angeles. She also completed the executive education program at the University of Michigan and has a number of certifications including, Certified Employee Benefits Specialist (CEBS), Certified Compensation Professional (CCP) and Senior Professional in Human Resources (SPHR).</p>
      <p>Rowland is a board member of the San Diego Better Business Bureau and the Equality California Institute.  She is an alumna of the “2001 American Issues Forum of LEADERSHIP AMERICA,” and also is a member of a number of professional groups, including the Society for Human Resource Management, World at Work and Anthem Blue Cross of California's consumer relations committee.</p>
        <a href="#" class="close">Return to List</a>
        </div>
        </li>
        <li rel="Lisa Urick">
        <a href="javascript:;" rel="Lisa Urick" onmouseover="doTooltip(event,14)" onmouseout="hideTip()"><h2>Lisa Urick</h2><span>Vice President, Audit Services</span></a>
        <div class="content">
      <img src="../images/management/urick.jpg" width="125" height="154" />
      <p>Lisa Urick is vice president of audit services for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services.  The Sempra Energy companies’ 13,800 employees serve more than 29 million consumers worldwide.</p>
      <p>In her current position, which she has held since January 2010, Urick oversees Sempra Energy’s internal audit function.</p>
      <p>From 2005 to 2009, Urick served as the assistant general counsel of state regulatory law for Sempra Energy. She joined the company in 1991 as a state regulatory attorney and, from 1999 to 2001, was a managing attorney for the California Power Exchange before returning to Sempra Energy in 2002.</p>
      <p>Urick has served on the board of the Conference of California Public Utility Counsel. She received her law degree from Loyola Law School in Los Angeles, and her bachelor’s degree in French literature and East Asian studies from Wellesley College in Wellesley, Mass.</p>
        <a href="#" class="close">Return to List</a>
        </div>
        </li>
        <li rel="Richard A. Vaccari">
        <a href="javascript:;" rel="Richard A. Vaccari" onmouseover="doTooltip(event,15)" onmouseout="hideTip()"><h2>Richard A. Vaccari</h2><span>Vice President, Mergers and Acquisitions</span></a>
        <div class="content">
      <img src="../images/management/vaccari.jpg" width="125" height="154" />
      <p>Richard A. Vaccari is vice president of mergers and acquisitions for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity and natural gas products and services.  The Sempra Energy companies' 13,800 employees serve more than 29 million consumers worldwide.</p>
      <p>In his current position, Vaccari is responsible for all Sempra Energy’s strategic development activities. </p>
      <p>Previously, Vaccari was vice president managing development and mergers and acquisitions for Sempra Energy’s competitive energy businesses. He also was the managing director of Sempra Partners, an equity fund with financial and energy counterparts to acquire attractive gas and power assets.</p>
      <p>Prior to joining Sempra Energy in 2003, Vaccari spent more than 20 years in investment banking, focusing primarily on the power sector.  He began his career at Goldman Sachs as vice president of the Public Utility Group, and served as a managing director in the Global Power Group at Merrill Lynch.  He also worked for Credit Suisse First Boston, where he was a senior managing director in the energy group and responsible for some of the largest client relationships in the Midwest.</p>
      <p>Vaccari holds a master’s degree in business administration from the University of Chicago Graduate School of Business and a bachelor’s degree in economics from the University of Pennsylvania.  He currently serves on the board of CleanTECH San Diego.</p>
        <a href="#" class="close">Return to List</a>
        </div>
        </li>
        <li rel="Paul Yong">
        <a href="javascript:;" rel="Paul Yong" onmouseover="doTooltip(event,16)" onmouseout="hideTip()"><h2>Paul Yong</h2><span>Vice President, Tax and Chief Tax Counsel</span></a>
        <div class="content">
        <h2></h2>
      <img src="../images/management/yong.jpg" width="125" height="154" style="padding-bottom:20px;" />
      <p>Paul Yong is vice president of Tax and Chief Tax Counsel for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies' 13,800 employees serve more than 29 million consumers worldwide.</p>
      <p>As vice president of tax and chief tax counsel, Yong oversees Sempra Energy's tax department. Previously, Yong was associate chief tax counsel for the company.</p>
      <p>Before joining Sempra Energy's tax department in 2004, Yong was a principal with Quantum Tax Consultants, a tax partner with Arthur Andersen and vice president of tax with Unocal Corporation.</p>
      <p>Before that, Yong was a structural engineer with the U.S. Department of Defense.</p>
      <p>Yong has a Juris Doctor degree from Hastings College of Law, a master's degree in tax law from New York University and a bachelor's degree in civil engineering from the University of Hawaii.</p>
      <a href="#" class="close">Return to List</a>
        </div>
        </li>
      </ul>



    </div>
</div>
<div style="clear:both"></div>
</div>
</body>
</html>

Open in new window

0
Steve KrileCommented:
Just noticed, you will need to modify the "hide everything" line in the dropDown() function as well:

$("ul.menuList div.content, ul.menuList li, ul.menuList,ul.menuList > li > a > span").hide();
0
PdesignzPPC SpecialistAuthor Commented:
(1)Looks great! Need a couple of modifications...
In the original script, there was an H2 as the title in the hidden div, seems that you moved that h2 to the a tag. With this modification, I still need the Name and Title displayed when viewing the list, but now when you view the expanded mode, I no longer need the title to be hidden. Originally, I was thinking the h2 title in the hidden div and title under the name when in the list view, but since you made it shared, no longer need to hide title, as I need it displayed in both places.
(2)Can we take the span out of the <a> tag, when in list view I just want the name to appear as link, I also want the title when in list view to smaller and different color,  so taking out of <a> tag would solve that.
(3) When switched over to the expanded view, can the title become an h2 or add a class to it, something to that effect.

So essentially something like this,
When in List View, you see name and title. Only name is link. When you click on link it displays expanded view with select list. Still displaying Name and Title. Title now either an h2 or has a class assigned to so that it displays bolder and different color than in list view. If easier maybe name could be h1 and title h2, but in list view the h2 takes a class so that it does not look like h2, but in expanded view class is removed so displays like proper h2....

Let me know if have questions, hope not confusing you.
Am newbie to jquery, appreciate your help!
0
Determine the Perfect Price for Your IT Services

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden with our free interactive tool and use it to determine the right price for your IT services. Download your free eBook now!

PdesignzPPC SpecialistAuthor Commented:
Forgot another part, sorry. Since title is now in the div where the name is and that has a set width for the list view, when looking at expanded view, can we have the title on a single line, rather than broken up into multiple lines due to the width of the div for the list view.

Thank You
0
Steve KrileCommented:
Something like this?  I moved the Spans below the anchor tag.

I removed the span references in the jquery.  Everything else is the same.
<!-- HTML -->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="business_guidelines/guidelines.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-1.4.2.min.js" language="javascript"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
<script type="text/javascript" src="hover.js"></script>
<script type="text/javaScript">
var includedFiles=0;
$(document).ready(function(){
     $("#header").load("../include/header.inc", highlight );
 	$("#left").load("../include/about-nav2.inc #left-top, #left-header, #main", highlight );
});

  function highlight()
  {
	++includedFiles;
	if( includedFiles==2)
	{
    		var loc = window.location.href.split("/");
    		loc = loc[loc.length - 1];
    		$("#left a[href$='"+loc+"']").addClass("selected").parent().parent().parent().find("strong:eq(0)").addClass("selected");
	}
  }

 </script>
         <script type="text/javascript">
		var onmenu ;

        function dropDown(obj){

                //get the value of the drop down
                objRel = $(obj).val();

                //hide everything
                	$(onmenu).fadeOut("fast",function(){
                		//hide everything
                 		$("ul.menuList div.content, ul.menuList li, ul.menuList").hide();
                		var liObj = $("ul.menuList > li[rel='" + objRel + "']");
                		onmenu = $(liObj).parent("ul.menuList");
						$(liObj).parent("ul.menuList").show();
						$(liObj).show();
						$(liObj).children("div.content").fadeIn();

                	});





         }



        $(document).ready(function(){

                //bind a click event to the first child anchor tag of our menu list LIs
                $("ul.menuList > li > a:first-child").click(function(e){
                        //good idea to stop unwanted navigation
                        e.preventDefault();

						$(this).children("span").hide();

                        //when the "header" is clicked, change the display of the child DIV tag

                        //hide everything
                        $("ul.menuList div.content, ul.menuList li, ul.menuList").hide();

                        onmenu = $(this).parents("ul.menuList");

                        //show the parent UL
                        $(this).parents("ul.menuList").show();

                        //fade in the li
                        $(this).parents("li").fadeIn();

                        //fade in the content div below the link
                        $(this).nextAll("div.content").fadeIn();

                        //bring in the drop down
                        $("#toc").fadeIn();
                        $("#toc").val($(this).attr("rel"))
                })


                //bind the close click event to all the "bottom" anchor tags
                $("a.close").click(function(e){
                        //good idea to stop unwanted navigation
                        e.preventDefault();

                        //hide everything
                        $("ul.menuList, ul.menuList div.content").hide();
                        $("#toc").hide();

                        //show the base list again
                        $("ul.menuList, ul.menuList > li").fadeIn();
                });


        });



        </script>

<style type="text/css">
a {outline:none;}
 strong {font-weight: normal; }
.right-position { padding-left: 60px; float:right }
 #xx { display:none; }
 #menu { display:none; }
 #charter img, #content-left img, #content-right img { float: left; padding: 15px; }
 #content-left h2, content-right h2 { padding-left: 0px; }
 .expand { width: 500px; }
 ul.menuList { width: 200px; padding:2px 2px 2px 0px; list-style-type:none; float:left; margin:10px 10px 10px 0px; }
.menuList ul li { font-weight: bold; background: url(../images/arrow.jpg) no-repeat 0px 4px; list-style: none; padding-left: 10px; font-size: 11px; margin-top: 10px; }
.menuList a:link, .menuList a:visited, .menuList a:active { text-decoration: none; color: #D49100; font-weight: bold; }
.menuList ul li.upper02 { font-weight: bold; background: url(../images/arrow_blue.jpg) no-repeat 0px 4px; list-style: none; padding-left: 10px; font-size: 13px; }
.menuList li { font-weight: bold; background: url(../images/arrow.jpg) no-repeat 0px 4px; list-style: none; padding-left: 10px; font-size: 11px; margin-top: 10px; }
.menuList li.arrow_blue { font-weight: bold; background: url(../images/arrow_blue.jpg) no-repeat 0px 4px; list-style: none; padding-left: 10px; font-size: 11px; margin-top: 10px; }
.menuList li a h2 {margin:0;}

.menuList a:hover { text-decoration: underline; color: #D49100; }
.menuList a.upper01, .menuList a:visited.upper01, .menuList a:active.upper01 { color: #00339a; font-size: 13px; font-weight: bold; text-decoration: none; }
.menuList a:hover.upper01 { color: #00339a; font-size: 13px; font-weight: bold; text-decoration: underline; }
.menuList .content img { padding: 15px; float: left; }
 ul.menuList li { clear:both; padding-bottom: 15px; }
 ul.menuList li div.content {display:none; width: 450px;}
 a.close {float:right;}
 </style>
</head>
<body>
<div id="container">
<div id="header">
</div>
<div style="clear:both"></div>
<div id="banner"></div>
<div id="left">
</div>
<div id="right">
<div id="right-top"></div>
<!--<div id="breadcrumbs">
<a href="about.htm">About</a> Us<span class="large"> &rarr;</span> <a href="team.htm">Management Team</a></div> -->
<div id="content">
<h1 class="title">Management team</h1>
<div id="select" style="margin-top:10px; text-align:right; padding-right: 25px;">
        <select name="toc" id="toc" onchange='dropDown(this)' style="display:none;">
                <option value="" selected="selected">Selecta a Bio &darr;</option>
                <option>Donald E. Felsinger</option>
                <option>Neal E. Schmale</option>
                <option>Debra L. Reed</option>
                <option>Mark A. Snell</option>
                <option>Javade Chaudhri</option>
                <option>----------------------------------------</option>
                <option>Amy H. Chiu</option>
                <option>Randall L. Clark</option>
                <option>Steven D. Davis</option>
                <option>Monica Haas</option>
                <option>Joseph A. Householder</option>
                <option>J. William Ichord</option>
                <option>Charles A. McMonagle</option>
                <option>G. Joyce Rowland</option>
                <option>Lisa Urick</option>
                <option>Richard A. Vaccari</option>
                <option>Paul Yong</option>
        </select>
</div>


        <ul class="menuList">
                <li class="arrow_blue" rel="Donald E. Felsinger">
                        <a href="javascript:;" class="upper01" rel="Donald E. Felsinger" onmouseover="doTooltip(event,1)" onmouseout="hideTip()"><h2>Donald E. Felsinger</h2></a>
                        <span>Chairman and Chief Executive Officer</span>
                        <div class="content">

            <img src="../images/management/felsinger.jpg" width="125" height="154" />
          <p>Donald E. Felsinger is chief executive officer and chairman of the board of directors of Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies' 13,800 employees serve 29 million consumers worldwide.</p>
              <p>In  his current position, which he has held since Feb. 1, 2006, Felsinger directs the strategic operations of all the Sempra Energy companies.</p>
              <p>Felsinger previously was  president and chief operating officer of   Sempra Energy, when he was responsible  for implementing Sempra Energy’s   growth strategy and for overall management of  the Sempra Energy   companies. He has been a member of the board of directors  since 2004.</p>
              <p>Before that, Felsinger was  group president of Sempra Global, the   umbrella for Sempra Energy’s businesses  operating in competitive energy   markets.   In that position, Felsinger led Sempra Energy’s expansion   into  successful businesses in power generation, energy-infrastructure   development,  energy trading and marketing, and liquefied natural gas   development.</p>
              <p>Prior to the merger that formed Sempra Energy,  beginning Jan. 1, 1998,   Felsinger served as president and chief operating  officer of Enova   Corporation, the parent company of San Diego Gas &amp;  Electric   (SDG&amp;E).</p>
              <p>Previously,  Felsinger was president and chief executive officer of   SDG&amp;E from 1996 to  1998.  He also was a board director of    SDG&amp;E and executive vice president of Enova Corporation.  Prior to   that, Felsinger was executive vice  president of SDG&amp;E, a position   he held from 1993 to 1996.</p>
              <p>After  Felsinger joined SDG&amp;E in 1972, he held a variety of officer   positions with  responsibility for all aspects of the utility business.</p>
              <p>Felsinger is a graduate of the Stanford University executive program and also has a bachelor’s degree in mechanical engineering from the University of Arizona. He serves as the director of the Northrop Grumman Corp. and as a member of the Conference Board, the Committee Encouraging Corporate Philanthropy, and the U.S.-Mexico Chamber of Commerce. Felsinger has also served on the green Foundation and was co-chair of the Forum Fronterizo Council of the San Diego Dialogue.</p>

                                <a href="#" class="close">Return to List</a>                        </div>
          </li>

                <li class="arrow_blue" rel="Neal E. Schmale">
                        <a href="javascript:;" class="upper01" rel="Neal E. Schmale" onmouseover="doTooltip(event,3)" onmouseout="hideTip()"><h2>Neal E. Schmale</h2></a>
                        <span>President and Chief Operating Officer</span>
                        <div class="content">

          <img src="../images/management/schmale.jpg" width="125" height="154" style="padding-bottom:25px;" />
            <p>Neal E. Schmale is president, chief operating officer and a member of the board of directors for Sempra Energy, a San Diego-based, Fortune 500, energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies' 13,800 employees serve more than 29 million consumers worldwide.</p>
          <p>In his current job Schmale is responsible for implementing Sempra Energy's growth strategy and for overall management of the Sempra Energy companies. He has been a member of the board of directors since 2004.</p>
          <p>Schmale was executive vice president and chief financial officer of Sempra Energy.</p>
          <p>Before his career at Sempra Energy, Schmale was chief financial officer and a member of the board of directors of UNOCAL Corp. and had earlier served as UNOCAL's senior vice president and president of its Petroleum Products and Chemical division. Throughout his 29-year career at UNOCAL, Schmale held a range of jobs in the operations, legal and finance functions.</p>
          <p>Schmale, a native of Nebraska, has a law degree from Loyola University of Los Angeles' Law School and a bachelor's degree in petroleum engineering from the Colorado School of Mines. He is a member of the board of directors of Murphy Oil Corp. and serves on its audit and compensation committees. He is the nonexecutive chairman of the board of directors of the WD-40 Co., and was a chairman of its audit committee. Schmale is a member of the California Bar.</p>
                                <a href="javascript:;" class="close">Return to List</a>                        </div>
          </li>
                <li class="arrow_blue" rel="Javade Chaudhri">
                <a href="javascript:;" class="upper01" rel="Javade Chaudhri" onmouseover="doTooltip(event,5)" onmouseout="hideTip()"><h2>Javade Chaudhri</h2></a>
                <span>Executive Vice President and General Counsel</span>
                <div class="content">

      <img src="../images/management/chaudhri.jpg" width="125" height="154" />
      <p>Javade Chaudhri is executive vice president and general counsel for Sempra Energy, a San Diego-based Fortune 500 energy-services company whose subsidiaries provide electricity, natural gas and value-added products and services. Sempra Energy’s 13,800 employees serve more than 29 million consumers in the United States, Europe, Canada, Mexico, South America and Asia.</p>
      <p>Chaudhri, who has served in his current position since 2003 when he joined the company, is responsible for all legal affairs and compliance for Sempra Energy. He also serves as Sempra Energy’s chief environmental officer.
Previously from 2001 to 2003, Chaudhri served as senior vice president and general counsel of San Diego-based Gateway Inc. since 2001, managing the company’s legal affairs, government relations, contract administration and ethics.</p>
      <p>Prior to joining Gateway as deputy general counsel in 1999, Chaudhri was a senior partner in the Washington, D.C., office of the international law firm of Winston & Strawn, where he co-managed the international and technology practice groups. Prior to that, Chaudhri was a partner at the law firm Jones Day Reavis & Pogue.</p>
      <p>Chaudhri has worldwide experience in helping major private and public-sector companies transact business, and undertake mergers and acquisitions projects. He also has been involved in providing regulatory advice before a number of federal agencies, as well as taking part in major litigation, mediation and arbitration matters. He has written and lectured widely on international infrastructure projects, technology, and commercial law. He has served as a visiting faculty member for the International Development Law Organization in Rome and the International Law Institute in Washington, D.C.</p>
      <p>Chaudhri has a bachelor’s and master’s degree from Yale University in New Have, Conn. and a law degree from Georgetown University in Washington D.C. </p>
                <a href="javascript:;" class="close">Return to List</a>                </div>
          </li>
          <li class="arrow" rel="Amy H. Chiu">
            <a href="javascript:;" rel="Amy H. Chiu" onmouseover="doTooltip(event,6)" onmouseout="hideTip()"><h2>Amy H. Chiu</h2></a>
            <span>Vice President, Risk Analysis and Management</span>
            <div class="content">

      <img src="../images/management/Chiu_new.jpg" width="125" height="175" style="padding-bottom:25px;" />
      <p>Amy Chiu is vice president of risk analysis and management for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services.  The Sempra Energy companies’ 13,800 employees serve more than 29 million consumers worldwide.</p>
      <p>Previously, Chiu was vice president of audit services, where she was responsible for Sempra Energy’s internal audit function. Before that, she held positions of increasing responsibility including director of business planning in the mergers and acquisitions group, manager of executive projects and manager of economic analysis.</p>
      <p>Prior to joining Sempra Energy, Chiu held senior-level financial and actuarial analyst positions for Intelsat and Watson Wyatt Worldwide.</p>
      <p>Chiu currently serves on the board of directors of the Preuss School at University of California, San Diego.  She has a master’s degree in business administration from American University in Washington D.C., a doctorate in mathematics from Boston University and a bachelor’s degree in mathematics from Mills College in Oakland, Calif.</p>
      <a href="javascript:;" class="close">Return to List</a>    </div>
        </li>
        <li rel="Randall L. Clark">
        <a href="javascript:void(0)" rel="Randall L. Clark" onmouseover="doTooltip(event,7)" onmouseout="hideTip()"><h2>Randall L. Clark</h2></a>
        <span>Corporate Secretary and Assistant General Counsel</span>
        <div class="content">

      <img src="../images/management/clark.jpg" width="125" height="154" />
      <p>Randy Clark is corporate secretary and assistant general counsel for Sempra Energy, a San Diego-based Fortune 500 energy serves holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies’ 13,800 employees serve more than 29 million consumers worldwide.</p>
      <p>As corporate secretary and assistant general counsel, Clark coordinates and records all meetings of the board of directors and its committees, serves as a liaison between the directors and the chief executive officer of the company and oversees corporate governance and corporate structuring for the company's domestic and international subsidiaries.</p>
      <p>Previously, Clark was a managing attorney with Sempra Energy, where he oversaw a variety of domestic and international mergers and acquisitions, joint ventures, development projects and international legal issues. He was also principally responsible for corporate governance and corporate structuring matters for the domestic and international subsidiaries of Sempra Global, the umbrella for the company's businesses operating in competitive energy markets.</p>
      <p>Prior to joining Sempra Energy in 2000, Clark was an attorney with the law firm of Cooley Godward LLP. There, his practice focused on a full range of corporate and securities matters, including corporate formations, corporate governance, mergers and acquisitions, venture financing, joint ventures, initial public offerings and general business counseling for both public and private companies. Previously, Clark was a corporate attorney with Morrison & Foerster, LLP.</p>
      <p>Clark graduated with honors from Duke University’s School of Law where he emphasized international and comparative law and summa cum laude  with a bachelor's degree in accounting from Pepperdine University.</p>
      <p>Clark is a member of the International Bar Association, the Association of Corporate Counsel, the American Bar Association and other national and local bar associations. He also is active with the Society of Corporate Secretaries & Governance Professionals.</p>
          <a href="#" class="close">Return to List</a>
          </div>
          </li>
                <li rel="Steven D. Davis">
                <a href="javascript:void(0)" rel="Steven D. Davis" onmouseover="doTooltip(event,8)" onmouseout="hideTip()"><h2>Steven D. Davis</h2></a>
                <span>Vice President, Communications & Community Partnerships</span>
                <div class="content">

        <img src="../images/management/davis.jpg" width="125" height="154" />
            <p>Steven D. Davis is vice president of Communications & Community Partnerships for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies' 13,800 employees serve more than 29 million consumers worldwide.</p>
        <p>As vice president of Communications & Community Partnerships, Davis oversees Sempra Energy's communications and community relations activities, as well as the company's media relations, employee communications, issues management, corporate branding, advertising and reputation management functions. In addition, Davis is president of the Sempra Energy Foundation, a 501(c)3 organization that supports sustainable, measurable community-based change in places where Sempra Energy does business.</p>
        <p>Prior to this job, Davis was senior vice president of External Relations and chief financial officer (CFO) for San Diego Gas & Electric (SDG&E) and Southern California Gas Co. (SoCalGas), Sempra Energy's California regulated utilities.</p>
        <p>Davis was named CFO for SDG&E and SoCalGas in 2004, and was responsible for the accounting, financial and budget functions. Also, in his role as senior vice president of External Relations, Davis was responsible for external relations activities, including the legislative analysis, communications, community relations and public affairs activities for SDG&E and SoCalGas.</p>
        <p>Before that, Davis served as senior vice president of Customer Service & External Relations for SDG&E and SoCalGas and vice president of Distribution Operations for SDG&E. Other executive assignments have included division manager of Customer Operations and division manager of Governmental & Administrative Services.</p>
        <p>Davis serves on the boards of the San Diego Regional Chamber of Commerce and The Campanile Foundation. He is also on the advisory boards of San Diego Senior Community Centers and the San Diego Burn Institute.</p>
        <p>Davis has a bachelor's degree in business administration (accounting) from San Diego State University, where he graduated with honors.</p>
                <a href="#" class="close">Return to List</a>
                </div>
          </li>
                <li rel="Monica Haas">
                <a href="javascript:;" rel="Monica Haas" onmouseover="doTooltip(event,9)" onmouseout="hideTip()"><h2>Monica Haas</h2></a>
                <span>Vice President, Communications & Community Partnerships</span>
                <div class="content">

        <img src="../images/management/haas.jpg" width="125" height="154" />
            <p>Monica Haas is vice president of Corporate Planning for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies' 13,800 employees serve more than 29 million consumers worldwide.</p>
        <p>As vice president of corporate planning, Haas directs Sempra Energy's corporate planning and global procurement.</p>
        <p>Prior to her role as vice president, Haas was the director of investments for Sempra Energy and held numerous positions with the company in the areas of investment management, business and market development and financial planning and analysis.</p>
        <p>Before joining Sempra Energy in 1993, Haas held a senior-level financial analyst role at General Dynamics.</p>
        <p>Haas holds both a master's and bachelor's degree in business from New Mexico State University.</p>
                <a href="#" class="close">Return to List</a>
                </div>
          </li>
                <li rel="Joseph A. Householder">
                 <a href="javascript:;" rel="Joseph A. Householder" onmouseover="doTooltip(event,10)" onmouseout="hideTip()"><h2>Joseph A. Householder</h2></a>
                 <span>Senior Vice President, Controller and Chief Accounting Officer</span>
                 <div class="content">

        <img src="../images/management/householder.jpg" width="125" height="154" />
            <p>Joseph A. Householder is senior vice president, controller and chief accounting officer for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies' 13,800 employees serve more than 29 million consumers worldwide.</p>
        <p>In his current job, Householder oversees the financial reporting and controls, financial planning and tax functions for all of Sempra Energy's companies.</p>
        <p>Before this job, Householder served as vice president of Corporate Tax and chief tax counsel for Sempra Energy since 2001, where he oversaw Sempra Energy's worldwide tax affairs.</p>
        <p>Prior to joining Sempra Energy in 2001, Householder was a partner at PricewaterhouseCoopers in the firm's national tax office. Before that, he was vice president of Corporate Development and assistant chief financial officer of Unocal until 1999. There, Householder was responsible for worldwide tax planning, financial reporting and forecasting, and risk-management compliance.</p>
        <p>Before that, Householder served as an associate attorney at the firm of Halstead, Baker & Olson from 1984 to 1986. Prior to that, he was a certified public accountant at Maginnis, Knechtel & McIntyre from 1979 to 1984.</p>
        <p>Householder has a bachelor's degree in business administration from the University of Southern California and a law degree from Loyola Law School. Also, he has completed the executive program at UCLA Anderson School.</p>
        <p>He is a member of the Tax Executives Institute, the American Institute of Certified Public Accountants, the California Bar and the American Bar Association.</p>
                 <a href="#" class="close">Return to List</a>
                 </div>
          </li>
          <li rel="J. William Ichord">
            <a href="javascript:;" rel="J. William Ichord" onmouseover="doTooltip(event,11)" onmouseout="hideTip()"><h2>J. William
          Ichord</h2></a>
		<span>Vice President, Government Relations</span>
		<div class="content">

        <img src="../images/management/ichord.jpg" width="125" height="154" style="padding-bottom:25px;" />
            <p>J. William Ichord is vice president of government relations for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services.  The Sempra Energy companies' 13,800 employees serve 29 million consumers worldwide.</p>
        <p>As vice president of government relations, Ichord directs Sempra Energy’s local, state and federal government affairs.</p>
        <p>Before joining Sempra Energy in 2007, Ichord was managing director of global affairs and international counsel for the American Chemistry Council, an industry trade group representing companies engaged in the business of chemistry.</p>
        <p>Previously, Ichord had a 17-year career with Unocal Corp., where he served as vice president and general manager of government and international relations.  Ichord also was vice president of the international public relations firm Burson-Marsteller, and held staff positions for eight years with the U.S. Senate, serving as general counsel for Sen. John D. Rockefeller IV, counsel for the Senate Judiciary Committee and legislative assistant for Sen. Joseph Biden Jr.  Ichord began his career as an environmental specialist and counsel for the U.S. Department of Energy.</p>
        <p>Ichord serves on the board of directors of the San Diego Symphony and Town Hall Los Angeles. Ichord’s past affiliations include memberships on a number of boards such as the US-ASEAN Business Council’s Executive and Energy Committees, the National Center for Asia-Pacific Economic Cooperation, the National Foreign Trade Council and the U.S. Azerbaijan Chamber of Commerce.</p>
        <p>Ichord holds a law degree from Washington University, St. Louis, and a bachelor’s degree in political science from Denison University, Granville, Ohio, where he was elected to Phi Beta Kappa.  He is a member of the District of Columbia Bar.</p>
                <a href="#" class="close">Return to List</a>
          </div>
          </li>
      </ul>

<ul class="menuList">
                <li class="arrow_blue" rel="Debra L. Reed">
                  <a href="javascript:;" class="upper01" rel="Debra L. Reed" onmouseover="doTooltip(event,2)" onmouseout="hideTip()"><h2>Debra L. Reed</h2></a>
                  <span>Executive Vice President</span>
                  <div class="content">

                           <img src="../images/management/reed02.jpg" width="125" height="154" />
                                     <p>Debra L. Reed is executive vice president for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies' 13,800 employees serve 29 million consumers worldwide.</p>
            <p>Before joining Sempra Energy, Reed served as president and chief executive officer (CEO) of San Diego Gas & Electric (SDG&E) and Southern California Gas Co. (SoCalGas), Sempra Energy’s regulated California utilities.</p>
            <p>From 1984 to 1994, Reed held leadership positions with SoCalGas, including vice president of human resources, vice president of administrative services, manager of environmental engineering and manager of personnel relations. In 1983, she served as area market services manager after five years of working in marketing. Reed joined SoCalGas in February 1978 as an energy systems engineer and, in 1988, became the first female officer appointed at the company.</p>
            <p>Reed serves on the board of directors of UCSD’s Jacobs School of Engineering and for Halliburton Company; the San Diego Regional Economic Development Corporation; the American Gas Association; and the Precourt Institute for Energy Efficiency at Stanford University. She is a member of The Trusteeship, an affiliate of the International Women’s Forum. Previously, Reed served on the board of directors of Genentech, Dominguez Services Corporation, and the University of Southern California Board of Councilors.</p>
            <p>In 2006, Reed was inducted into the Junior Achievement San Diego Business Hall of Fame. In 2004, she was awarded “Woman of the Year” from the California Science Center and was named one of San Diego Magazine's “50 People to Watch.” Reed received the 23rd Annual Tribute to Women and Industry (TWIN) Award from the YWCA of San Diego County in 2002. She was a recipient of the League of Women Voters Glass Ceiling Award in 2000. Reed was featured on the cover of the July 2002 issue of Gas Utility Manager magazine for an article on making mergers work.</p>
            <p>Reed graduated summa cum laude from the University of Southern California with a bachelor’s degree in civil engineering.</p>

                                <a href="#" class="close">Return to List</a>                        </div>
        </li>

        <li class="arrow_blue" rel="Mark A. Snell">
          <a href="javascript:;" class="upper01" rel="Mark A. Snell" onmouseover="doTooltip(event,4)" onmouseout="hideTip()"><h2>Mark A. Snell</h2></a>
                        <span>Executive Vice President and Chief Financial Officer</span>
                        <div class="content">

                                <img src="../images/management/snell.jpg" width="125" height="154" />
      <p>Mark A. Snell is executive vice president and chief financial officer of Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies' 13,800 employees serve more than 29 million consumers worldwide. </p>
      <p>Snell formerly was group president of Sempra Global, the umbrella organization for the competitive businesses of Sempra Energy. In that position, Snell oversaw all aspects of Sempra Global in competitive energy markets, including energy trading, electric generation, liquefied natural gas, pipelines and storage facilities, international utilities and retail energy marketing.</p>
      <p>Before becoming group president, Snell was chief financial officer of Sempra Global overseeing the acquisitions, business development and all financial matters for the group.</p>
      <p>Prior to his role with Sempra Global, Snell was vice president of planning and development for Sempra Energy.</p>
      <p>Before joining Sempra Energy in 2001, Snell served as executive vice president and chief financial officer for Earth Tech, a Long Beach, Calif.-based water management, engineering and environmental services firm. Earth Tech specializes in the design, building and operation of water and wastewater treatment facilities.</p>
      <p>Before joining Earth Tech, Snell was executive vice president and chief financial officer at Dames and Moore, a NYSE listed engineering and construction firm headquartered in Los Angeles. At Dames and Moore, Snell guided the completion of acquisitions that more than doubled the firm's revenues.</p>
      <p>Snell also served as chief financial and administrative officer for Latham & Watkins, a law firm with more than 1,600 partners and employees worldwide. He also served as executive vice president and chief financial officer of World Oil Corp., a privately held, integrated oil company. As a senior manager at the Los Angeles office of KPMG Peat Marwick, Snell supervised activities that supported acquisitions by client companies.</p>
      <p>Snell is a member of the board of directors of Venoco Inc. He holds a bachelor's degree in accounting from San Diego State University and is a certified public accountant.</p>

                                <a href="#" class="close">Return to List</a>                        </div>
        </li>
        <li style="background-image:none;"></li>
        <li rel="Charles A. McMonagle">
        <a href="javascript:;" class="upper" rel="Charles A. McMonagle" onmouseover="doTooltip(event,12)" onmouseout="hideTip()"><h2>Charles A. McMonagle</h2></a>
		<span>Senior Vice President and Treasurer</span>
        <div class="content">
      <img src="../images/management/mcmonagle.jpg" width="125" height="154" />
      <p>Charles A. McMonagle is senior vice president and treasurer for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies' 13,800 employees serve 29 million consumers worldwide.</p>
      <p>In his current job, McMonagle oversees financing, cash management, insurance, and pension and nuclear decommissioning trust investments.</p>
      <p>Prior to the merger that formed Sempra Energy in 1998, McMonagle was manager of financial services at Enova Corporation, the parent company of San Diego Gas & Electric (SDG&E). McMonagle joined SDG&E in 1982 and held a range of jobs in the company's financial operations.</p>
      <p>McMonagle has master's degrees in business administration from the University of Washington and in engineering from the University of California.</p>
        <a href="#" class="close">Return to List</a>
        </div>
        </li>
        <li rel="G. Joyce Rowland">
        <a href="javascript:;" rel="G. Joyce Rowland" onmouseover="doTooltip(event,13)" onmouseout="hideTip()"><h2>G. Joyce Rowland</h2></a>
        <span>Senior Vice President, Human Resources</span>
        <div class="content">
      <img src="../images/management/rowland.jpg" width="125" height="154" />
      <p>G. Joyce Rowland is senior vice president of human resources and chief ethics officer for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services.  The Sempra Energy companies' 13,800 employees serve more than 29 million consumers worldwide.</p>
      <p>In her current position, Rowland is responsible for corporate human resources, including compensation, health and welfare benefits, employee relations, executive/leadership development, staffing and affirmative-action/diversity programs. She also is responsible for corporate security, human resource information systems and payroll.</p>
      <p>Previously, from 1995 to 1998, Rowland was vice president of human resources and chief ethics officer of Pacific Enterprises, the former parent company of Southern California Gas Co. (SoCalGas).</p>
      <p>From 1990 to 1995, Rowland served as manager of labor relations at SoCalGas. Prior to that, she was manager of personnel relations and planning. In 1987, she served as manager of community involvement and, later, manager of consumer affairs.</p>
      <p>She joined SoCalGas in 1980 as an organization and compensation specialist. She held a range of jobs in human resources between 1980 and 1987.</p>
      <p>Rowland has a master’s degree in business administration with a concentration in industrial relations and a bachelor’s degree in psychology (graduating summa cum laude and Phi Beta Kappa) from the University of California, Los Angeles. She also completed the executive education program at the University of Michigan and has a number of certifications including, Certified Employee Benefits Specialist (CEBS), Certified Compensation Professional (CCP) and Senior Professional in Human Resources (SPHR).</p>
      <p>Rowland is a board member of the San Diego Better Business Bureau and the Equality California Institute.  She is an alumna of the “2001 American Issues Forum of LEADERSHIP AMERICA,” and also is a member of a number of professional groups, including the Society for Human Resource Management, World at Work and Anthem Blue Cross of California's consumer relations committee.</p>
        <a href="#" class="close">Return to List</a>
        </div>
        </li>
        <li rel="Lisa Urick">
        <a href="javascript:;" rel="Lisa Urick" onmouseover="doTooltip(event,14)" onmouseout="hideTip()"><h2>Lisa Urick</h2></a>
        <span>Vice President, Audit Services</span>
        <div class="content">
      <img src="../images/management/urick.jpg" width="125" height="154" />
      <p>Lisa Urick is vice president of audit services for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services.  The Sempra Energy companies’ 13,800 employees serve more than 29 million consumers worldwide.</p>
      <p>In her current position, which she has held since January 2010, Urick oversees Sempra Energy’s internal audit function.</p>
      <p>From 2005 to 2009, Urick served as the assistant general counsel of state regulatory law for Sempra Energy. She joined the company in 1991 as a state regulatory attorney and, from 1999 to 2001, was a managing attorney for the California Power Exchange before returning to Sempra Energy in 2002.</p>
      <p>Urick has served on the board of the Conference of California Public Utility Counsel. She received her law degree from Loyola Law School in Los Angeles, and her bachelor’s degree in French literature and East Asian studies from Wellesley College in Wellesley, Mass.</p>
        <a href="#" class="close">Return to List</a>
        </div>
        </li>
        <li rel="Richard A. Vaccari">
        <a href="javascript:;" rel="Richard A. Vaccari" onmouseover="doTooltip(event,15)" onmouseout="hideTip()"><h2>Richard A. Vaccari</h2></a>
        <span>Vice President, Mergers and Acquisitions</span>
        <div class="content">
      <img src="../images/management/vaccari.jpg" width="125" height="154" />
      <p>Richard A. Vaccari is vice president of mergers and acquisitions for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity and natural gas products and services.  The Sempra Energy companies' 13,800 employees serve more than 29 million consumers worldwide.</p>
      <p>In his current position, Vaccari is responsible for all Sempra Energy’s strategic development activities. </p>
      <p>Previously, Vaccari was vice president managing development and mergers and acquisitions for Sempra Energy’s competitive energy businesses. He also was the managing director of Sempra Partners, an equity fund with financial and energy counterparts to acquire attractive gas and power assets.</p>
      <p>Prior to joining Sempra Energy in 2003, Vaccari spent more than 20 years in investment banking, focusing primarily on the power sector.  He began his career at Goldman Sachs as vice president of the Public Utility Group, and served as a managing director in the Global Power Group at Merrill Lynch.  He also worked for Credit Suisse First Boston, where he was a senior managing director in the energy group and responsible for some of the largest client relationships in the Midwest.</p>
      <p>Vaccari holds a master’s degree in business administration from the University of Chicago Graduate School of Business and a bachelor’s degree in economics from the University of Pennsylvania.  He currently serves on the board of CleanTECH San Diego.</p>
        <a href="#" class="close">Return to List</a>
        </div>
        </li>
        <li rel="Paul Yong">
        <a href="javascript:;" rel="Paul Yong" onmouseover="doTooltip(event,16)" onmouseout="hideTip()"><h2>Paul Yong</h2></a>
        <span>Vice President, Tax and Chief Tax Counsel</span>
        <div class="content">
      <img src="../images/management/yong.jpg" width="125" height="154" style="padding-bottom:20px;" />
      <p>Paul Yong is vice president of Tax and Chief Tax Counsel for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies' 13,800 employees serve more than 29 million consumers worldwide.</p>
      <p>As vice president of tax and chief tax counsel, Yong oversees Sempra Energy's tax department. Previously, Yong was associate chief tax counsel for the company.</p>
      <p>Before joining Sempra Energy's tax department in 2004, Yong was a principal with Quantum Tax Consultants, a tax partner with Arthur Andersen and vice president of tax with Unocal Corporation.</p>
      <p>Before that, Yong was a structural engineer with the U.S. Department of Defense.</p>
      <p>Yong has a Juris Doctor degree from Hastings College of Law, a master's degree in tax law from New York University and a bachelor's degree in civil engineering from the University of Hawaii.</p>
      <a href="#" class="close">Return to List</a>
        </div>
        </li>
      </ul>



    </div>
</div>
<div style="clear:both"></div>
</div>
</body>
</html>

Open in new window

0
Steve KrileCommented:
The benefit of putting the title in a span is you can add styling to that span tag.

something like:

-----STYLE RULE-----
span.title {width:200px; display:block;clear:both;margin:2px;}



----HTML-----
<span class="title">President and Chief Operating Officer</span>



I don't have access to your css (nor do I want  :P) so you may have to play with the above style rule until it fits your example.
0
PdesignzPPC SpecialistAuthor Commented:
Playing with CSS to see if I can get it to work, since the span stays the same in both views, maybe we can try a combination of both versions. Only link is name, when expanded mode is visible, the span is hidden. I could then place another version of the title in the hidden div, so when displayed it be bolder or with a different look and would also be wider so could be on one line.

Thanks
0
Steve KrileCommented:
Setting the style of a span tag to :   display:block;clear:both;width:200px;


will accomplish what you are looking for in terms of sitting on its own line.

I've added a border to span.title just so you can see where it is in your layout (a good trick I use all the time to figure out why the screen is rendering the way it is).

In general I would not use code to duplicate entries when css is quite good at it.  If you want the look of the text to change depending on whether the link has been clicked or not, then jquery has a nice togglClass() method that allows you to apply css and remove css.


<!-- HTML -->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="business_guidelines/guidelines.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-1.4.2.min.js" language="javascript"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
<script type="text/javascript" src="hover.js"></script>
<script type="text/javaScript">
var includedFiles=0;
$(document).ready(function(){
     $("#header").load("../include/header.inc", highlight );
 	$("#left").load("../include/about-nav2.inc #left-top, #left-header, #main", highlight );
});

  function highlight()
  {
	++includedFiles;
	if( includedFiles==2)
	{
    		var loc = window.location.href.split("/");
    		loc = loc[loc.length - 1];
    		$("#left a[href$='"+loc+"']").addClass("selected").parent().parent().parent().find("strong:eq(0)").addClass("selected");
	}
  }

 </script>
         <script type="text/javascript">
		var onmenu ;

        function dropDown(obj){

                //get the value of the drop down
                objRel = $(obj).val();

                //hide everything
                	$(onmenu).fadeOut("fast",function(){
                		//hide everything
                 		$("ul.menuList div.content, ul.menuList li, ul.menuList").hide();
                		var liObj = $("ul.menuList > li[rel='" + objRel + "']");
                		onmenu = $(liObj).parent("ul.menuList");
						$(liObj).parent("ul.menuList").show();
						$(liObj).show();
						$(liObj).children("div.content").fadeIn();

                	});





         }



        $(document).ready(function(){

                //bind a click event to the first child anchor tag of our menu list LIs
                $("ul.menuList > li > a:first-child").click(function(e){
                        //good idea to stop unwanted navigation
                        e.preventDefault();

						$(this).children("span").hide();

                        //when the "header" is clicked, change the display of the child DIV tag

                        //hide everything
                        $("ul.menuList div.content, ul.menuList li, ul.menuList").hide();

                        onmenu = $(this).parents("ul.menuList");

                        //show the parent UL
                        $(this).parents("ul.menuList").show();

                        //fade in the li
                        $(this).parents("li").fadeIn();

                        //fade in the content div below the link
                        $(this).nextAll("div.content").fadeIn();

                        //bring in the drop down
                        $("#toc").fadeIn();
                        $("#toc").val($(this).attr("rel"))
                })


                //bind the close click event to all the "bottom" anchor tags
                $("a.close").click(function(e){
                        //good idea to stop unwanted navigation
                        e.preventDefault();

                        //hide everything
                        $("ul.menuList, ul.menuList div.content").hide();
                        $("#toc").hide();

                        //show the base list again
                        $("ul.menuList, ul.menuList > li").fadeIn();
                });


        });



        </script>

<style type="text/css">
a {outline:none;}
 strong {font-weight: normal; }
.right-position { padding-left: 60px; float:right }
 #xx { display:none; }
 #menu { display:none; }
 #charter img, #content-left img, #content-right img { float: left; padding: 15px; }
 #content-left h2, content-right h2 { padding-left: 0px; }
 .expand { width: 500px; }
 ul.menuList { width: 200px; padding:2px 2px 2px 0px; list-style-type:none; float:left; margin:10px 10px 10px 0px; }
.menuList ul li { font-weight: bold; background: url(../images/arrow.jpg) no-repeat 0px 4px; list-style: none; padding-left: 10px; font-size: 11px; margin-top: 10px; }
.menuList a:link, .menuList a:visited, .menuList a:active { text-decoration: none; color: #D49100; font-weight: bold; }
.menuList ul li.upper02 { font-weight: bold; background: url(../images/arrow_blue.jpg) no-repeat 0px 4px; list-style: none; padding-left: 10px; font-size: 13px; }
.menuList li { font-weight: bold; background: url(../images/arrow.jpg) no-repeat 0px 4px; list-style: none; padding-left: 10px; font-size: 11px; margin-top: 10px; }
.menuList li.arrow_blue { font-weight: bold; background: url(../images/arrow_blue.jpg) no-repeat 0px 4px; list-style: none; padding-left: 10px; font-size: 11px; margin-top: 10px; }
.menuList li a h2 {margin:0;}

.menuList a:hover { text-decoration: underline; color: #D49100; }
.menuList a.upper01, .menuList a:visited.upper01, .menuList a:active.upper01 { color: #00339a; font-size: 13px; font-weight: bold; text-decoration: none; }
.menuList a:hover.upper01 { color: #00339a; font-size: 13px; font-weight: bold; text-decoration: underline; }
.menuList .content img { padding: 15px; float: left; }
 ul.menuList li { clear:both; padding-bottom: 15px; }
 ul.menuList li div.content {display:none; width: 450px;}
 a.close {float:right;}

 span.title {display:block;clear:both;width:200px;border:solid 1px gray;}

 </style>
</head>
<body>
<div id="container">
<div id="header">
</div>
<div style="clear:both"></div>
<div id="banner"></div>
<div id="left">
</div>
<div id="right">
<div id="right-top"></div>
<!--<div id="breadcrumbs">
<a href="about.htm">About</a> Us<span class="large"> &rarr;</span> <a href="team.htm">Management Team</a></div> -->
<div id="content">
<h1 class="title">Management team</h1>
<div id="select" style="margin-top:10px; text-align:right; padding-right: 25px;">
        <select name="toc" id="toc" onchange='dropDown(this)' style="display:none;">
                <option value="" selected="selected">Selecta a Bio &darr;</option>
                <option>Donald E. Felsinger</option>
                <option>Neal E. Schmale</option>
                <option>Debra L. Reed</option>
                <option>Mark A. Snell</option>
                <option>Javade Chaudhri</option>
                <option>----------------------------------------</option>
                <option>Amy H. Chiu</option>
                <option>Randall L. Clark</option>
                <option>Steven D. Davis</option>
                <option>Monica Haas</option>
                <option>Joseph A. Householder</option>
                <option>J. William Ichord</option>
                <option>Charles A. McMonagle</option>
                <option>G. Joyce Rowland</option>
                <option>Lisa Urick</option>
                <option>Richard A. Vaccari</option>
                <option>Paul Yong</option>
        </select>
</div>


        <ul class="menuList">
                <li class="arrow_blue" rel="Donald E. Felsinger">
                        <a href="javascript:;" class="upper01" rel="Donald E. Felsinger" onmouseover="doTooltip(event,1)" onmouseout="hideTip()"><h2>Donald E. Felsinger</h2></a>
                        <span class="title">Chairman and Chief Executive Officer</span>
                        <div class="content">

            <img src="../images/management/felsinger.jpg" width="125" height="154" />
          <p>Donald E. Felsinger is chief executive officer and chairman of the board of directors of Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies' 13,800 employees serve 29 million consumers worldwide.</p>
              <p>In  his current position, which he has held since Feb. 1, 2006, Felsinger directs the strategic operations of all the Sempra Energy companies.</p>
              <p>Felsinger previously was  president and chief operating officer of   Sempra Energy, when he was responsible  for implementing Sempra Energy’s   growth strategy and for overall management of  the Sempra Energy   companies. He has been a member of the board of directors  since 2004.</p>
              <p>Before that, Felsinger was  group president of Sempra Global, the   umbrella for Sempra Energy’s businesses  operating in competitive energy   markets.   In that position, Felsinger led Sempra Energy’s expansion   into  successful businesses in power generation, energy-infrastructure   development,  energy trading and marketing, and liquefied natural gas   development.</p>
              <p>Prior to the merger that formed Sempra Energy,  beginning Jan. 1, 1998,   Felsinger served as president and chief operating  officer of Enova   Corporation, the parent company of San Diego Gas &amp;  Electric   (SDG&amp;E).</p>
              <p>Previously,  Felsinger was president and chief executive officer of   SDG&amp;E from 1996 to  1998.  He also was a board director of    SDG&amp;E and executive vice president of Enova Corporation.  Prior to   that, Felsinger was executive vice  president of SDG&amp;E, a position   he held from 1993 to 1996.</p>
              <p>After  Felsinger joined SDG&amp;E in 1972, he held a variety of officer   positions with  responsibility for all aspects of the utility business.</p>
              <p>Felsinger is a graduate of the Stanford University executive program and also has a bachelor’s degree in mechanical engineering from the University of Arizona. He serves as the director of the Northrop Grumman Corp. and as a member of the Conference Board, the Committee Encouraging Corporate Philanthropy, and the U.S.-Mexico Chamber of Commerce. Felsinger has also served on the green Foundation and was co-chair of the Forum Fronterizo Council of the San Diego Dialogue.</p>

                                <a href="#" class="close">Return to List</a>                        </div>
          </li>

                <li class="arrow_blue" rel="Neal E. Schmale">
                        <a href="javascript:;" class="upper01" rel="Neal E. Schmale" onmouseover="doTooltip(event,3)" onmouseout="hideTip()"><h2>Neal E. Schmale</h2></a>
                        <span class="title">President and Chief Operating Officer</span>
                        <div class="content">

          <img src="../images/management/schmale.jpg" width="125" height="154" style="padding-bottom:25px;" />
            <p>Neal E. Schmale is president, chief operating officer and a member of the board of directors for Sempra Energy, a San Diego-based, Fortune 500, energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies' 13,800 employees serve more than 29 million consumers worldwide.</p>
          <p>In his current job Schmale is responsible for implementing Sempra Energy's growth strategy and for overall management of the Sempra Energy companies. He has been a member of the board of directors since 2004.</p>
          <p>Schmale was executive vice president and chief financial officer of Sempra Energy.</p>
          <p>Before his career at Sempra Energy, Schmale was chief financial officer and a member of the board of directors of UNOCAL Corp. and had earlier served as UNOCAL's senior vice president and president of its Petroleum Products and Chemical division. Throughout his 29-year career at UNOCAL, Schmale held a range of jobs in the operations, legal and finance functions.</p>
          <p>Schmale, a native of Nebraska, has a law degree from Loyola University of Los Angeles' Law School and a bachelor's degree in petroleum engineering from the Colorado School of Mines. He is a member of the board of directors of Murphy Oil Corp. and serves on its audit and compensation committees. He is the nonexecutive chairman of the board of directors of the WD-40 Co., and was a chairman of its audit committee. Schmale is a member of the California Bar.</p>
                                <a href="javascript:;" class="close">Return to List</a>                        </div>
          </li>
                <li class="arrow_blue" rel="Javade Chaudhri">
                <a href="javascript:;" class="upper01" rel="Javade Chaudhri" onmouseover="doTooltip(event,5)" onmouseout="hideTip()"><h2>Javade Chaudhri</h2></a>
                <span class="title">Executive Vice President and General Counsel</span>
                <div class="content">

      <img src="../images/management/chaudhri.jpg" width="125" height="154" />
      <p>Javade Chaudhri is executive vice president and general counsel for Sempra Energy, a San Diego-based Fortune 500 energy-services company whose subsidiaries provide electricity, natural gas and value-added products and services. Sempra Energy’s 13,800 employees serve more than 29 million consumers in the United States, Europe, Canada, Mexico, South America and Asia.</p>
      <p>Chaudhri, who has served in his current position since 2003 when he joined the company, is responsible for all legal affairs and compliance for Sempra Energy. He also serves as Sempra Energy’s chief environmental officer.
Previously from 2001 to 2003, Chaudhri served as senior vice president and general counsel of San Diego-based Gateway Inc. since 2001, managing the company’s legal affairs, government relations, contract administration and ethics.</p>
      <p>Prior to joining Gateway as deputy general counsel in 1999, Chaudhri was a senior partner in the Washington, D.C., office of the international law firm of Winston & Strawn, where he co-managed the international and technology practice groups. Prior to that, Chaudhri was a partner at the law firm Jones Day Reavis & Pogue.</p>
      <p>Chaudhri has worldwide experience in helping major private and public-sector companies transact business, and undertake mergers and acquisitions projects. He also has been involved in providing regulatory advice before a number of federal agencies, as well as taking part in major litigation, mediation and arbitration matters. He has written and lectured widely on international infrastructure projects, technology, and commercial law. He has served as a visiting faculty member for the International Development Law Organization in Rome and the International Law Institute in Washington, D.C.</p>
      <p>Chaudhri has a bachelor’s and master’s degree from Yale University in New Have, Conn. and a law degree from Georgetown University in Washington D.C. </p>
                <a href="javascript:;" class="close">Return to List</a>                </div>
          </li>
          <li class="arrow" rel="Amy H. Chiu">
            <a href="javascript:;" rel="Amy H. Chiu" onmouseover="doTooltip(event,6)" onmouseout="hideTip()"><h2>Amy H. Chiu</h2></a>
            <span class="title">Vice President, Risk Analysis and Management</span>
            <div class="content">

      <img src="../images/management/Chiu_new.jpg" width="125" height="175" style="padding-bottom:25px;" />
      <p>Amy Chiu is vice president of risk analysis and management for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services.  The Sempra Energy companies’ 13,800 employees serve more than 29 million consumers worldwide.</p>
      <p>Previously, Chiu was vice president of audit services, where she was responsible for Sempra Energy’s internal audit function. Before that, she held positions of increasing responsibility including director of business planning in the mergers and acquisitions group, manager of executive projects and manager of economic analysis.</p>
      <p>Prior to joining Sempra Energy, Chiu held senior-level financial and actuarial analyst positions for Intelsat and Watson Wyatt Worldwide.</p>
      <p>Chiu currently serves on the board of directors of the Preuss School at University of California, San Diego.  She has a master’s degree in business administration from American University in Washington D.C., a doctorate in mathematics from Boston University and a bachelor’s degree in mathematics from Mills College in Oakland, Calif.</p>
      <a href="javascript:;" class="close">Return to List</a>    </div>
        </li>
        <li rel="Randall L. Clark">
        <a href="javascript:void(0)" rel="Randall L. Clark" onmouseover="doTooltip(event,7)" onmouseout="hideTip()"><h2>Randall L. Clark</h2></a>
        <span class="title">Corporate Secretary and Assistant General Counsel</span>
        <div class="content">

      <img src="../images/management/clark.jpg" width="125" height="154" />
      <p>Randy Clark is corporate secretary and assistant general counsel for Sempra Energy, a San Diego-based Fortune 500 energy serves holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies’ 13,800 employees serve more than 29 million consumers worldwide.</p>
      <p>As corporate secretary and assistant general counsel, Clark coordinates and records all meetings of the board of directors and its committees, serves as a liaison between the directors and the chief executive officer of the company and oversees corporate governance and corporate structuring for the company's domestic and international subsidiaries.</p>
      <p>Previously, Clark was a managing attorney with Sempra Energy, where he oversaw a variety of domestic and international mergers and acquisitions, joint ventures, development projects and international legal issues. He was also principally responsible for corporate governance and corporate structuring matters for the domestic and international subsidiaries of Sempra Global, the umbrella for the company's businesses operating in competitive energy markets.</p>
      <p>Prior to joining Sempra Energy in 2000, Clark was an attorney with the law firm of Cooley Godward LLP. There, his practice focused on a full range of corporate and securities matters, including corporate formations, corporate governance, mergers and acquisitions, venture financing, joint ventures, initial public offerings and general business counseling for both public and private companies. Previously, Clark was a corporate attorney with Morrison & Foerster, LLP.</p>
      <p>Clark graduated with honors from Duke University’s School of Law where he emphasized international and comparative law and summa cum laude  with a bachelor's degree in accounting from Pepperdine University.</p>
      <p>Clark is a member of the International Bar Association, the Association of Corporate Counsel, the American Bar Association and other national and local bar associations. He also is active with the Society of Corporate Secretaries & Governance Professionals.</p>
          <a href="#" class="close">Return to List</a>
          </div>
          </li>
                <li rel="Steven D. Davis">
                <a href="javascript:void(0)" rel="Steven D. Davis" onmouseover="doTooltip(event,8)" onmouseout="hideTip()"><h2>Steven D. Davis</h2></a>
                <span class="title">Vice President, Communications & Community Partnerships</span>
                <div class="content">

        <img src="../images/management/davis.jpg" width="125" height="154" />
            <p>Steven D. Davis is vice president of Communications & Community Partnerships for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies' 13,800 employees serve more than 29 million consumers worldwide.</p>
        <p>As vice president of Communications & Community Partnerships, Davis oversees Sempra Energy's communications and community relations activities, as well as the company's media relations, employee communications, issues management, corporate branding, advertising and reputation management functions. In addition, Davis is president of the Sempra Energy Foundation, a 501(c)3 organization that supports sustainable, measurable community-based change in places where Sempra Energy does business.</p>
        <p>Prior to this job, Davis was senior vice president of External Relations and chief financial officer (CFO) for San Diego Gas & Electric (SDG&E) and Southern California Gas Co. (SoCalGas), Sempra Energy's California regulated utilities.</p>
        <p>Davis was named CFO for SDG&E and SoCalGas in 2004, and was responsible for the accounting, financial and budget functions. Also, in his role as senior vice president of External Relations, Davis was responsible for external relations activities, including the legislative analysis, communications, community relations and public affairs activities for SDG&E and SoCalGas.</p>
        <p>Before that, Davis served as senior vice president of Customer Service & External Relations for SDG&E and SoCalGas and vice president of Distribution Operations for SDG&E. Other executive assignments have included division manager of Customer Operations and division manager of Governmental & Administrative Services.</p>
        <p>Davis serves on the boards of the San Diego Regional Chamber of Commerce and The Campanile Foundation. He is also on the advisory boards of San Diego Senior Community Centers and the San Diego Burn Institute.</p>
        <p>Davis has a bachelor's degree in business administration (accounting) from San Diego State University, where he graduated with honors.</p>
                <a href="#" class="close">Return to List</a>
                </div>
          </li>
                <li rel="Monica Haas">
                <a href="javascript:;" rel="Monica Haas" onmouseover="doTooltip(event,9)" onmouseout="hideTip()"><h2>Monica Haas</h2></a>
                <span class="title">Vice President, Communications & Community Partnerships</span>
                <div class="content">

        <img src="../images/management/haas.jpg" width="125" height="154" />
            <p>Monica Haas is vice president of Corporate Planning for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies' 13,800 employees serve more than 29 million consumers worldwide.</p>
        <p>As vice president of corporate planning, Haas directs Sempra Energy's corporate planning and global procurement.</p>
        <p>Prior to her role as vice president, Haas was the director of investments for Sempra Energy and held numerous positions with the company in the areas of investment management, business and market development and financial planning and analysis.</p>
        <p>Before joining Sempra Energy in 1993, Haas held a senior-level financial analyst role at General Dynamics.</p>
        <p>Haas holds both a master's and bachelor's degree in business from New Mexico State University.</p>
                <a href="#" class="close">Return to List</a>
                </div>
          </li>
                <li rel="Joseph A. Householder">
                 <a href="javascript:;" rel="Joseph A. Householder" onmouseover="doTooltip(event,10)" onmouseout="hideTip()"><h2>Joseph A. Householder</h2></a>
                 <span class="title">Senior Vice President, Controller and Chief Accounting Officer</span>
                 <div class="content">

        <img src="../images/management/householder.jpg" width="125" height="154" />
            <p>Joseph A. Householder is senior vice president, controller and chief accounting officer for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies' 13,800 employees serve more than 29 million consumers worldwide.</p>
        <p>In his current job, Householder oversees the financial reporting and controls, financial planning and tax functions for all of Sempra Energy's companies.</p>
        <p>Before this job, Householder served as vice president of Corporate Tax and chief tax counsel for Sempra Energy since 2001, where he oversaw Sempra Energy's worldwide tax affairs.</p>
        <p>Prior to joining Sempra Energy in 2001, Householder was a partner at PricewaterhouseCoopers in the firm's national tax office. Before that, he was vice president of Corporate Development and assistant chief financial officer of Unocal until 1999. There, Householder was responsible for worldwide tax planning, financial reporting and forecasting, and risk-management compliance.</p>
        <p>Before that, Householder served as an associate attorney at the firm of Halstead, Baker & Olson from 1984 to 1986. Prior to that, he was a certified public accountant at Maginnis, Knechtel & McIntyre from 1979 to 1984.</p>
        <p>Householder has a bachelor's degree in business administration from the University of Southern California and a law degree from Loyola Law School. Also, he has completed the executive program at UCLA Anderson School.</p>
        <p>He is a member of the Tax Executives Institute, the American Institute of Certified Public Accountants, the California Bar and the American Bar Association.</p>
                 <a href="#" class="close">Return to List</a>
                 </div>
          </li>
          <li rel="J. William Ichord">
            <a href="javascript:;" rel="J. William Ichord" onmouseover="doTooltip(event,11)" onmouseout="hideTip()"><h2>J. William
          Ichord</h2></a>
		<span class="title">Vice President, Government Relations</span>
		<div class="content">

        <img src="../images/management/ichord.jpg" width="125" height="154" style="padding-bottom:25px;" />
            <p>J. William Ichord is vice president of government relations for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services.  The Sempra Energy companies' 13,800 employees serve 29 million consumers worldwide.</p>
        <p>As vice president of government relations, Ichord directs Sempra Energy’s local, state and federal government affairs.</p>
        <p>Before joining Sempra Energy in 2007, Ichord was managing director of global affairs and international counsel for the American Chemistry Council, an industry trade group representing companies engaged in the business of chemistry.</p>
        <p>Previously, Ichord had a 17-year career with Unocal Corp., where he served as vice president and general manager of government and international relations.  Ichord also was vice president of the international public relations firm Burson-Marsteller, and held staff positions for eight years with the U.S. Senate, serving as general counsel for Sen. John D. Rockefeller IV, counsel for the Senate Judiciary Committee and legislative assistant for Sen. Joseph Biden Jr.  Ichord began his career as an environmental specialist and counsel for the U.S. Department of Energy.</p>
        <p>Ichord serves on the board of directors of the San Diego Symphony and Town Hall Los Angeles. Ichord’s past affiliations include memberships on a number of boards such as the US-ASEAN Business Council’s Executive and Energy Committees, the National Center for Asia-Pacific Economic Cooperation, the National Foreign Trade Council and the U.S. Azerbaijan Chamber of Commerce.</p>
        <p>Ichord holds a law degree from Washington University, St. Louis, and a bachelor’s degree in political science from Denison University, Granville, Ohio, where he was elected to Phi Beta Kappa.  He is a member of the District of Columbia Bar.</p>
                <a href="#" class="close">Return to List</a>
          </div>
          </li>
      </ul>

<ul class="menuList">
                <li class="arrow_blue" rel="Debra L. Reed">
                  <a href="javascript:;" class="upper01" rel="Debra L. Reed" onmouseover="doTooltip(event,2)" onmouseout="hideTip()"><h2>Debra L. Reed</h2></a>
                  <span class="title">Executive Vice President</span>
                  <div class="content">

                           <img src="../images/management/reed02.jpg" width="125" height="154" />
                                     <p>Debra L. Reed is executive vice president for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies' 13,800 employees serve 29 million consumers worldwide.</p>
            <p>Before joining Sempra Energy, Reed served as president and chief executive officer (CEO) of San Diego Gas & Electric (SDG&E) and Southern California Gas Co. (SoCalGas), Sempra Energy’s regulated California utilities.</p>
            <p>From 1984 to 1994, Reed held leadership positions with SoCalGas, including vice president of human resources, vice president of administrative services, manager of environmental engineering and manager of personnel relations. In 1983, she served as area market services manager after five years of working in marketing. Reed joined SoCalGas in February 1978 as an energy systems engineer and, in 1988, became the first female officer appointed at the company.</p>
            <p>Reed serves on the board of directors of UCSD’s Jacobs School of Engineering and for Halliburton Company; the San Diego Regional Economic Development Corporation; the American Gas Association; and the Precourt Institute for Energy Efficiency at Stanford University. She is a member of The Trusteeship, an affiliate of the International Women’s Forum. Previously, Reed served on the board of directors of Genentech, Dominguez Services Corporation, and the University of Southern California Board of Councilors.</p>
            <p>In 2006, Reed was inducted into the Junior Achievement San Diego Business Hall of Fame. In 2004, she was awarded “Woman of the Year” from the California Science Center and was named one of San Diego Magazine's “50 People to Watch.” Reed received the 23rd Annual Tribute to Women and Industry (TWIN) Award from the YWCA of San Diego County in 2002. She was a recipient of the League of Women Voters Glass Ceiling Award in 2000. Reed was featured on the cover of the July 2002 issue of Gas Utility Manager magazine for an article on making mergers work.</p>
            <p>Reed graduated summa cum laude from the University of Southern California with a bachelor’s degree in civil engineering.</p>

                                <a href="#" class="close">Return to List</a>                        </div>
        </li>

        <li class="arrow_blue" rel="Mark A. Snell">
          <a href="javascript:;" class="upper01" rel="Mark A. Snell" onmouseover="doTooltip(event,4)" onmouseout="hideTip()"><h2>Mark A. Snell</h2></a>
                        <span class="title">Executive Vice President and Chief Financial Officer</span>
                        <div class="content">

                                <img src="../images/management/snell.jpg" width="125" height="154" />
      <p>Mark A. Snell is executive vice president and chief financial officer of Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies' 13,800 employees serve more than 29 million consumers worldwide. </p>
      <p>Snell formerly was group president of Sempra Global, the umbrella organization for the competitive businesses of Sempra Energy. In that position, Snell oversaw all aspects of Sempra Global in competitive energy markets, including energy trading, electric generation, liquefied natural gas, pipelines and storage facilities, international utilities and retail energy marketing.</p>
      <p>Before becoming group president, Snell was chief financial officer of Sempra Global overseeing the acquisitions, business development and all financial matters for the group.</p>
      <p>Prior to his role with Sempra Global, Snell was vice president of planning and development for Sempra Energy.</p>
      <p>Before joining Sempra Energy in 2001, Snell served as executive vice president and chief financial officer for Earth Tech, a Long Beach, Calif.-based water management, engineering and environmental services firm. Earth Tech specializes in the design, building and operation of water and wastewater treatment facilities.</p>
      <p>Before joining Earth Tech, Snell was executive vice president and chief financial officer at Dames and Moore, a NYSE listed engineering and construction firm headquartered in Los Angeles. At Dames and Moore, Snell guided the completion of acquisitions that more than doubled the firm's revenues.</p>
      <p>Snell also served as chief financial and administrative officer for Latham & Watkins, a law firm with more than 1,600 partners and employees worldwide. He also served as executive vice president and chief financial officer of World Oil Corp., a privately held, integrated oil company. As a senior manager at the Los Angeles office of KPMG Peat Marwick, Snell supervised activities that supported acquisitions by client companies.</p>
      <p>Snell is a member of the board of directors of Venoco Inc. He holds a bachelor's degree in accounting from San Diego State University and is a certified public accountant.</p>

                                <a href="#" class="close">Return to List</a>                        </div>
        </li>
        <li style="background-image:none;"></li>
        <li rel="Charles A. McMonagle">
        <a href="javascript:;" class="upper" rel="Charles A. McMonagle" onmouseover="doTooltip(event,12)" onmouseout="hideTip()"><h2>Charles A. McMonagle</h2></a>
		<span class="title">Senior Vice President and Treasurer</span>
        <div class="content">
      <img src="../images/management/mcmonagle.jpg" width="125" height="154" />
      <p>Charles A. McMonagle is senior vice president and treasurer for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies' 13,800 employees serve 29 million consumers worldwide.</p>
      <p>In his current job, McMonagle oversees financing, cash management, insurance, and pension and nuclear decommissioning trust investments.</p>
      <p>Prior to the merger that formed Sempra Energy in 1998, McMonagle was manager of financial services at Enova Corporation, the parent company of San Diego Gas & Electric (SDG&E). McMonagle joined SDG&E in 1982 and held a range of jobs in the company's financial operations.</p>
      <p>McMonagle has master's degrees in business administration from the University of Washington and in engineering from the University of California.</p>
        <a href="#" class="close">Return to List</a>
        </div>
        </li>
        <li rel="G. Joyce Rowland">
        <a href="javascript:;" rel="G. Joyce Rowland" onmouseover="doTooltip(event,13)" onmouseout="hideTip()"><h2>G. Joyce Rowland</h2></a>
        <span class="title">Senior Vice President, Human Resources</span>
        <div class="content">
      <img src="../images/management/rowland.jpg" width="125" height="154" />
      <p>G. Joyce Rowland is senior vice president of human resources and chief ethics officer for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services.  The Sempra Energy companies' 13,800 employees serve more than 29 million consumers worldwide.</p>
      <p>In her current position, Rowland is responsible for corporate human resources, including compensation, health and welfare benefits, employee relations, executive/leadership development, staffing and affirmative-action/diversity programs. She also is responsible for corporate security, human resource information systems and payroll.</p>
      <p>Previously, from 1995 to 1998, Rowland was vice president of human resources and chief ethics officer of Pacific Enterprises, the former parent company of Southern California Gas Co. (SoCalGas).</p>
      <p>From 1990 to 1995, Rowland served as manager of labor relations at SoCalGas. Prior to that, she was manager of personnel relations and planning. In 1987, she served as manager of community involvement and, later, manager of consumer affairs.</p>
      <p>She joined SoCalGas in 1980 as an organization and compensation specialist. She held a range of jobs in human resources between 1980 and 1987.</p>
      <p>Rowland has a master’s degree in business administration with a concentration in industrial relations and a bachelor’s degree in psychology (graduating summa cum laude and Phi Beta Kappa) from the University of California, Los Angeles. She also completed the executive education program at the University of Michigan and has a number of certifications including, Certified Employee Benefits Specialist (CEBS), Certified Compensation Professional (CCP) and Senior Professional in Human Resources (SPHR).</p>
      <p>Rowland is a board member of the San Diego Better Business Bureau and the Equality California Institute.  She is an alumna of the “2001 American Issues Forum of LEADERSHIP AMERICA,” and also is a member of a number of professional groups, including the Society for Human Resource Management, World at Work and Anthem Blue Cross of California's consumer relations committee.</p>
        <a href="#" class="close">Return to List</a>
        </div>
        </li>
        <li rel="Lisa Urick">
        <a href="javascript:;" rel="Lisa Urick" onmouseover="doTooltip(event,14)" onmouseout="hideTip()"><h2>Lisa Urick</h2></a>
        <span class="title">Vice President, Audit Services</span>
        <div class="content">
      <img src="../images/management/urick.jpg" width="125" height="154" />
      <p>Lisa Urick is vice president of audit services for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services.  The Sempra Energy companies’ 13,800 employees serve more than 29 million consumers worldwide.</p>
      <p>In her current position, which she has held since January 2010, Urick oversees Sempra Energy’s internal audit function.</p>
      <p>From 2005 to 2009, Urick served as the assistant general counsel of state regulatory law for Sempra Energy. She joined the company in 1991 as a state regulatory attorney and, from 1999 to 2001, was a managing attorney for the California Power Exchange before returning to Sempra Energy in 2002.</p>
      <p>Urick has served on the board of the Conference of California Public Utility Counsel. She received her law degree from Loyola Law School in Los Angeles, and her bachelor’s degree in French literature and East Asian studies from Wellesley College in Wellesley, Mass.</p>
        <a href="#" class="close">Return to List</a>
        </div>
        </li>
        <li rel="Richard A. Vaccari">
        <a href="javascript:;" rel="Richard A. Vaccari" onmouseover="doTooltip(event,15)" onmouseout="hideTip()"><h2>Richard A. Vaccari</h2></a>
        <span class="title">Vice President, Mergers and Acquisitions</span>
        <div class="content">
      <img src="../images/management/vaccari.jpg" width="125" height="154" />
      <p>Richard A. Vaccari is vice president of mergers and acquisitions for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity and natural gas products and services.  The Sempra Energy companies' 13,800 employees serve more than 29 million consumers worldwide.</p>
      <p>In his current position, Vaccari is responsible for all Sempra Energy’s strategic development activities. </p>
      <p>Previously, Vaccari was vice president managing development and mergers and acquisitions for Sempra Energy’s competitive energy businesses. He also was the managing director of Sempra Partners, an equity fund with financial and energy counterparts to acquire attractive gas and power assets.</p>
      <p>Prior to joining Sempra Energy in 2003, Vaccari spent more than 20 years in investment banking, focusing primarily on the power sector.  He began his career at Goldman Sachs as vice president of the Public Utility Group, and served as a managing director in the Global Power Group at Merrill Lynch.  He also worked for Credit Suisse First Boston, where he was a senior managing director in the energy group and responsible for some of the largest client relationships in the Midwest.</p>
      <p>Vaccari holds a master’s degree in business administration from the University of Chicago Graduate School of Business and a bachelor’s degree in economics from the University of Pennsylvania.  He currently serves on the board of CleanTECH San Diego.</p>
        <a href="#" class="close">Return to List</a>
        </div>
        </li>
        <li rel="Paul Yong">
        <a href="javascript:;" rel="Paul Yong" onmouseover="doTooltip(event,16)" onmouseout="hideTip()"><h2>Paul Yong</h2></a>
        <span class="title">Vice President, Tax and Chief Tax Counsel</span>
        <div class="content">
      <img src="../images/management/yong.jpg" width="125" height="154" style="padding-bottom:20px;" />
      <p>Paul Yong is vice president of Tax and Chief Tax Counsel for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies' 13,800 employees serve more than 29 million consumers worldwide.</p>
      <p>As vice president of tax and chief tax counsel, Yong oversees Sempra Energy's tax department. Previously, Yong was associate chief tax counsel for the company.</p>
      <p>Before joining Sempra Energy's tax department in 2004, Yong was a principal with Quantum Tax Consultants, a tax partner with Arthur Andersen and vice president of tax with Unocal Corporation.</p>
      <p>Before that, Yong was a structural engineer with the U.S. Department of Defense.</p>
      <p>Yong has a Juris Doctor degree from Hastings College of Law, a master's degree in tax law from New York University and a bachelor's degree in civil engineering from the University of Hawaii.</p>
      <a href="#" class="close">Return to List</a>
        </div>
        </li>
      </ul>



    </div>
</div>
<div style="clear:both"></div>
</div>
</body>
</html>

Open in new window

0
PdesignzPPC SpecialistAuthor Commented:
Question for you and so am not sure best way would be to resolve. As some title are longer than others, with the display block and with, some fall onto a single line line, but there are still others that are still on multiple lines. When in list view I like the title being on multiple lines, but then in expanded view I would like it on a single line. Let me look into the the toggleclass that you were talking about, could be a solution for the look, but not sure best way to have on multiple lines in one version and single on when expanded view.

Thanks
0
Steve KrileCommented:
Css

span.short {width:100px;}


Then, in jquery,

$("span.title").addClass("short");  //this will make it short
$("span.title").removeClass("short");  //this will make it long
0
PdesignzPPC SpecialistAuthor Commented:
class is not changing, maybe we should hide the span and have another version in the hidden div, what do you think?

Appreciate the help, thank you very much!!
0
PdesignzPPC SpecialistAuthor Commented:
Here are two images, so you have a visual of what am trying to do....

Thanks for the help

list.jpg
expanded.jpg
0
Steve KrileCommented:
I've made a bit more of a change.  Now the span.title class is short (width:100px) and when the "block" is displayed, the width is set to something wide (I chose 300px - but do whatever works for your layout.

The two key jquery bits are:

//make all the spans narrow
                        $("span.title").css({width : "300px"});


and


//make all the spans wide
                        $("span.title").css({width : "100px"});



Both of these manipulations happen AFTER the .hide() method is fired, so users won't see the thing changing shape.  

Can we call this question done?
<!-- HTML -->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="business_guidelines/guidelines.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-1.4.2.min.js" language="javascript"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
<script type="text/javascript" src="hover.js"></script>
<script type="text/javaScript">
var includedFiles=0;
$(document).ready(function(){
     $("#header").load("../include/header.inc", highlight );
 	$("#left").load("../include/about-nav2.inc #left-top, #left-header, #main", highlight );
});

  function highlight()
  {
	++includedFiles;
	if( includedFiles==2)
	{
    		var loc = window.location.href.split("/");
    		loc = loc[loc.length - 1];
    		$("#left a[href$='"+loc+"']").addClass("selected").parent().parent().parent().find("strong:eq(0)").addClass("selected");
	}
  }

 </script>
         <script type="text/javascript">
		var onmenu ;

        function dropDown(obj){

                //get the value of the drop down
                objRel = $(obj).val();

                //hide everything
                	$(onmenu).fadeOut("fast",function(){
                		//hide everything
                 		$("ul.menuList div.content, ul.menuList li, ul.menuList").hide();
                		var liObj = $("ul.menuList > li[rel='" + objRel + "']");
                		onmenu = $(liObj).parent("ul.menuList");
						$(liObj).parent("ul.menuList").show();
						$(liObj).show();
						$(liObj).children("div.content").fadeIn();

                	});





         }



        $(document).ready(function(){

                //bind a click event to the first child anchor tag of our menu list LIs
                $("ul.menuList > li > a:first-child").click(function(e){
                        //good idea to stop unwanted navigation
                        e.preventDefault();



                        //hide everything
                        $("ul.menuList div.content, ul.menuList li, ul.menuList").hide();

                        //make all the spans narrow
                        $("span.title").css({width : "300px"});

                        onmenu = $(this).parents("ul.menuList");

                        //show the parent UL
                        $(this).parents("ul.menuList").show();

                        //fade in the li
                        $(this).parents("li").fadeIn();

                        //fade in the content div below the link
                        $(this).nextAll("div.content").fadeIn();


                        //bring in the drop down
                        $("#toc").fadeIn();
                        $("#toc").val($(this).attr("rel"))
                })


                //bind the close click event to all the "bottom" anchor tags
                $("a.close").click(function(e){
                        //good idea to stop unwanted navigation
                        e.preventDefault();

                        //hide everything
                        $("ul.menuList, ul.menuList div.content").hide();
                        $("#toc").hide();

                        //make all the spans wide
                        $("span.title").css({width : "100px"});

                        //show the base list again
                        $("ul.menuList, ul.menuList > li").fadeIn();
                });


        });



        </script>

<style type="text/css">
a {outline:none;}
 strong {font-weight: normal; }
.right-position { padding-left: 60px; float:right }
 #xx { display:none; }
 #menu { display:none; }
 #charter img, #content-left img, #content-right img { float: left; padding: 15px; }
 #content-left h2, content-right h2 { padding-left: 0px; }
 .expand { width: 500px; }
 ul.menuList { width: 200px; padding:2px 2px 2px 0px; list-style-type:none; float:left; margin:10px 10px 10px 0px; }
.menuList ul li { font-weight: bold; background: url(../images/arrow.jpg) no-repeat 0px 4px; list-style: none; padding-left: 10px; font-size: 11px; margin-top: 10px; }
.menuList a:link, .menuList a:visited, .menuList a:active { text-decoration: none; color: #D49100; font-weight: bold; }
.menuList ul li.upper02 { font-weight: bold; background: url(../images/arrow_blue.jpg) no-repeat 0px 4px; list-style: none; padding-left: 10px; font-size: 13px; }
.menuList li { font-weight: bold; background: url(../images/arrow.jpg) no-repeat 0px 4px; list-style: none; padding-left: 10px; font-size: 11px; margin-top: 10px; }
.menuList li.arrow_blue { font-weight: bold; background: url(../images/arrow_blue.jpg) no-repeat 0px 4px; list-style: none; padding-left: 10px; font-size: 11px; margin-top: 10px; }
.menuList li a h2 {margin:0;}

.menuList a:hover { text-decoration: underline; color: #D49100; }
.menuList a.upper01, .menuList a:visited.upper01, .menuList a:active.upper01 { color: #00339a; font-size: 13px; font-weight: bold; text-decoration: none; }
.menuList a:hover.upper01 { color: #00339a; font-size: 13px; font-weight: bold; text-decoration: underline; }
.menuList .content img { padding: 15px; float: left; }
 ul.menuList li { clear:both; padding-bottom: 15px; }
 ul.menuList li div.content {display:none; width: 450px;}
 a.close {float:right;}

 span.title {display:block;clear:both;width:100px;border:solid 1px gray;}


 </style>
</head>
<body>
<div id="container">
<div id="header">
</div>
<div style="clear:both"></div>
<div id="banner"></div>
<div id="left">
</div>
<div id="right">
<div id="right-top"></div>
<!--<div id="breadcrumbs">
<a href="about.htm">About</a> Us<span class="large"> &rarr;</span> <a href="team.htm">Management Team</a></div> -->
<div id="content">
<h1 class="title">Management team</h1>
<div id="select" style="margin-top:10px; text-align:right; padding-right: 25px;">
        <select name="toc" id="toc" onchange='dropDown(this)' style="display:none;">
                <option value="" selected="selected">Selecta a Bio &darr;</option>
                <option>Donald E. Felsinger</option>
                <option>Neal E. Schmale</option>
                <option>Debra L. Reed</option>
                <option>Mark A. Snell</option>
                <option>Javade Chaudhri</option>
                <option>----------------------------------------</option>
                <option>Amy H. Chiu</option>
                <option>Randall L. Clark</option>
                <option>Steven D. Davis</option>
                <option>Monica Haas</option>
                <option>Joseph A. Householder</option>
                <option>J. William Ichord</option>
                <option>Charles A. McMonagle</option>
                <option>G. Joyce Rowland</option>
                <option>Lisa Urick</option>
                <option>Richard A. Vaccari</option>
                <option>Paul Yong</option>
        </select>
</div>


        <ul class="menuList">
                <li class="arrow_blue" rel="Donald E. Felsinger">
                        <a href="javascript:;" class="upper01" rel="Donald E. Felsinger" onmouseover="doTooltip(event,1)" onmouseout="hideTip()"><h2>Donald E. Felsinger</h2></a>
                        <span class="title">Chairman and Chief Executive Officer</span>
                        <div class="content">

            <img src="../images/management/felsinger.jpg" width="125" height="154" />
          <p>Donald E. Felsinger is chief executive officer and chairman of the board of directors of Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies' 13,800 employees serve 29 million consumers worldwide.</p>
              <p>In  his current position, which he has held since Feb. 1, 2006, Felsinger directs the strategic operations of all the Sempra Energy companies.</p>
              <p>Felsinger previously was  president and chief operating officer of   Sempra Energy, when he was responsible  for implementing Sempra Energy’s   growth strategy and for overall management of  the Sempra Energy   companies. He has been a member of the board of directors  since 2004.</p>
              <p>Before that, Felsinger was  group president of Sempra Global, the   umbrella for Sempra Energy’s businesses  operating in competitive energy   markets.   In that position, Felsinger led Sempra Energy’s expansion   into  successful businesses in power generation, energy-infrastructure   development,  energy trading and marketing, and liquefied natural gas   development.</p>
              <p>Prior to the merger that formed Sempra Energy,  beginning Jan. 1, 1998,   Felsinger served as president and chief operating  officer of Enova   Corporation, the parent company of San Diego Gas &amp;  Electric   (SDG&amp;E).</p>
              <p>Previously,  Felsinger was president and chief executive officer of   SDG&amp;E from 1996 to  1998.  He also was a board director of    SDG&amp;E and executive vice president of Enova Corporation.  Prior to   that, Felsinger was executive vice  president of SDG&amp;E, a position   he held from 1993 to 1996.</p>
              <p>After  Felsinger joined SDG&amp;E in 1972, he held a variety of officer   positions with  responsibility for all aspects of the utility business.</p>
              <p>Felsinger is a graduate of the Stanford University executive program and also has a bachelor’s degree in mechanical engineering from the University of Arizona. He serves as the director of the Northrop Grumman Corp. and as a member of the Conference Board, the Committee Encouraging Corporate Philanthropy, and the U.S.-Mexico Chamber of Commerce. Felsinger has also served on the green Foundation and was co-chair of the Forum Fronterizo Council of the San Diego Dialogue.</p>

                                <a href="#" class="close">Return to List</a>                        </div>
          </li>

                <li class="arrow_blue" rel="Neal E. Schmale">
                        <a href="javascript:;" class="upper01" rel="Neal E. Schmale" onmouseover="doTooltip(event,3)" onmouseout="hideTip()"><h2>Neal E. Schmale</h2></a>
                        <span class="title">President and Chief Operating Officer</span>
                        <div class="content">

          <img src="../images/management/schmale.jpg" width="125" height="154" style="padding-bottom:25px;" />
            <p>Neal E. Schmale is president, chief operating officer and a member of the board of directors for Sempra Energy, a San Diego-based, Fortune 500, energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies' 13,800 employees serve more than 29 million consumers worldwide.</p>
          <p>In his current job Schmale is responsible for implementing Sempra Energy's growth strategy and for overall management of the Sempra Energy companies. He has been a member of the board of directors since 2004.</p>
          <p>Schmale was executive vice president and chief financial officer of Sempra Energy.</p>
          <p>Before his career at Sempra Energy, Schmale was chief financial officer and a member of the board of directors of UNOCAL Corp. and had earlier served as UNOCAL's senior vice president and president of its Petroleum Products and Chemical division. Throughout his 29-year career at UNOCAL, Schmale held a range of jobs in the operations, legal and finance functions.</p>
          <p>Schmale, a native of Nebraska, has a law degree from Loyola University of Los Angeles' Law School and a bachelor's degree in petroleum engineering from the Colorado School of Mines. He is a member of the board of directors of Murphy Oil Corp. and serves on its audit and compensation committees. He is the nonexecutive chairman of the board of directors of the WD-40 Co., and was a chairman of its audit committee. Schmale is a member of the California Bar.</p>
                                <a href="javascript:;" class="close">Return to List</a>                        </div>
          </li>
                <li class="arrow_blue" rel="Javade Chaudhri">
                <a href="javascript:;" class="upper01" rel="Javade Chaudhri" onmouseover="doTooltip(event,5)" onmouseout="hideTip()"><h2>Javade Chaudhri</h2></a>
                <span class="title">Executive Vice President and General Counsel</span>
                <div class="content">

      <img src="../images/management/chaudhri.jpg" width="125" height="154" />
      <p>Javade Chaudhri is executive vice president and general counsel for Sempra Energy, a San Diego-based Fortune 500 energy-services company whose subsidiaries provide electricity, natural gas and value-added products and services. Sempra Energy’s 13,800 employees serve more than 29 million consumers in the United States, Europe, Canada, Mexico, South America and Asia.</p>
      <p>Chaudhri, who has served in his current position since 2003 when he joined the company, is responsible for all legal affairs and compliance for Sempra Energy. He also serves as Sempra Energy’s chief environmental officer.
Previously from 2001 to 2003, Chaudhri served as senior vice president and general counsel of San Diego-based Gateway Inc. since 2001, managing the company’s legal affairs, government relations, contract administration and ethics.</p>
      <p>Prior to joining Gateway as deputy general counsel in 1999, Chaudhri was a senior partner in the Washington, D.C., office of the international law firm of Winston & Strawn, where he co-managed the international and technology practice groups. Prior to that, Chaudhri was a partner at the law firm Jones Day Reavis & Pogue.</p>
      <p>Chaudhri has worldwide experience in helping major private and public-sector companies transact business, and undertake mergers and acquisitions projects. He also has been involved in providing regulatory advice before a number of federal agencies, as well as taking part in major litigation, mediation and arbitration matters. He has written and lectured widely on international infrastructure projects, technology, and commercial law. He has served as a visiting faculty member for the International Development Law Organization in Rome and the International Law Institute in Washington, D.C.</p>
      <p>Chaudhri has a bachelor’s and master’s degree from Yale University in New Have, Conn. and a law degree from Georgetown University in Washington D.C. </p>
                <a href="javascript:;" class="close">Return to List</a>                </div>
          </li>
          <li class="arrow" rel="Amy H. Chiu">
            <a href="javascript:;" rel="Amy H. Chiu" onmouseover="doTooltip(event,6)" onmouseout="hideTip()"><h2>Amy H. Chiu</h2></a>
            <span class="title">Vice President, Risk Analysis and Management</span>
            <div class="content">

      <img src="../images/management/Chiu_new.jpg" width="125" height="175" style="padding-bottom:25px;" />
      <p>Amy Chiu is vice president of risk analysis and management for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services.  The Sempra Energy companies’ 13,800 employees serve more than 29 million consumers worldwide.</p>
      <p>Previously, Chiu was vice president of audit services, where she was responsible for Sempra Energy’s internal audit function. Before that, she held positions of increasing responsibility including director of business planning in the mergers and acquisitions group, manager of executive projects and manager of economic analysis.</p>
      <p>Prior to joining Sempra Energy, Chiu held senior-level financial and actuarial analyst positions for Intelsat and Watson Wyatt Worldwide.</p>
      <p>Chiu currently serves on the board of directors of the Preuss School at University of California, San Diego.  She has a master’s degree in business administration from American University in Washington D.C., a doctorate in mathematics from Boston University and a bachelor’s degree in mathematics from Mills College in Oakland, Calif.</p>
      <a href="javascript:;" class="close">Return to List</a>    </div>
        </li>
        <li rel="Randall L. Clark">
        <a href="javascript:void(0)" rel="Randall L. Clark" onmouseover="doTooltip(event,7)" onmouseout="hideTip()"><h2>Randall L. Clark</h2></a>
        <span class="title">Corporate Secretary and Assistant General Counsel</span>
        <div class="content">

      <img src="../images/management/clark.jpg" width="125" height="154" />
      <p>Randy Clark is corporate secretary and assistant general counsel for Sempra Energy, a San Diego-based Fortune 500 energy serves holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies’ 13,800 employees serve more than 29 million consumers worldwide.</p>
      <p>As corporate secretary and assistant general counsel, Clark coordinates and records all meetings of the board of directors and its committees, serves as a liaison between the directors and the chief executive officer of the company and oversees corporate governance and corporate structuring for the company's domestic and international subsidiaries.</p>
      <p>Previously, Clark was a managing attorney with Sempra Energy, where he oversaw a variety of domestic and international mergers and acquisitions, joint ventures, development projects and international legal issues. He was also principally responsible for corporate governance and corporate structuring matters for the domestic and international subsidiaries of Sempra Global, the umbrella for the company's businesses operating in competitive energy markets.</p>
      <p>Prior to joining Sempra Energy in 2000, Clark was an attorney with the law firm of Cooley Godward LLP. There, his practice focused on a full range of corporate and securities matters, including corporate formations, corporate governance, mergers and acquisitions, venture financing, joint ventures, initial public offerings and general business counseling for both public and private companies. Previously, Clark was a corporate attorney with Morrison & Foerster, LLP.</p>
      <p>Clark graduated with honors from Duke University’s School of Law where he emphasized international and comparative law and summa cum laude  with a bachelor's degree in accounting from Pepperdine University.</p>
      <p>Clark is a member of the International Bar Association, the Association of Corporate Counsel, the American Bar Association and other national and local bar associations. He also is active with the Society of Corporate Secretaries & Governance Professionals.</p>
          <a href="#" class="close">Return to List</a>
          </div>
          </li>
                <li rel="Steven D. Davis">
                <a href="javascript:void(0)" rel="Steven D. Davis" onmouseover="doTooltip(event,8)" onmouseout="hideTip()"><h2>Steven D. Davis</h2></a>
                <span class="title">Vice President, Communications & Community Partnerships</span>
                <div class="content">

        <img src="../images/management/davis.jpg" width="125" height="154" />
            <p>Steven D. Davis is vice president of Communications & Community Partnerships for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies' 13,800 employees serve more than 29 million consumers worldwide.</p>
        <p>As vice president of Communications & Community Partnerships, Davis oversees Sempra Energy's communications and community relations activities, as well as the company's media relations, employee communications, issues management, corporate branding, advertising and reputation management functions. In addition, Davis is president of the Sempra Energy Foundation, a 501(c)3 organization that supports sustainable, measurable community-based change in places where Sempra Energy does business.</p>
        <p>Prior to this job, Davis was senior vice president of External Relations and chief financial officer (CFO) for San Diego Gas & Electric (SDG&E) and Southern California Gas Co. (SoCalGas), Sempra Energy's California regulated utilities.</p>
        <p>Davis was named CFO for SDG&E and SoCalGas in 2004, and was responsible for the accounting, financial and budget functions. Also, in his role as senior vice president of External Relations, Davis was responsible for external relations activities, including the legislative analysis, communications, community relations and public affairs activities for SDG&E and SoCalGas.</p>
        <p>Before that, Davis served as senior vice president of Customer Service & External Relations for SDG&E and SoCalGas and vice president of Distribution Operations for SDG&E. Other executive assignments have included division manager of Customer Operations and division manager of Governmental & Administrative Services.</p>
        <p>Davis serves on the boards of the San Diego Regional Chamber of Commerce and The Campanile Foundation. He is also on the advisory boards of San Diego Senior Community Centers and the San Diego Burn Institute.</p>
        <p>Davis has a bachelor's degree in business administration (accounting) from San Diego State University, where he graduated with honors.</p>
                <a href="#" class="close">Return to List</a>
                </div>
          </li>
                <li rel="Monica Haas">
                <a href="javascript:;" rel="Monica Haas" onmouseover="doTooltip(event,9)" onmouseout="hideTip()"><h2>Monica Haas</h2></a>
                <span class="title">Vice President, Communications & Community Partnerships</span>
                <div class="content">

        <img src="../images/management/haas.jpg" width="125" height="154" />
            <p>Monica Haas is vice president of Corporate Planning for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies' 13,800 employees serve more than 29 million consumers worldwide.</p>
        <p>As vice president of corporate planning, Haas directs Sempra Energy's corporate planning and global procurement.</p>
        <p>Prior to her role as vice president, Haas was the director of investments for Sempra Energy and held numerous positions with the company in the areas of investment management, business and market development and financial planning and analysis.</p>
        <p>Before joining Sempra Energy in 1993, Haas held a senior-level financial analyst role at General Dynamics.</p>
        <p>Haas holds both a master's and bachelor's degree in business from New Mexico State University.</p>
                <a href="#" class="close">Return to List</a>
                </div>
          </li>
                <li rel="Joseph A. Householder">
                 <a href="javascript:;" rel="Joseph A. Householder" onmouseover="doTooltip(event,10)" onmouseout="hideTip()"><h2>Joseph A. Householder</h2></a>
                 <span class="title">Senior Vice President, Controller and Chief Accounting Officer</span>
                 <div class="content">

        <img src="../images/management/householder.jpg" width="125" height="154" />
            <p>Joseph A. Householder is senior vice president, controller and chief accounting officer for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies' 13,800 employees serve more than 29 million consumers worldwide.</p>
        <p>In his current job, Householder oversees the financial reporting and controls, financial planning and tax functions for all of Sempra Energy's companies.</p>
        <p>Before this job, Householder served as vice president of Corporate Tax and chief tax counsel for Sempra Energy since 2001, where he oversaw Sempra Energy's worldwide tax affairs.</p>
        <p>Prior to joining Sempra Energy in 2001, Householder was a partner at PricewaterhouseCoopers in the firm's national tax office. Before that, he was vice president of Corporate Development and assistant chief financial officer of Unocal until 1999. There, Householder was responsible for worldwide tax planning, financial reporting and forecasting, and risk-management compliance.</p>
        <p>Before that, Householder served as an associate attorney at the firm of Halstead, Baker & Olson from 1984 to 1986. Prior to that, he was a certified public accountant at Maginnis, Knechtel & McIntyre from 1979 to 1984.</p>
        <p>Householder has a bachelor's degree in business administration from the University of Southern California and a law degree from Loyola Law School. Also, he has completed the executive program at UCLA Anderson School.</p>
        <p>He is a member of the Tax Executives Institute, the American Institute of Certified Public Accountants, the California Bar and the American Bar Association.</p>
                 <a href="#" class="close">Return to List</a>
                 </div>
          </li>
          <li rel="J. William Ichord">
            <a href="javascript:;" rel="J. William Ichord" onmouseover="doTooltip(event,11)" onmouseout="hideTip()"><h2>J. William
          Ichord</h2></a>
		<span class="title">Vice President, Government Relations</span>
		<div class="content">

        <img src="../images/management/ichord.jpg" width="125" height="154" style="padding-bottom:25px;" />
            <p>J. William Ichord is vice president of government relations for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services.  The Sempra Energy companies' 13,800 employees serve 29 million consumers worldwide.</p>
        <p>As vice president of government relations, Ichord directs Sempra Energy’s local, state and federal government affairs.</p>
        <p>Before joining Sempra Energy in 2007, Ichord was managing director of global affairs and international counsel for the American Chemistry Council, an industry trade group representing companies engaged in the business of chemistry.</p>
        <p>Previously, Ichord had a 17-year career with Unocal Corp., where he served as vice president and general manager of government and international relations.  Ichord also was vice president of the international public relations firm Burson-Marsteller, and held staff positions for eight years with the U.S. Senate, serving as general counsel for Sen. John D. Rockefeller IV, counsel for the Senate Judiciary Committee and legislative assistant for Sen. Joseph Biden Jr.  Ichord began his career as an environmental specialist and counsel for the U.S. Department of Energy.</p>
        <p>Ichord serves on the board of directors of the San Diego Symphony and Town Hall Los Angeles. Ichord’s past affiliations include memberships on a number of boards such as the US-ASEAN Business Council’s Executive and Energy Committees, the National Center for Asia-Pacific Economic Cooperation, the National Foreign Trade Council and the U.S. Azerbaijan Chamber of Commerce.</p>
        <p>Ichord holds a law degree from Washington University, St. Louis, and a bachelor’s degree in political science from Denison University, Granville, Ohio, where he was elected to Phi Beta Kappa.  He is a member of the District of Columbia Bar.</p>
                <a href="#" class="close">Return to List</a>
          </div>
          </li>
      </ul>

<ul class="menuList">
                <li class="arrow_blue" rel="Debra L. Reed">
                  <a href="javascript:;" class="upper01" rel="Debra L. Reed" onmouseover="doTooltip(event,2)" onmouseout="hideTip()"><h2>Debra L. Reed</h2></a>
                  <span class="title">Executive Vice President</span>
                  <div class="content">

                           <img src="../images/management/reed02.jpg" width="125" height="154" />
                                     <p>Debra L. Reed is executive vice president for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies' 13,800 employees serve 29 million consumers worldwide.</p>
            <p>Before joining Sempra Energy, Reed served as president and chief executive officer (CEO) of San Diego Gas & Electric (SDG&E) and Southern California Gas Co. (SoCalGas), Sempra Energy’s regulated California utilities.</p>
            <p>From 1984 to 1994, Reed held leadership positions with SoCalGas, including vice president of human resources, vice president of administrative services, manager of environmental engineering and manager of personnel relations. In 1983, she served as area market services manager after five years of working in marketing. Reed joined SoCalGas in February 1978 as an energy systems engineer and, in 1988, became the first female officer appointed at the company.</p>
            <p>Reed serves on the board of directors of UCSD’s Jacobs School of Engineering and for Halliburton Company; the San Diego Regional Economic Development Corporation; the American Gas Association; and the Precourt Institute for Energy Efficiency at Stanford University. She is a member of The Trusteeship, an affiliate of the International Women’s Forum. Previously, Reed served on the board of directors of Genentech, Dominguez Services Corporation, and the University of Southern California Board of Councilors.</p>
            <p>In 2006, Reed was inducted into the Junior Achievement San Diego Business Hall of Fame. In 2004, she was awarded “Woman of the Year” from the California Science Center and was named one of San Diego Magazine's “50 People to Watch.” Reed received the 23rd Annual Tribute to Women and Industry (TWIN) Award from the YWCA of San Diego County in 2002. She was a recipient of the League of Women Voters Glass Ceiling Award in 2000. Reed was featured on the cover of the July 2002 issue of Gas Utility Manager magazine for an article on making mergers work.</p>
            <p>Reed graduated summa cum laude from the University of Southern California with a bachelor’s degree in civil engineering.</p>

                                <a href="#" class="close">Return to List</a>                        </div>
        </li>

        <li class="arrow_blue" rel="Mark A. Snell">
          <a href="javascript:;" class="upper01" rel="Mark A. Snell" onmouseover="doTooltip(event,4)" onmouseout="hideTip()"><h2>Mark A. Snell</h2></a>
                        <span class="title">Executive Vice President and Chief Financial Officer</span>
                        <div class="content">

                                <img src="../images/management/snell.jpg" width="125" height="154" />
      <p>Mark A. Snell is executive vice president and chief financial officer of Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies' 13,800 employees serve more than 29 million consumers worldwide. </p>
      <p>Snell formerly was group president of Sempra Global, the umbrella organization for the competitive businesses of Sempra Energy. In that position, Snell oversaw all aspects of Sempra Global in competitive energy markets, including energy trading, electric generation, liquefied natural gas, pipelines and storage facilities, international utilities and retail energy marketing.</p>
      <p>Before becoming group president, Snell was chief financial officer of Sempra Global overseeing the acquisitions, business development and all financial matters for the group.</p>
      <p>Prior to his role with Sempra Global, Snell was vice president of planning and development for Sempra Energy.</p>
      <p>Before joining Sempra Energy in 2001, Snell served as executive vice president and chief financial officer for Earth Tech, a Long Beach, Calif.-based water management, engineering and environmental services firm. Earth Tech specializes in the design, building and operation of water and wastewater treatment facilities.</p>
      <p>Before joining Earth Tech, Snell was executive vice president and chief financial officer at Dames and Moore, a NYSE listed engineering and construction firm headquartered in Los Angeles. At Dames and Moore, Snell guided the completion of acquisitions that more than doubled the firm's revenues.</p>
      <p>Snell also served as chief financial and administrative officer for Latham & Watkins, a law firm with more than 1,600 partners and employees worldwide. He also served as executive vice president and chief financial officer of World Oil Corp., a privately held, integrated oil company. As a senior manager at the Los Angeles office of KPMG Peat Marwick, Snell supervised activities that supported acquisitions by client companies.</p>
      <p>Snell is a member of the board of directors of Venoco Inc. He holds a bachelor's degree in accounting from San Diego State University and is a certified public accountant.</p>

                                <a href="#" class="close">Return to List</a>                        </div>
        </li>
        <li style="background-image:none;"></li>
        <li rel="Charles A. McMonagle">
        <a href="javascript:;" class="upper" rel="Charles A. McMonagle" onmouseover="doTooltip(event,12)" onmouseout="hideTip()"><h2>Charles A. McMonagle</h2></a>
		<span class="title">Senior Vice President and Treasurer</span>
        <div class="content">
      <img src="../images/management/mcmonagle.jpg" width="125" height="154" />
      <p>Charles A. McMonagle is senior vice president and treasurer for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies' 13,800 employees serve 29 million consumers worldwide.</p>
      <p>In his current job, McMonagle oversees financing, cash management, insurance, and pension and nuclear decommissioning trust investments.</p>
      <p>Prior to the merger that formed Sempra Energy in 1998, McMonagle was manager of financial services at Enova Corporation, the parent company of San Diego Gas & Electric (SDG&E). McMonagle joined SDG&E in 1982 and held a range of jobs in the company's financial operations.</p>
      <p>McMonagle has master's degrees in business administration from the University of Washington and in engineering from the University of California.</p>
        <a href="#" class="close">Return to List</a>
        </div>
        </li>
        <li rel="G. Joyce Rowland">
        <a href="javascript:;" rel="G. Joyce Rowland" onmouseover="doTooltip(event,13)" onmouseout="hideTip()"><h2>G. Joyce Rowland</h2></a>
        <span class="title">Senior Vice President, Human Resources</span>
        <div class="content">
      <img src="../images/management/rowland.jpg" width="125" height="154" />
      <p>G. Joyce Rowland is senior vice president of human resources and chief ethics officer for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services.  The Sempra Energy companies' 13,800 employees serve more than 29 million consumers worldwide.</p>
      <p>In her current position, Rowland is responsible for corporate human resources, including compensation, health and welfare benefits, employee relations, executive/leadership development, staffing and affirmative-action/diversity programs. She also is responsible for corporate security, human resource information systems and payroll.</p>
      <p>Previously, from 1995 to 1998, Rowland was vice president of human resources and chief ethics officer of Pacific Enterprises, the former parent company of Southern California Gas Co. (SoCalGas).</p>
      <p>From 1990 to 1995, Rowland served as manager of labor relations at SoCalGas. Prior to that, she was manager of personnel relations and planning. In 1987, she served as manager of community involvement and, later, manager of consumer affairs.</p>
      <p>She joined SoCalGas in 1980 as an organization and compensation specialist. She held a range of jobs in human resources between 1980 and 1987.</p>
      <p>Rowland has a master’s degree in business administration with a concentration in industrial relations and a bachelor’s degree in psychology (graduating summa cum laude and Phi Beta Kappa) from the University of California, Los Angeles. She also completed the executive education program at the University of Michigan and has a number of certifications including, Certified Employee Benefits Specialist (CEBS), Certified Compensation Professional (CCP) and Senior Professional in Human Resources (SPHR).</p>
      <p>Rowland is a board member of the San Diego Better Business Bureau and the Equality California Institute.  She is an alumna of the “2001 American Issues Forum of LEADERSHIP AMERICA,” and also is a member of a number of professional groups, including the Society for Human Resource Management, World at Work and Anthem Blue Cross of California's consumer relations committee.</p>
        <a href="#" class="close">Return to List</a>
        </div>
        </li>
        <li rel="Lisa Urick">
        <a href="javascript:;" rel="Lisa Urick" onmouseover="doTooltip(event,14)" onmouseout="hideTip()"><h2>Lisa Urick</h2></a>
        <span class="title">Vice President, Audit Services</span>
        <div class="content">
      <img src="../images/management/urick.jpg" width="125" height="154" />
      <p>Lisa Urick is vice president of audit services for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services.  The Sempra Energy companies’ 13,800 employees serve more than 29 million consumers worldwide.</p>
      <p>In her current position, which she has held since January 2010, Urick oversees Sempra Energy’s internal audit function.</p>
      <p>From 2005 to 2009, Urick served as the assistant general counsel of state regulatory law for Sempra Energy. She joined the company in 1991 as a state regulatory attorney and, from 1999 to 2001, was a managing attorney for the California Power Exchange before returning to Sempra Energy in 2002.</p>
      <p>Urick has served on the board of the Conference of California Public Utility Counsel. She received her law degree from Loyola Law School in Los Angeles, and her bachelor’s degree in French literature and East Asian studies from Wellesley College in Wellesley, Mass.</p>
        <a href="#" class="close">Return to List</a>
        </div>
        </li>
        <li rel="Richard A. Vaccari">
        <a href="javascript:;" rel="Richard A. Vaccari" onmouseover="doTooltip(event,15)" onmouseout="hideTip()"><h2>Richard A. Vaccari</h2></a>
        <span class="title">Vice President, Mergers and Acquisitions</span>
        <div class="content">
      <img src="../images/management/vaccari.jpg" width="125" height="154" />
      <p>Richard A. Vaccari is vice president of mergers and acquisitions for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity and natural gas products and services.  The Sempra Energy companies' 13,800 employees serve more than 29 million consumers worldwide.</p>
      <p>In his current position, Vaccari is responsible for all Sempra Energy’s strategic development activities. </p>
      <p>Previously, Vaccari was vice president managing development and mergers and acquisitions for Sempra Energy’s competitive energy businesses. He also was the managing director of Sempra Partners, an equity fund with financial and energy counterparts to acquire attractive gas and power assets.</p>
      <p>Prior to joining Sempra Energy in 2003, Vaccari spent more than 20 years in investment banking, focusing primarily on the power sector.  He began his career at Goldman Sachs as vice president of the Public Utility Group, and served as a managing director in the Global Power Group at Merrill Lynch.  He also worked for Credit Suisse First Boston, where he was a senior managing director in the energy group and responsible for some of the largest client relationships in the Midwest.</p>
      <p>Vaccari holds a master’s degree in business administration from the University of Chicago Graduate School of Business and a bachelor’s degree in economics from the University of Pennsylvania.  He currently serves on the board of CleanTECH San Diego.</p>
        <a href="#" class="close">Return to List</a>
        </div>
        </li>
        <li rel="Paul Yong">
        <a href="javascript:;" rel="Paul Yong" onmouseover="doTooltip(event,16)" onmouseout="hideTip()"><h2>Paul Yong</h2></a>
        <span class="title">Vice President, Tax and Chief Tax Counsel</span>
        <div class="content">
      <img src="../images/management/yong.jpg" width="125" height="154" style="padding-bottom:20px;" />
      <p>Paul Yong is vice president of Tax and Chief Tax Counsel for Sempra Energy, a San Diego-based Fortune 500 energy services holding company whose subsidiaries provide electricity, natural gas and value-added products and services. The Sempra Energy companies' 13,800 employees serve more than 29 million consumers worldwide.</p>
      <p>As vice president of tax and chief tax counsel, Yong oversees Sempra Energy's tax department. Previously, Yong was associate chief tax counsel for the company.</p>
      <p>Before joining Sempra Energy's tax department in 2004, Yong was a principal with Quantum Tax Consultants, a tax partner with Arthur Andersen and vice president of tax with Unocal Corporation.</p>
      <p>Before that, Yong was a structural engineer with the U.S. Department of Defense.</p>
      <p>Yong has a Juris Doctor degree from Hastings College of Law, a master's degree in tax law from New York University and a bachelor's degree in civil engineering from the University of Hawaii.</p>
      <a href="#" class="close">Return to List</a>
        </div>
        </li>
      </ul>



    </div>
</div>
<div style="clear:both"></div>
</div>
</body>
</html>

Open in new window

0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
PdesignzPPC SpecialistAuthor Commented:
Great Work, Appreciate the help. Thank You!
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
jQuery

From novice to tech pro — start learning today.