.tab-line {
	background-image: url(/graphics/header/line-tab.gif); }
	
/* for all jsroll menu buttons -- need to have this for Netscape for flyouts to work */
.block {
	display: run-in;
	height: 26px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #FF0000; } 

.home1 {
background: url(/graphics/header/home.gif) 0 0 no-repeat; } 
.home2 {
background: url(/graphics/header/home.gif) 0 -25px no-repeat ; } 
.home3 {
background: url(/graphics/header/home.gif) 0 -50px no-repeat; } 

.about1 {
background: url(/graphics/header/about.gif) 0 0 no-repeat; } 
.about2 {
background: url(/graphics/header/about.gif) 0 -25px no-repeat ; } 
.about3 {
background: url(/graphics/header/about.gif) 0 -50px no-repeat; } 

.programs1 {
display: run-in; background: url(/graphics/header/programs.gif) 0 0 no-repeat; } 
.programs2 {
display: run-in; background: url(/graphics/header/programs.gif) 0 -25px no-repeat ; } 
.programs3 {
display: run-in; background: url(/graphics/header/programs.gif) 0 -50px no-repeat; } 

.help1 {
background: url(/graphics/header/help.gif) 0 0 no-repeat; } 
.help2 {
background: url(/graphics/header/help.gif) 0 -25px no-repeat ; } 
.help3 {
background: url(/graphics/header/help.gif) 0 -50px no-repeat; } 

.events1 {
background: url(/graphics/header/events.gif) 0 0 no-repeat; } 
.events2 {
background: url(/graphics/header/events.gif) 0 -25px no-repeat ; } 
.events3 {
background: url(/graphics/header/events.gif) 0 -50px no-repeat; } 

.donations1 {
background: url(/graphics/header/donations.gif) 0 0 no-repeat; } 
.donations2 {
background: url(/graphics/header/donations.gif) 0 -25px no-repeat ; } 
.donations3 {
background: url(/graphics/header/donations.gif) 0 -50px no-repeat; } 

.contact1 {
background: url(/graphics/header/contact.gif) 0 0 no-repeat; } 
.contact2 {
background: url(/graphics/header/contact.gif) 0 -25px no-repeat ; } 
.contact3 {
background: url(/graphics/header/contact.gif) 0 -50px no-repeat; } 

/* ********************************** TOP FLYOUT MENU style **********************************  */ 
.topfly {
position: absolute; z-index: 99; visibility: hidden;
display: block; font: 11px/11px Verdana, Arial, Helvetica, sans-serif;
border-width: 1px; width: auto; white-space: nowrap; top: 150px;	
/* COLOR PART */ background-color: #B9E9FF; border: 2px solid #01ABF0; } 

.topfly A:LINK, .topfly A:VISITED {
display: block; color: #00578D; text-decoration: none; 
/* set height using padding not height for NS */ padding: 5px 10px 6px 10px;  height:100%;  
/* COLOR PART */ /*background: url(/graphics/header/back-flyout.gif) 0 0px no-repeat;*/
background-color: #B9E9FF; border-bottom: 2px solid #01ABF0; font-weight: bold; } 

.topfly A:HOVER, .topfly A:ACTIVE {
/* COLOR PART */ color: #CC6600; background-color: #ffffff; /*background: url(/graphics/header/back-flyout.gif) 0 -10px no-repeat;*/ font-weight: bold; } 

/* to make each top layer the width I want */
#about-menu 		{ width: 140px; } 
#programs-menu     	{ width: 150px; } 
#help-menu 			{ width: 180px; } 
#events-menu 		{ width: 130px; }
#donations-menu 		{ width: 120px; } 

.edgetop {	border-top: 1px solid #005A8D;  }
.rightcv {
	background: url(../graphics/header/top-right.gif) no-repeat right;
}
.logo {
	background: url(../graphics/header/logo.gif) no-repeat left;
}
.edge-home {
	background: #285696;
}
.menuborder {
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #07A8F8;
	border-bottom-color: #07A8F8;
}