/*for live site */
/* DESCRIBE PAGE HEADER SECTION ********************************************************************** */
/* Graphics show on-screen, suppressed on print;  Logo as text uses H1 */


/* container for entire header section - tot ht 150 px - 110 for logo area + 40 for hdr nav */
div#hdr_container { 
clear:both;
float:left;
width:100%;
height: 150px;
}

/* for gradient that carries down through left nav  */
     /* url("../images/new_grad_top_blue110x20.gif");  */
div#hdr_left_gradient    { 
 float:none;  /* was BOTH */
/* overflow:hidden; */
 height: 110px;
 background:
     url("../images/new_grad_top_blue110x20.gif");
     background-repeat: repeat-x;   
     background-position: left top;
     margin-top: 0; margin-left:0px; 
/* margin-right: 1px; */
margin-bottom: 0px; padding-bottom: 0px;
} 


/* for main logo at top left corner */
div#hdr_logo    { 
 height: 110px;
 float:both;   /* was BOTH */
 background:
     url("../images/new_kplogo_with_grad_blue.jpg");
     background-repeat: no-repeat;   
     background-position:left;
     margin-top: 0; margin-left:40px; 
} 

/* Dec7-09 attempt to link logo to home page. logo file is 381x110*/
#hdr_logo a { 
position: absolute; top: 0px; left: 40px; 
text-decoration: none; 
padding-right: 375px;  padding-bottom: 00px;
}

#hdr_logo a:hover { background: none; } 


/* for bv lozenge at right top corner */
div#hdr_logo_right    { 
width: 181px; 
height: 100px;  /* was 110, but got dead space above header nav */
 float:right;    /* was BOTH */
 background:
     url("../images/sage_businessvision_lozenge.gif");
     background-repeat: no-repeat;    
     background-position:right;
     margin-top: 0; 
     padding-top: 3px;  
 margin-right: 10px;
} 

/* for gray gradient nav bar below logo */
div#hdr_nav  {
clear:both;
 margin:0;
 height: 38px;
 float:both;   /* was BOTH */

 background:  url("../images/new_grad_topnav_gray_30x10.gif"); 
 background-repeat: repeat-x;   
 background-position: 0px 0px;  /* was 8px */
 margin-top: 0px; padding-top: 2px;
padding-bottom: 0px; margin-bottom: -2px;
} 


div#hdr_nav ul {
font-size: 13px;
font-weight: 500;
margin:0; 
margin-left: 5px;
padding:0px; 
MARGIN-TOP: -16PX; padding-top: 1px;   /* was MARGIN-TOP: -6PX; padding-top: 2px; */
text-align: left;
}

div#hdr_nav li {
display: inline; 
list-style-type: none;
}

div#hdr_nav p {     /* add may 09: for "internal use only" msg @ right margin; within UL, but not a LI */
text-align: right;
font-weight: 500;
margin-top: -20px; 
padding-right: 10px;
color: #007000;
font-weight: 800;
}

div#hdr_nav li a {
text-decoration: none;
/* padding-left:  3px; 
padding-top:    0px; 
padding-bottom: 25px;  
padding-right:  40px;
color: #007000;
LINE-HEIGHT: 40PX;
MARGIN-TOP: 10; */

line-height: 22px; 
padding-right:  40px;
padding-top:    5px;
padding-bottom: 5px;
padding-left: 4px;
}


div#hdr_nav ul a {
font-weight: 500;
/* padding: 7px 10px; */
}


div#hdr_nav ul a:link {
color: #007000;
}

div#hdr_nav ul a:visited {
color: #007000;
}

div#hdr_nav ul a:hover {
 color: white; 
 text-decoration: none; 
 background: #FFDD6D  /* was #ffcc00; */
}



div#hdr_text    {     /* for text-only heading that prints only - suppress on screen */
 height: 15px; 
} 

div#hdr_text h1 { 
 font-size: 13px; 
 font-weight: 500; 
 margin-left: 0;
 border: 2px solid #007000;
 text-align: center;
} 

/* Print button setup - moved from testing in printbutton.css Mar23-10 */
.printbutton { width: 100%;  height: 29px;  float: right; margin-top: -36px;}

.printbutton a {  
 background: url("../images/print_button_blue.jpg") ;
 background-repeat: no-repeat;   
 background-position: top right;
 float: right;
 padding: 14px; margin-right: 10px;
}

.printbutton a:hover { 
 background: url("../images/print_button_blue_hover.jpg") ;
 background-repeat: no-repeat;   
 background-position: top right;
 float: right; 
}