/* print.css are the styles for the DIVs in a website where print version of pages are needed */
/* works with all browsers and OSX and Windows the same */

/* INSTRUCTIONS -----
if a website has been designed with a "Print (Page)" icon/button/function we use this style
sheet to remove all of the unnecessary divs, graphics, menus etc so that only the main content 
on a page will print when a user clicks that button or hits CTRL-P or CMD-P in their OS

first, make sure you have ALL of the main div names from the structure.css style sheet that contain 
items that are not required to print on this page, then comment them with display: none; as shown here
which will prevent them from showing on a printed page ...

#topnav {display: none;}

----- IMPORTANT -----
the "Print (Page}" icon/button needs the following code in it for this to work ...
<a href="#" onClick="window.print()" title="Print this page">button graphic here</a>
----- IMPORTANT -----

finally, if required, set up new style sheets for the content area to force it to
a specific size and centre it on a standard 8-1/2x11 printed page as shown here ...

#contentexample {width: 525px; margin: auto auto;}
*/


/* ----- comment styles well for better reference later! ----- */

/* FIRST CONTAINER STYLE HERE */