Hi all
Style has disappeared in the id sections in my in page nav lists.The text has gone black and smaller and the hover has gone smaller but the rest of the bar is how I want it.
Hope that makes sense Paul

Style sheet
Code:
.nav_bar ul{list-style-type:none;margin:40px 0px 0px 0px;padding:0;float:left;border-radius:10px;background-color:#3B3131;border-color:#3B3131;}
.nav_bar li{float:left;}
.nav_bar a:link{outline:none;display:block;font-size:16px;color:#FFF;text-align:left;padding:3px 19px;text-decoration:none;border:1px solid;border-radius:10px;background-color:#3B3131;border-color:#3B3131;}
.nav_bar a:visited{outline:none;display:block;font-size:16px;color:#FFF;text-align:left;padding:3px 19px;text-decoration:none;border:1px solid;border-radius:10px;background-color:#3B3131;border-color:#3B3131;}
.nav_bar a:hover{background-color:#C0C0C0;border:1px solid;border-radius:10px;border-color:#C0C0C0;}
.nav_bar a:active{background-color:#C0C0C0;border:1px solid;border-radius:10px;border-color:#C0C0C0;}
The nav bars
Code:
<div class="nav_bar" >
<ul>
<li><a id="Top">Top</a></li> 
<li><a href="#Description">Description</a></li>
<li><a href="#Gallery">Gallery</a></li>
<li><a href="#Location">Location</a></li>
<li><a href="#Prices">Prices</a></li>
<li><a href="#Availability">Availability</a></li>
<li><a href="#Contact owner">Contact owner</a></li>
</ul></div>
<h2>Top</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sit amet rhoncus quam, vel rhoncus tortor. Fusce commodo risus vitae elit semper consequat. Aenean viverra odio vitae felis euismod, ut consequat neque egestas. Ut eget odio sed odio tincidunt pretium at quis nibh. Etiam et mauris elit. Cras mattis nisi et sem tincidunt lobortis. Sed orci sapien, pulvinar nec molestie ut, ultrices at ipsum. Praesent enim lectus, varius in viverra at, condimentum sit amet felis. Morbi nisl magna, interdum nec odio sed, suscipit sagittis leo. Sed volutpat dapibus arcu. In ut arcu in leo fringilla vestibulum.</p> 
<div class="nav_bar" >
<ul>
<li><a href="#Top">Top</a></li> 
<li><a id="Description">Description</a></li>
<li><a href="#Gallery">Gallery</a></li>
<li><a href="#Location">Location</a></li>
<li><a href="#Prices">Prices</a></li>
<li><a href="#Availability">Availability</a></li>
<li><a href="#Contact owner">Contact owner</a></li>
</ul></div>
<h2>Description</h2>
<p>Ut at eleifend lorem. Cras vitae faucibus metus, eget placerat tortor. Aliquam cursus sodales nunc et malesuada. Pellentesque nec metus sagittis, egestas orci eget, consectetur risus. Nullam nulla nibh, egestas mattis augue ut, fermentum ultricies ipsum. Maecenas tempor et dui a convallis. Donec consequat tortor libero, pellentesque sollicitudin augue lobortis at. Sed vitae dictum tortor, a porttitor mauris. Pellentesque et aliquam massa. Nullam condimentum ligula nec libero dapibus rhoncus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec quis dui vitae nisl aliquet consectetur eget sit amet arcu. Quisque cursus nibh vel felis faucibus, ac imperdiet turpis tristique. Etiam blandit arcu elit, non sollicitudin dolor porta a.</p>
<div class="nav_bar" >
<ul>
<li><a href="#section1">Top</a></li> 
<li><a href="#Description">Description</a></li>
<li><a id="Gallery">Gallery</a></li>
<li><a href="#Location">Location</a></li>
<li><a href="#Prices">Prices</a></li>
<li><a href="#Availability">Availability</a></li>
<li><a href="#Contact owner">Contact owner</a></li>
</ul></div>
<h2>Gallery</h2>
<p>Nullam luctus, ligula nec mollis gravida, nisi sem placerat sapien, pellentesque imperdiet dolor diam et metus. In mattis fringilla mattis. Donec tincidunt bibendum eleifend. Ut at orci ut dui vestibulum tempor. Vestibulum lobortis porta est, ut aliquet lacus fringilla in. In interdum enim ac mi aliquam, id condimentum libero vulputate. Aliquam et ante feugiat, consectetur lorem sed, gravida erat. Etiam suscipit tellus ipsum, tempus mattis magna porta vel. Donec accumsan quam lorem, eu convallis risus interdum accumsan. Nunc eu libero a lacus faucibus volutpat. Proin vel tortor elementum, imperdiet ligula lacinia, convallis felis. Aliquam eu arcu leo. Mauris egestas augue a euismod varius. Nunc id semper lacus.</p> 
<div class="nav_bar" >
<ul>
<li><a href="#section1">Top</a></li> 
<li><a href="#Description">Description</a></li>
<li><a href="#Gallery">Gallery</a></li>
<li><a id="Location">Location</a></li>
<li><a href="#Prices">Prices</a></li>
<li><a href="#Availability">Availability</a></li>
<li><a href="#Contact owner">Contact owner</a></li>
</ul></div>
<h2>Location</h2>
<p>Phasellus ut ullamcorper dui, a bibendum nisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas nec metus mattis turpis elementum luctus. Duis vitae nisi feugiat, dapibus felis quis, rhoncus massa. Aliquam lobortis, urna non faucibus aliquet, elit felis tristique neque, nec vehicula magna urna eu elit. Quisque orci lectus, euismod id eros id, rutrum vehicula turpis. Integer porttitor nisl vitae purus commodo volutpat. Phasellus vitae magna ullamcorper, interdum nisl ac, condimentum leo. Interdum et malesuada fames ac ante ipsum primis in faucibus. Integer et elit consequat, sodales nisl suscipit, dictum risus. Proin nec metus convallis, rhoncus massa sed, fringilla mauris. In pharetra in mauris id eleifend. Vivamus auctor eu ligula et tempor. Etiam elit sapien, tincidunt vel tempus vel, aliquet sit amet quam. Donec semper suscipit nulla, nec ornare quam sagittis luctus. Interdum et malesuada fames ac ante ipsum primis in faucibus.</p>
<div class="nav_bar" >
<ul>
<li><a href="#section1">Top</a></li> 
<li><a href="#Description">Description</a></li>
<li><a href="#Gallery">Gallery</a></li>
<li><a href="#Location">Location</a></li>
<li><a id="Prices">Prices</a></li>
<li><a href="#Availability">Availability</a></li>
<li><a href="#Contact owner">Contact owner</a></li>
</ul></div>
<p>Suspendisse ultrices massa sem, et imperdiet augue ultrices quis. Cras ac velit imperdiet, ullamcorper quam eget, fringilla mi. Duis placerat arcu ac magna elementum aliquet. Sed feugiat condimentum aliquam. Aliquam consectetur sapien eros, vitae eleifend mi euismod a. Vivamus volutpat varius ultrices. Quisque porttitor pulvinar tortor, a convallis turpis vehicula quis. Donec auctor justo sed justo luctus, eu ornare neque bibendum. Donec mollis, libero eu cursus tincidunt, urna erat tincidunt risus, eu tincidunt felis quam id mauris. In hac habitasse platea dictumst. Nullam felis mauris, dictum id varius quis, ullamcorper eget nunc.</p>
<div class="nav_bar" id="Availability" >
<ul>
<li><a href="#section1" >Top</a></li> 
<li><a href="#Description">Description</a></li>
<li><a href="#Gallery">Gallery</a></li>
<li><a href="#Location">Location</a></li>
<li><a href="#Prices">Prices</a></li>
<li><a id="Availability">Availability</a></li>
<li><a href="#Contact owner">Contact owner</a></li>
</ul></div>