Hazır Tasarımda Menu Linkleri Nasıl Eklenir ?

<div id="wrapper">
   <div id="header">
      <h1><a href="#">The Gathering</a></h1>
      <h2><a href="http://www.freecsstemplates.org/">By Free CSS Templates</a></h2>
   </div>
   <!-- end div#header -->
   <div id="menu">
      <ul>
         <li><a href="#">Homepage</a></li>
         <li><a href="#">About Us</a></li>
         <li><a href="#">Products</a></li>
         <li><a href="#">Services</a></li>
         <li><a href="#">Contact Us</a></li>
      </ul>
   </div>
   <!-- end div#menu -->
   <div id="page">
      <div id="contennt">

</div>
      <!-- end div#contennt -->
      <div id="sidebar">
         <ul>
            <li id="submenu">
               <h2>Other Links</h2>
               <ul>
                  <li><a href="#">Semper vestibulum</a></li>
                  <li><a href="#">Vestibulum luctus</a></li>
                  <li><a href="#">Integer rutrum</a></li>
                  <li><a href="#">Etiam malesuada</a></li>
                  <li><a href="#">Elementum facilisis</a></li>
                  <li><a href="#">Ut tincidunt</a></li>
                  <li><a href="#">Odio sagittis</a></li>
               </ul>
            </li>
            <!-- end li#submenu -->
            <li id="news">
               <h2>News &amp; Updates</h2>
               <ul>
                  <li>
                     <h3>25th May</h3>
                     <p><a href="#">Pellentesque quis elit non lectus gravida blandit&hellip;</a></p>
                  </li>
                  <li>
                     <h3>23rd May</h3>
                     <p><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing&hellip;</a></p>
                  </li>
                  <li>
                     <h3>21st May</h3>
                     <p><a href="#">Phasellus nec erat sit amet nibh pellentesque congue&hellip;</a></p>
                  </li>
                  <li>
                     <h3>17th May</h3>
                     <p><a href="#">Maecenas vitae orci vitae tellus feugiat eleifend&hellip;</a></p>
                  </li>
               </ul>
            </li>
            <!-- end li#news -->
         </ul>
      </div>
      <!-- end div#sidebar -->
      <div style="clear: both; height: 1px"></div>
   </div>
   <!-- end div#page -->
   <div id="footer">
      <p id="legal">Copyright &copy; 2007 The Gathering. All Rights Reserved. Designed by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
      <p id="links"><a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a></p>
   </div>
   <!-- end div#footer -->
</div>
<!-- end div#wrapper -->

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
   margin: 0;
   padding: 0;
}

body {
   background: #0A0A0A url(http://www.freecsstemplates.org/templates/previews/thegathering/images/img1.jpg);
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   color: #666666;
}

h1, h2, h3 {
   color: #CCCCCC;
}

h1 {
}

h2 {
}

h3 {
}

p, blockquote, ul, ol {
   margin-bottom: 20px;
   line-height: 1.6em;
}

p {
}

blockquote {
}

ul {
}

ol {
}

a {
   border-bottom: 1px dotted #652A17;
   text-decoration: none;
   color: #652A17;
}

a:hover {
   border: none;
   color: #FF0000;
}

/* Wrapper */

#wrapper {
   background: url(http://www.freecsstemplates.org/templates/previews/thegathering/images/img2.jpg) repeat-x;
}

/* Header */

#header {
   width: 750px;
   height: 181px;
   margin: 0 auto;
   padding: 0 0 0 0;
   background: url(http://www.freecsstemplates.org/templates/previews/thegathering/images/img3.jpg);
}

#header h1, #header h2 {
   float: left;
}

#header h1 {
   padding: 150px 0 0 20px;
   letter-spacing: 3px;
   font-size: 136%;
}

#header h2 {
   padding: 153px 0 0 6px;
   letter-spacing: 2px;
   font-size: 107%;
}

#header a {
   border: none;
   text-transform: uppercase;
   text-decoration: none;
   color: #000000;
}

/* Menu */

#menu {
   width: 750px;
   height: 50px;
   margin: 0 auto;
   background: url(http://www.freecsstemplates.org/templates/previews/thegathering/images/img4.jpg) no-repeat;
}

#menu ul {
   margin: 0;
   padding: 0;
   list-style: none;
   line-height: normal;
}

#menu li {
   display: inline;
}

#menu a {
   display: block;
   float: left;
   height: 20px;
   padding: 10px 20px 0 20px;
   border: none;
   border-right: 1px solid #110F09;
   font-size: 85%;
   font-weight: bold;
   color: #F4D1C5;
}

#menu a:hover {
   color: #FFFFFF;
}

/* Page */

#page {
   width: 750px;
   margin: 0 auto;
   background: url(http://www.freecsstemplates.org/templates/previews/thegathering/images/img7.jpg) repeat-y 220px 0px;
}

/* contennt */

#contennt {
   float: right;
   width: 489px;
   padding-right: 20px;
}

#contennt h1, #contennt h2, #contennt h3 {
   margin-bottom: 20px;
}

#contennt h1 {
   font-size: 136%;
}

#contennt h2 {
   font-size: 107%;
}

#contennt h3 {
   font: 92%;
}

#contennt ul, #contennt ol {
   list-style-position: inside;
}

#contennt .boxed {
   float: left;
   width: 46%;
   padding-right: 2%;
}

#contennt .boxed h2 {
   padding: 5px 0;
   background: url(http://www.freecsstemplates.org/templates/previews/thegathering/images/img5.jpg) repeat-x left bottom;
}

/* Welcome */

#welcome {
}

/* Sample1 */

#sample {
}

/* Sample2 */

#sample2 {
}

/* Sidebar */

#sidebar {
   float: left;
   width: 180px;
   padding-left: 20px;
}

#sidebar ul {
   margin: 0;
   padding: 0;
   list-style: none;
   line-height: normal;
}

#sidebar li {
   margin-bottom: 1px;
}

#sidebar li ul {
}

#sidebar li li {
   margin: 0;
   padding: 7px 20px;
   background: url(http://www.freecsstemplates.org/templates/previews/thegathering/images/img5.jpg) repeat-x left bottom;
}

#sidebar h2 {
   padding: 5px 20px;
   background: url(http://www.freecsstemplates.org/templates/previews/thegathering/images/img6.jpg);
   border-bottom: 1px solid #1C1C1C;
   font-size: 100%;
}

#sidebar h3 {
   font-size: 77%;
}

#sidebar p {
   margin: 0;
   line-height: normal;
}

#sidebar a {
   border: none;
}

/* Submenu */

#submenu {
}

/* News */

#news {
}

#news a {
   font-size: 85%;
}

/* Footer */

#footer {
   width: 750px;
   height: 50px;
   margin: 0 auto;
   padding: 30px 0 0 0;
   background: url(http://www.freecsstemplates.org/templates/previews/thegathering/images/img4.jpg) no-repeat;
}

#footer p {
   margin: 0;
   text-align: center;
   font-size: 77%;
}

<li><a href="#">Homepage</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact Us</a></li>

<li><a href="#">Semper vestibulum</a></li>
<li><a href="#">Vestibulum luctus</a></li>
<li><a href="#">Integer rutrum</a></li>
<li><a href="#">Etiam malesuada</a></li>
<li><a href="#">Elementum facilisis</a></li>
<li><a href="#">Ut tincidunt</a></li>
<li><a href="#">Odio sagittis</a></li>

/* Header */

#header {
   width: 750px;
   height: 181px;
   margin: 0 auto;
   padding: 0 0 0 0;
   background: url(http://www.freecsstemplates.org/templates/previews/thegathering/images/img3.jpg);
}