Link heading&drop down box to the head?

[fl gal]

I need help on linking the heading and drop down boxes that appear when you mouseover to the script in the head. I cannot seem to get it to work.

Here is the code I am using for the headings and drop down boxes, This seems to work OK.

Here is the code in the head. Where do I link them together?

<script src="/js/swfobject.js" type="text/javascript"></script>
<link type="text/css" href="/css.asp" rel="stylesheet">
<script type="text/javascript" language="JavaScript">
<!--
function PopUp(url,w,h,wname) {
var dim = eval('"width=' + w + ',height=' + h + 'toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=1,top=0,left=0"');
Npop = window.open(url,wname,dim);
}
function PopUp3(url,w,h,wname) {
var dim = eval('"width=' + w + ',height=' + h + 'toolbar=0,location=0,directories=0,status=1,menubar=0,scrollbars=1,resizable=1,top=0,left=0"');
Npop = window.open(url,wname,dim);
}
if (window.name == '') {
window.name = "NMSITE";
}
function ShowPageTitle(v_pagetitle) {
return(v_pagetitle);
}
//-->
</script>
<script type="text/javascript" src="/js/formvalidation.js" language="JavaScript"></script>
<script language="javascript" type="text/javascript" src="/lib/js/core_kit.js"></script>
<script language="javascript" type="text/javascript" src="/lib/js/ui_kit.js"></script>
<style type="text/css"><!--
body {
background-color: #0072bb;
margin: auto;
margin-top: 0px;
background-image: url(/images/mainbodyBG.gif);
background-repeat: repeat-x;
background-position: top;
}
#maincontainer {
width: 791px;
margin: auto;
border-left: 2px solid #ffffff;
border-right: 2px solid #ffffff;
}
#header {
height: 132px;
width: 791px;
background-image: url(header.jpg);
background-repeat: no-repeat;
border-bottom: 1px solid #ffffff;
}
#menuarea {
background-color: #01ae5f;
height: 40px;
background-image: url(/images/menubg.gif);
background-repeat: repeat-x;
text-align: center;
}
#maindiv {
width: 791px;
margin: auto;
overflow: hidden;
border-top: 1px solid #ffffff;
background-color: #FFFFFF;
background-image: url(/images/maindivBG.gif);
background-repeat: repeat-y;
background-position: left top;
}
#leftbar {
width: 208px;
background-color: #d7d7d7;
padding: 0px;
float: left;
color: #000000;
background-image: url(/images/maindivBG.gif);
background-repeat: repeat-y;
overflow: hidden;
}
#content {
width: 552px;
background-color: #ffffff;
padding: 15px;
float: right;
overflow: hidden;
}
.CSSMenuItem,A.CSSMenuItem,A.CSSMenuItem:Active,A.CSSMenuItem:Visited {
display: block;
font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
background-color: #019d4c;
color: #ffffff;
padding-left: 5px;
padding-right: 5px;
padding-top: 13px;
width: 90%;
height: 27px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
margin-left: auto;
margin-right: auto;
background-image: url(/images/menubg.gif);
background-repeat: repeat-x;
}
A.CSSMenuItem:Hover {
color: #ffffff;
background-color: #019d4c;
background-image: url(/images/menubg_hover.gif);
background-repeat: repeat-x;
}
#footer {
margin: auto;
height: 12px;
width: 795px;
}
--></style>
</head>

Thanks for any help.