div.menu{
	display: block;
	font-size: .7em;
}
.nonStds{
	display: none;
}
body{
	background-image: url(../graphicsnav/topTile.gif); 
	background-repeat: repeat-x;
	
}
.headerHolder{
	position: absolute; top:0px; left:0px; 
	width: 765px; height: 86px; 
	background-image: url(../graphicsnav/headerbackground.jpg);
	background-color: #1577B7;
	background-repeat: no-repeat;
}

.searchHolder{
	position: absolute; 
	top:30px; 
	left:540px;
}
.utilityNav{
	position: absolute; top:0px;  left:545px;
    font-size: .70em;
    padding: 2px 0px; 
}


/*this class here is read only IE5 MAC*/
.menuHolder{
  position: absolute; top: 69px; left: 0px;
  white-space: nowrap;
}

/*---start hack for IE5 MAC
this hack is to make the tabs to align nicely on IE 5 on a mac.  Macs will ingnore the following 
menuholder class and would set the top position of the tabs to 65. 
}\*/

.menuHolder{
  position: absolute; top: 69px!important; top: 69px; left: 0px;
  white-space: nowrap; padding-left: 18px; z-index:100;
}
/*end of hack for IE5 mac*/

.menuBar a.menuButton,.menuBarIE6 a.menuButton,
div.menu a.mi {
   color: #797979;
}

.menuBar {
	height: 22px;
  	font-size: .7em;
  	text-align: left;
  	padding-left: 5px;
	background-color: transparent;
 }

.menuBar a.menuButton {
  height: 22px;
  background-image: url(../graphicsnav/tabBack.gif);
  background-position: top right;
 
  color: #F1F6FA;
  cursor: default;
  text-decoration: none;  
  margin:0px 2px 0px 0px;
  padding: 4px 16px 5px 0px;
  position:relative;
  z-index: 100;
}

.menuBar a.menuButton:hover{
  height: 22px;
  color: #0B4A80;
  background-image: url(../graphicsnav/tabBack.gif);
  background-position: 100% 150px;
  cursor: hand;
  text-decoration: none;  
  margin:0px 2px 0px 0px;
  padding: 4px 16px 5px 0px;
  position: relative;
  z-index: 100;
}

.menuBar a.menuButtonActive{
 height: 22px;
  background-image: url(../graphicsnav/tabBack.gif);
  background-position: 100% 150px;
  border-color: #023765 #FFFFFF #FFFFFF #023765; 
  color: #0B4A80;
  cursor: hand;
  text-decoration: none;  
  margin:0px 2px 0px 0px;
  padding: 4px 16px 5px 0px;
  position: relative;
  z-index: 100;
}

.menuBar a.menuButtonSelected{
  height: 22px;
  color: #0B4A80;
  background-image: url(../graphicsnav/tabBack.gif);
  background-position: 100% 300px;
  cursor: hand;
  text-decoration: none;  
  margin:0px 1px 0px 0px;
  padding: 4px 16px 5px 0px;
  position: relative;
  z-index: 100;
  
}

.menuBarIE6 {
	height: 22px;
  	font-size: .7em;
  	text-align: left;
    z-index:100;
	background-color: transparent;
 }

 
.menuBarIE6 a.menuButton {
  height: 22px;
  background-image: url(../graphicsnav/tabBack.gif);
  background-position: top right;
  border-left: solid 1px #023765;
  color: #F1F6FA;
  cursor: default;
  text-decoration: none;  
  margin:0px 2px 0px 0px;
  padding: 4px 16px 5px 0px;
  position:relative;
  z-index: 100;
}
.menuBarIE6 a.menuButton:hover{
  height: 22px;
  color: #0B4A80;
  background-image: url(../graphicsnav/tabBack.gif);
  background-position: 100% 150px;
  border-left: 1px solid #023765;
  cursor: hand;
  text-decoration: none;  
  margin:0px 2px 0px 0px;
  padding: 4px 16px 5px 0px;
  position: relative;
  z-index: 100;
}

.menuBarIE6 a.menuButtonActive{
 height: 22px;
  background-image: url(../graphicsnav/tabBack.gif);
  background-position: 100% 150px;
  border-left: 1px solid #023765;
  border-color: #023765 #FFFFFF #FFFFFF #023765; 
  color: #0B4A80;
  cursor: hand;
  text-decoration: none;  
  margin:0px 2px 0px 0px;
  padding: 4px 16px 5px 0px;
  position: relative;
  z-index: 100;
}

.menuBarIE6 a.menuButtonSelected{
  height: 22px;
  color: #0B4A80;
  background-image: url(../graphicsnav/tabBack.gif);
  background-position: 100% 300px;
  border-left: 1px solid #023765;
  cursor: hand;
  text-decoration: none;  
  margin:0px 1px 0px 0px;
  padding: 4px 16px 5px 0px;
  position: relative;
  z-index: 100;
  
}
div.menu {
  background-color: #DCEAF5;
  border: 1px solid #023765;
  padding: 0px 1px;
  visibility: hidden;  
  position: absolute;
  top: -200px; /*netscape 7 briefly displays the hidden menu, so this hides it */
  left: -200px;
  z-index: 101;
}

div.menu a.mi {
  color: #0B4A80;
  cursor: hand;
  display: block;
  padding: 3px 1.5em;
  text-decoration: none;
  white-space: nowrap;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #7098BC;
 z-index: 101;
}
div.menu a.mi:hover, div.menu a.miHighlight {
  background-color: #ffffff;
  color: #0B4A80;
  cursor: hand;
  text-decoration: none;
 z-index: 101;
}

div.menu a.mi span.miText {
	cursor: hand;
 z-index: 101;
}