See if you like this.....
Change your whole CSS box to this:
/*=====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: #fff;
background-color: #036;}
#navcontainer ul li a:hover
{color: #fff;
background-color: #369;}
/*=====Homepage=====*/
.galleries #bioBox,
.homepage #galleriesBox,
.homepage #categoriesBox,
.homepage #featuredBox
{display: none;}
.galleries #galleriesBox,
.galleries #categoriesBox,
.galleries #featuredBox
{display: block;}
/*=====Bio-Box=====*/
#bioBox .photo
{display:none;}
#userBio
{text-align: center !important;}
#bioBox
{background: none;}
/*====No More Border====*/
.galleryPage,
.boxBottom,
.boxTop,
.box
{border:none !important;}
/*====No More Background====*/
.boxBottom,
.boxTop,
.box
{background:none !important;}
/*====Tighten Homepage====*/
#userBio {padding:0;}
#homepage {padding-top:0;}
.homepage #breadcrumb
{display:none;}
/*=====Galleries 4 Across=====*/
.miniBox {width:122px; text-align:center; height:210px; margin:0 28px;}
.miniBox .photo {float:none; width:122px; height:auto; _height:1px;}
.miniBox .albumTitle {width:122px;}
.miniBox .description {width:122px;}
.miniBox .updated {width:122px;}
.loggedIn .miniBox {height:auto; min-height:300px;}
.loggedIn .miniBox .smbuttons {margin:0 auto; width:122px;}
.loggedIn .miniBox input {width:122px;}
.loggedIn .miniBox textarea {width:112px;}
.boxBottom .albumLarge {width:192px; height:350px; text-align:center; margin:0 24px;}
.albumLarge .photoLarge {float:none; width:192px; height:auto; _height:1px;}
.albumLarge .albumTitle {width:192px;}
.albumLarge .description {width:192px;}
.albumLarge .updated {width:192px;}
.loggedIn .boxBottom .albumLarge {height:auto; min-height:450px;}
.loggedIn .albumLarge .smbuttons {margin:0 auto; width:192px;}
.loggedIn .albumLarge input {width:192px;}
.loggedIn .albumLarge textarea {width:182px;}
/*=====Wide Gallery Thumbs=====*/
.galleries #homepage,
#content.userKeywords,
#header_wrapper, #footer_wrapper, #cobrand_footer,
#category, #subcategory, #header,
#smugmug, .smugmug #header, .smugmug #footer
{margin-left: 15px;
margin-right: 15px;
min-width: 755px;
width: auto;
_width: expression
(document.documentElement.clientWidth < 790? "760px" : "auto");}
#homepage
{width:1100px !important;
text-align:center !important;
margin: 0 auto !important;}
/*=====No Titles!!=====*/
#galleryTitle,
#categoryTitle,
#subcategoryTitle,
#subCatGalleryTitle
{display:none;}
Go to your bio-box:
http://dgrin.smugmug.com/photos/454835860_Nv8MV-XL-1.jpg......
and add this code:
<html>
<script>
var ssConfig = {
AlbumID: '8525757',
newWindow: 'false',
transparent: 'true',
imgAlign: 'top',
showLogo: 'false',
clickUrl: 'http://gusinskyphoto.com/galleries',
showThumbs: 'false',
showButtons: 'false',
crossFadeSpeed: '350'
};
SM.flash.insertSlideshow(600, 600, ssConfig, 'transparent');
</script>
</html>
Add this to your "Bottom Java-Script Box":
//===Start 2nd Home Page/Galleries Page====
function hasPath(sPath)
{
re = new RegExp("\/" + sPath + "(\/|$)");
return re.test(window.location)
}
if (hasPath("galleries"))
YD.addClass(document.body, "galleries");
Then add this red line to your Custom header box:
<div id="navcontainer">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/galleries">Galleries</a></li>
<li><a href="/Hockey">Hockey</a></li>
<li><a href="/Baseball">Baseball</a></li>
<li><a href="/Private%20Galleries">Private Galleries</a></li>
<li><a href="/Gusinsky">Gusinsky</a></li>
<li><a href="/gallery/8524373_EiU5c">Aboutn me</a></li>
<li><a href="/I%20want%20extra%20photos%20of%20my%20player">I want extra photos of my player</a></li>
<li><a href="javascript:norobotmail('Gusinsky', 'Comcast.net')">Email me</a></li>
</ul>
</div>
:ear