div.header{
   border-top: 1px solid #fff;     /* FF needs this to function properly ??? maybe not*/
   border-bottom: 1px solid #fff;	     
   padding:0;
   background-image: url(orangeSaw1.gif);
   background-repeat: repeat-x left;
  /* height: 130px; /* without this, only enough of the pic that will fit in the container is seen */
  }
	
  p.titleText{
    margin:10pt 0 0;
		padding:0px;
		text-align:center;
  }
	p.titleText span{
		margin:4px;
		padding:0px;

		color: #fff;
   font-size: 30pt;		
		font-weight:bold;
    text-transform: uppercase;
	}
	
	p.headerSubTitle{
	 position:relative;
	 top:-1px;
	 text-align:center;
	 
	 margin:0 0 10px;	 					/* this sets how far below links are if in header*/
	 padding:0;
	 font-size:12pt;
 }
 
  p.headerSubTitle span{
	 margin:0;
	 padding:0px 5px 0px;
	 color:#fff;
	}
	
	div.menuBox{
	 background: #FF7000;
   background-image: url(orangeLinGrad.gif);
   background-repeat: repeat-x;
	  
	  border-top: 1px solid #000;
	  border-bottom: 1px solid #000;

    margin:0px 0px 8px;
		padding:0px 0 0;
/* don't need if float is used		*/
   position: relative;
   left: 0px;
	 top: 9px;
/*	 */
	 width:100%;					 /* gives long bar with this */
	 float:left;
	}

  ul.hMenu {
	 margin:0 0 0 0px;
   padding:0 0 0 0px;
	 font-size:10pt;
	 
	/* for centering use: left margin = right margin = 25% and left = 50%;
	  or  margin: 0 auto;
	*/

   border-top: 0px solid #000; 
  }