I'm no expert, especially with Javascript, but it looks like you have some format issues when you copied your Smugmug code to your Blogger site.
The Nav code from your Smugmug site:
<ul id='sddm'>
<li><a href='http://northerncaptures.com'>Home</a></li>
<li><a onmouseout='mclosetime()' onmouseover='mopen(\'m1\')'>Galleries</a>
<div id='m1' onmouseout='mclosetime()' onmouseover='mcancelclosetime()'>
<a href='http://northerncaptures.com/Venture-North/Venture-North'>Venture North</a>
<a href='http://northerncaptures.com/Lake-Superior-Photography/Lake-Superior-Photography'>Lake Superior</a>
<a href='http://northerncaptures.com/Duluth-Minnesota-Photography/Duluth-Minnesota-Photography'>Duluth, Minnesota</a>
<a href='http://northerncaptures.com/Northern-Landmarks/Northern-Landmarks'>Northern Landmarks</a>
<a href='http://northerncaptures.com/BeyondtheArrowhead/Other-Landscapes'>Beyond the Arrowhead</a>
</div>
</li>
<li><a onmouseout='mclosetime()' onmouseover='mopen(\'m2\')'>Purchase</a>
<div id='m2' onmouseout='mclosetime()' onmouseover='mcancelclosetime()'>
<a href='http://northerncaptures.com/Purchase/Purchase-Information'>Products</a>
</div>
</li>
<li><a onmouseout='mclosetime()' onmouseover='mopen(\'m3\')'>About</a>
<div id='m3' onmouseout='mclosetime()' onmouseover='mcancelclosetime()'>
<a href='http://northerncaptures.com/Guestbook/Guestbook'>Guestbook</a>
<a href='http://northerncaptures.wufoo.com/forms/z7x4a3/' onclick='window.open(this.href, null, \'height=579, width=680, toolbar=0, location=0, status=1, scrollbars=1, resizable=1\'); return false' title='Contact Brett Nord'>Contact Me</a></div>
</li>
</ul>
Your Blogger site:
<ul id="sddm">
<li><a href="http://northerncaptures.com">Home</a></li>
<li><a
onmouseover="mopen('m1')"
onmouseout="mclosetime()">Galleries</a>
<div id="m1"
onmouseover="mcancelclosetime()"
onmouseout="mclosetime()">
<a href="http://northerncaptures.com/Venture-North/Venture-North">Venture North</a>
<a href="http://northerncaptures.com/Lake-Superior-Photography/Lake-Superior-Photography">Lake Superior</a>
<a href="http://northerncaptures.com/Duluth-Minnesota-Photography/Duluth-Minnesota-Photography">Duluth, Minnesota</a>
<a href="http://northerncaptures.com/Northern-Landmarks/Northern-Landmarks">Northern Landmarks</a>
<a href="http://northerncaptures.com/BeyondtheArrowhead/Other-Landscapes">Beyond the Arrowhead</a>
</div>
</li>
<li><a
onmouseover="mopen('m2')"
onmouseout="mclosetime()">Purchase</a>
<div id="m2"
onmouseover="mcancelclosetime()"
onmouseout="mclosetime()">
<a href="http://northerncaptures.com/Purchase/Purchase-Information">Products</a>
</div>
</li>
<li><a
onmouseover="mopen('m3')"
onmouseout="mclosetime()">About</a>
<div id="m3"
onmouseover="mcancelclosetime()"
onmouseout="mclosetime()">
<a href="http://northerncaptures.com/Guestbook/Guestbook">Guestbook</a>
<a href="http://northerncaptures.wufoo.com/forms/z7x4a3/" onclick="window.open(this.href, null, 'height=579, width=680, toolbar=0, location=0, status=1, scrollbars=1, resizable=1'); return false" title="Contact Brett Nord">Contact Me</a></div>
</li>
</ul>
Without going into details, I would suggest re-copying the code from your Smugmug code from here and copy it in the appropriate spot on your Blogger again.
into my Blogger site. However, I appear to be having some CSS conflicts with the sub-menus hiding underneath the body of my page. My blogger site is http://northerncaptures.blogspot.com/
