@media print {

	#topmenu, #topsearch, #mainmenu, #subscribe, #submenu, #subsub, #typesize {
		display: none;
	}

	body {
		font-size: 12pt;
		margin: 0;
		padding: 0;
      widows: 2;
      orphans: 2;
      background-color: transparent;
	}
	body *, .h1, .h2, .h3, .h4, .h5, .h6 {
		color: #000;
      background-color: transparent;
	}
   h1, h2, h3, h4, h5, h6, ul, ol, dl {
      page-break-inside: avoid;
   }
   #logo img {
      margin-left: -5px;
   }
   
body#netizen #logo img{
      display: none;
   }
body#netizen #logo {
      height: 252px;
      width: 495px;
		background-image: url(../images/netizen_box.gif);
      background-repeat: no-repeat;
      margin-left: 0;
	}   
   
   div.contentbox, #footer {
		width: 6in;
      margin: 0;
		padding: 0;
	}
/*	#torso {
		position: static;
	}*/
   div.contents {
      page-break-after: always; 
   }
   a:link, a:visited {
      background: transparent;
      font-weight: bold;
      text-decoration: underline;
   }
   div.content a:link, div.content a:visited {
      content: " (" attr(href) ") ";
   }
   a.top, a:link.top, a:visited.top {
      display: none;
   }
   #footer {
      page-break-before: avoid;
   }

}
/*
> I'm trying to use a print style sheet for the first time.  I had made
> the banner on the page a bg image, after reading on this list that you
> *could*!  It was great because when I actually inserted the image into
> the banner div in the html, it didn't quite fit exactly in some browsers....

That would because of the win: Ies box model problem. It is effecting you
#frame and causing it to be 8px narrower in that browser.
Tantek explains, and fixes:
http://www.tantek.com/CSS/Examples/boxmodelhack.html

But I would recommend keeping the image as background as it is the most
elegant way to handle it.
 
> So... trying to do this print style sheet... it doesn't print background
> images.  I would prefer the banner was printed

The trick not to print the background image, but instead give it actual
content to print.

In your situation I would suggest making a square black on white gif of just
the logo. And put that image, and a <h1> with the company name inside the
#banner div. Like this:

<div id="banner">
<img ...rest-of-image-tag>
<h1>Mindarie Regional Council</h1>
</div>

Then add this to your screen .CSS:

#banner img, #banner h1 { display:none;}

This hides the logo/title from browser that get the background image, and
displays it for printing/low-fi browser (hand-helds, text only, and the
like.) which ends up giving you a nicer looking print out.


If your print style sheet is cascaded from your main style sheet, you will
need to add this line to it to counter-act the above:

#banner img, #banner h1 { display:none;}

*/