Change your Custom header box to this:
<div id="secret">
<a href="javascript:void(0)" onclick="window.location='https://secure.smugmug.com/login.mg?goTo='+window.location.href">.</a>
</div>
<div id="my_banner"> </div>
<div id="navcontainer">
<ul>
<li><a href="http://rachaelritchiephotography.blogspot.com/" title="My Blog">My Blog</a></li>
<li><a href="http://www.rachaelritchiephotography.com/gallery/7264974_8SLKf" title="Contact Me">Contact Me</a></li>
<li><a href="http://www.rachaelritchiephotography.com/Clients" title="Clients">Clients</a></li>
<li><a href="http://www.rachaelritchiephotography.com/Packages%20and%20Pricing" title="Packages & Pricing">Packages & Pricing</a></li>
<li><a href="http://www.rachaelritchiephotography.com/portfolio" title="Portfolio">Portfolio</a></li>
<li><a href="http://www.rachaelritchiephotography.com" title="Rachael Ritchie Photography">Home</a></li>
</ul>
</div>
<!-- End Navbar Code -->
Add this to your CSS:
/*=====Nav-Bar=====*/
#navcontainer ul
{margin: 0;
padding: 0;
list-style-type: none;
text-align: center;}
#navcontainer ul li
{display: inline;}
#navcontainer ul li a
{text-decoration: none;
padding: .2em 1em;
color: #006699;
background-color: none;}
#navcontainer ul li a:hover
{color: #FFFFFF;
background-color: none;}