Step 9: Left Hand Navigation Bar HTML

  <!-- New code for Step 9 after this line -->

  <div id="leftnav">

     <h2 class="nav"> Career Center Service</h2>

     <ul title="Career Center Services">

      <li><a href="http://www.uiuc.edu/">Career Home</a></li>

      <li><a href="http://www.uiuc.edu/">Career Counseling</a></li>

      <li><a href="http://www.uiuc.edu/">Pre-Health Advising</a></li>

      <li><a href="http://www.uiuc.edu/">Services</a></li>

      <li><a href="http://www.uiuc.edu/">Workshops</a></li>

      <li><a href="http://www.uiuc.edu/">Resource Center</a></li>

      <li><a href="http://www.uiuc.edu/">Question Board/FAQ</a></li>

    </ul>

    <form action="http://www.google.com/u/uiuc-careercenter" method="get" title="Google Search">
  
     <h2 class="nav">Search Career Center</h2>

       <p class="search">
   <label for="search_box">Search text</label>
   <input type="text" name="q" id="search_box" maxlength="255" title="Search text">
   </p>
      <p class="search"><input type="submit" title="Start Google Search" value="Search" name="btnG"></p>
    </form>

    <h4>contact info</h4>

    <!-- Adjust the height of the "padding-bottom" property depending on the height of the primary content -->

    <dl style="padding-bottom: 60em">

      <dt>Location</dt>

      <dd>715 S.Wright St.</dd>

      <dd>Champaign, IL 61820</dd>

      <dt>Hours</dt>

      <dd>8:30-5:00</dd>

      <dt>Phone/Fax</dt>

      <dd>217-333-0820 (phone) </dd>

      <dd>217-333-0122 (fax)</dd>

      <dt>Email</dt>

      <dd><a href="file:///c|/server/apache2/htdocs/cita/courses/2005-10-rehab711nc/lec07/example/tcc-feedback@uiuc.edu">TCC-FEEDBACK@uiuc.edu</a></dd>

    </dl>

  </div>