bear with me because I have no idea what code you will need to see and I'm unable to provide a link for you to view what is going on

so in my hours of research I finally learned how to add <script> and <link> via the page header tags and thought I would give using a jquery plugin a shot - guess what? it worked on the first shot (!)...kind of

the facebox plugin is like a lightbox I guess? a user clicks a link or an image and a larger image displays...

Page Header Tags:
<script src="/Portals/16/facebox/lib/jquery.js" type="text/javascript"></script>
<link href="/Portals/16/facebox/src/facebox.css" rel="stylesheet" type="text/css" />
<script src="/Portals/16/facebox/src/facebox.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
  $('a[rel*=facebox]').facebox() 
});
</script>

View Source:
<script type="text/javascript" src="/Resources/Shared/Scripts/jquery/jquery.min.js" ></script>
<script src="/Portals/16/facebox/lib/jquery.js" type="text/javascript"></script>
<link href="/Portals/16/facebox/src/facebox.css" rel="stylesheet" type="text/css" /> 
<script src="/Portals/16/facebox/src/facebox.js" type="text/javascript"></script> 
<script type="text/javascript"> 
jQuery(document).ready(function($) { 
 $('a[rel*=facebox]').facebox() 
}); 
</script>
<link href="/Portals/_default/Skins/_default/WebControlSkin/Default/TabStrip.Default.css" rel="stylesheet" type="text/css" />
<link href="/Portals/_default/Skins/CS.Recruit/RecruitMenu/css/superfish.css" rel="stylesheet" type="text/css" media="all" />
<link href="/Portals/_default/Skins/CS.Recruit/RecruitMenu/theme.css" rel="stylesheet" type="text/css" media="all" />

is there anyway that I can make it so the facebox comes AFTER the menu?

thanks for your help and patience!