I've got a problem with opacity and would appreciate some help. In a header, I have a background image, some links, a navigation bar with opacity, and then links within the navigation bar. But, I don't want the links on the navigation bar to have opacity. I've researched and tried numerous things, but can't seem to find the magic. Any help appreciated. Here's the css and I've provided a link to an image of the problem. (real stuff is on a development site, with themes, master pages, etc., and doesn't have a dns beyond our firewall)

http://www.mahec.net/images/a.jpg

Here's the css:

Code:
body  {
    margin:0 auto;
    padding:0;
    background: #DCE9E8 url(http://www8.mahec.net/images/body_bg2.gif) left top repeat-x; 
    font:normal 13px Arial;
}

#maincontainer{ 
    
    width: 800px; /*Width of main container*/
    margin: 0 auto; /*Center container on page*/
    background:#F8F8F1 url(http://www8.mahec.net/images/contentBG2.gif) left top repeat-y;
    border:solid 1px #666666;
    overflow-x: hidden;
}

#topsection{  /*header container, centering everything within*/
    position:relative;
    margin-right:0;
    margin-left:0;
    padding:0;
    background: #DCE9E8 url(http://www8.mahec.net/images/banner.jpg) right top no-repeat;
    overflow-x: hidden;
    height: 120px; /*Height of top section*/
}
*/ links at top right within header */
.header { float:right;display: inline;color:#336666; margin:5px 5px 0 0;} 
.header A:link,  A:visited {color : #336666; text-decoration : none;border:none;padding :0 0 0 0;}
.header A:hover {text-decoration:none;border:none;padding :0 0 0 0;  
} 

#topsection #topbar {
    position:fixed;
    margin-right:0;
    margin-left:0;
    margin-top:94px;
    padding:0;
    width:800px;
    text-align:center;
    background:#78658c;
 	filter:alpha(opacity=60);-moz-opacity:.60; opacity: 0.6;
	border-top:solid 1px #000000;
	border-bottom:solid 1px #000000;
	font-weight:bold;
	height:25px;
}

#topsection #topbar #toplink {
    z-index:1;
    color:#ffffff;
}

#topsection #topbar #toplink  a {
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	line-height:2em;
	padding:3px 10px;	
}

#topsection #topbar #toplink  a:hover {
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	line-height:2em;
	padding:3px 10px;
	background:#F9F9E4;
	color:#593F72;
	margin:-5px 0 -5px 0;
}