How can I call HTML inside a DIV from a single location?

[kiddie]

To start off, I'm fairly new to HTML/CSS/Javascript.I've created a website that has a top menu. One of the items in the menu is hiking trails.The format is:Hiking Trail location---Names of trailsI plan on having a lot of different trail locations and don't want my HTML to be cluttered up, so I'd like to have this part of my code in a single location which I can edit and the changes show on every page.Here is the code:http://pastebin.com/wKdx0Sbn\[code\]<div class="header"> <table id="topmenu" class="header"> <tr> <td class="submen"> <div style="width: 100%; display: inline;"> <ul id="nav"> <li class="top"><a href="http://stackoverflow.com/" class="top_link"><span class="down">Home</span></a></li> <li class="top"><a href="http://stackoverflow.com/questions/" class="top_link"><span class="down">Hiking Trails</span></a> <ul class="sub"> <li><a href="http://stackoverflow.com/questions/" class="alltrails"> All Trails </a></li> <li><a href="http://stackoverflow.com/questions/15714842/" class="cmsp"> State Park 1 </a> <ul> <li><a href="http://stackoverflow.com/questions/15714842/index.html#backside"> Trail </a></li> <li><a href="http://stackoverflow.com/questions/15714842/index.html#campingg"> Trail </a></li> <li><a href="http://stackoverflow.com/questions/15714842/index.html#campingf"> Trail </a></li> <li><a href="http://stackoverflow.com/questions/15714842/index.html#crowders"> Trail </a></li> <li><a href="http://stackoverflow.com/questions/15714842/index.html#fern"> Trail </a></li> <li><a href="http://stackoverflow.com/questions/15714842/index.html#lake"> Trail </a></li> <li><a href="http://stackoverflow.com/questions/15714842/index.html#pinnacle"> Trail </a></li> <li><a href="http://stackoverflow.com/questions/15714842/index.html#ridgeline"> Trail </a></li> <li><a href="http://stackoverflow.com/questions/15714842/index.html#rocktop"> Trail </a></li> <li><a href="http://stackoverflow.com/questions/15714842/index.html#tower"> Trail </a></li> <li><a href="http://stackoverflow.com/questions/15714842/index.html#turnback"> Trail </a></li> </ul> </li> <li><a href="http://stackoverflow.com/questions/ascg/" class="ascg"> State Park 2 </a></li> <li><a href="http://stackoverflow.com/questions/mnp/" class="mnp"> State Park 3 </a></li> </ul> </li> <li class="top"><a href="http://stackoverflow.com/contact/" class="top_link"><span class="down">Contact</span></a></li> </ul> </div> </td> </tr> </table></div>\[/code\]Thanks for any help! In the mean time, I'll keep searching.