/*----------PRINT SHEET LOADER-----------*/
/*Load in all the sheets and their formats you want applied to the print feature. you generally need to do this as you may want to keep a large percentage of font and style designs....just turn some divs off and restructure pagelayout. Because the link tag in every html page uses a media='print' attribute and tag, this means when you print all other sheets will not be loaded, so its helpful to have all those sheets load here. Note: You may also need to add some new print-only divs with hidden content your turn on in the print_general sheet below. Be sure to add then a style sheet inside your pages that hides these special print divs and items.*/




/*load in the basic type 1 sheet so that the print page inherits essential text styles, font sizes and families, and core tag styles. Note: adding the path below with "../" causes Netscape 6-7 and older Mozilla to crash the style sheet load, so be careful!!! Ive just added the plain url("base_flexible.css") path. When you are ready for a projector sheet, be sure to add the right path and test-test-test!*/

@import url("base_flexible.css");




/*---------------Notes-----------------*/
/*I would not use the following format (with 'print') as it doesnt seem to work in some browsers*/
/*@import url("../base_flexible.css") print;*/

/*note: I have excluded the structural sheets for ease of translating to new print structure, as well as the sheet used to hide print features. Those style can be reassigned easier using the print.css file below. */


/*------------PRINT FRIENDLY SHEET---------*/


html body #printheader {
display:block;
width: auto;
height:50px;
margin:0;
padding:0;
font-size:.8em;
color:#666666;
}

/*now hide the header, footer and navigation which are not needed in the final print*/
html body #header,html body #footer,html body #footer_content,html body #menutree,html body #printfooter,html body #back_to_top,html body #skip_to_content {
display:none;
}


/*Now, reconsruct the text and photo-based content structure for maximum display across multiple printer types and displays*/
body,html body,html>body {
background: white;
width: auto;
max-width: none;
height: auto;
max-height: none;
margin: 0;
padding: 0;
border: 0;
text-align:left;
font-size:10pt;/*seems to be required for Mozilla to establish correct font size*/
}


/*Finally, add your new or customized styles for each of the divs and any new visible content that was hidden from the screen display*/
html body #shell1,html body #shell2,html body #content_setmargin,html body #content_settextarea,html body #footer {
float: none !important;/*long floated text in Gecko-based browsers get cut off or lost on print so remove*/
background: transparent;
width: auto;
max-width: none;
height: auto;
max-height: none;
margin: 0;
padding: 0;
border: 0;
text-align:left;
}

html body #header,html body #left1,html body #content,html body #right1,html body #right2,html body #footer_content {
float: none !important;/*long floated text in Gecko-based browsers get cut off or lost on print so remove*/
background: transparent;
width: auto;
max-width: none;
height: auto;
max-height: none;
margin: 0;
padding: 0;
border: 0;
text-align:left;
margin-top:.5em;
font-size:10pt;/*seems to be required for Mozilla to establish correct font size*/
}

html body img {
margin:2px 0;
padding:0;
border:0;
color:#ffffff;/*note: color:white seems to be the only way to hide the border from image links in NN4 without hiding its alt tag info.*/
}

html body div a,html body div a:link,html body div a:active,html body div a:visited,html body div a:hover,html body div a:focus {
font-weight:bold;
text-decoration:none;
border-bottom: 1px dashed #cccccc;
}