#bannerwap h1, #bannerwap h2 { display: none; }

/*---------------------------------------------

Menu Tooltips
Updated: August 15, 2007
Tested in: IE6, Firefox 2, and Safari.

These tooltips take the following form:

<span>
    <div class="outer">
	<div class="middle">
	    <div class="middle2">
		<div class="middle3">
		    <div class="inner">
			<p>Tooltip text</p>
		    </div>
		</div>
	    </div>
	</div>
    </div>
</span>

The divs are used to create the shadow effect.
The span is used to hide the text and reveal it on hover.
The tooltip text actually resides as a title="Tooltip&nbsp;text" 
within the <a> tag so that the <span> does not affect 
the name of the link and consequent searchability.
The JavaScript snippet within prt_menu.js takes the tooltip text
from the <a title=""> tag and correctly places it.

---------------------------------------------*/


/*------------ Menu Tooltip CSS -------------*/
.tip { text-decoration: none; }

.navbuttons a:hover {
	position: relative;
  	z-index: 5;
	}

.navbuttons a span {
	display: none;
	}

.navbuttons a:hover span {
	display: block;
	position: absolute; 
	top: 20px !important;
	top: 33px; 
	left: 35px;
}

.outer { 
	width: 130px !important; 
	width: 2em;
	}
 
.middle { background: #BBC; }

.middle2 { background: #AAB; }

.middle3 { background: #99A; }
 
.inner { background: #889; }
 
.inner p {
  background: #FFFFE1;
  padding: 3px 8px;
  border-left: 1px solid #AAA;
  border-top: 1px solid #AAA;
  text-align: center;
  font-size: 10px;
  color: #000;
  }
 
.middle, .middle2, .middle3, .inner, .inner p {
  position: relative;
  left: -1px;
  top: -1px;
  }