Navbar

[digapix]

I really don't know too much looking at the code. But how do I make my "Gallery" page into this? Nothing else has a drop down except the gallery.

Menu with dropdown and flyout
Menu 1 Menu 2 Menu 3 Menu 4 Menu 5

Drop 1



Drop 2



Drop 3 Flyout 1



Flyout 2


<div class="menu">
<ul>
<li><a href="Link">Menu 1</a></li>
<li><a class="drop" href="Link">Menu 2
<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="Link">Dropdown 1</a></li>
<li><a href="Link">Dropdown 2</a></li>
<li><a class="drop" href="Link">Dropdown 3
<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="Link">Flyout
1</a></li>
<li><a href="Link">Flyout 2</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="Link">Menu 3</a></li>
<li><a href="Link">Menu 4</a></li>
<li><a href="Link">Menu 5</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</div>



My Gallery code now is::

/*=====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: 0px;
margin-right: 0px;
min-width: 755px;
width: auto;
_width: expression
(document.documentElement.clientWidth < 790? "760px" : "auto");}


Thank you,
Any help is very much appreciated.
-Serg