﻿
@media print { 

/* define media for stylesheet - eg print/screen/mobile */
/* PRINT CSS
   1. Strip all or most images.
   2. Remove background colors.
   3. Minimize and adjust text colors - use colors that will be easy to read on paper.
   4. Remove unecessary or irrelevant elements (such as links).
   5. Add necessary information such as the webpage’s URL or contact information
   
Specify that the style sheet is persistent, preferred, or alternate:

    * To make a style sheet persistent, set the rel attribute to "stylesheet" and don't set the title attribute.
    * To make a style sheet preferred, set the rel attribute to "stylesheet" and name the style sheet with the title attribute.
    * To specify an alternate style sheet, set the rel attribute to "alternate stylesheet" and name the style sheet with the title attribute.
*/

* {	padding: 0;	margin: 0;}

body { background: #ffffff;	padding: 0 5%; font: 12pt/18pt arial, verdana, helvetica, sans-serif;}

a:link, a:visited {	text-decoration: underline;	}

a:link:after, a:visited:after {
	  	/* enables content to put put after the element - eg add the url  - messy on Firefox
        content: " (w: " attr(href) ") "; 
	  	font-size: 80%;*/
	  	color: #BB5986; background: #ffffff;	}

p { padding: 5px; margin: 0; }

h1, h2 {font-family: arial, verdana, helvetica, sans-serif;	}
h1 {font-size: 18pt;margin-bottom: 18pt;}
h2 {font-size: 14pt;margin-top: 27pt;margin-bottom: 9pt;}
h3 { font-size: 12pt; margin-top: 27pt; margin-bottom: 9pt;}
h4 { font-size: 11pt; margin-top: 27pt; margin-bottom: 9pt;}

hr {border: 0;background: #99064a;color: #99064a;height: 0.5mm;margin: 12pt 0 12pt;	}

/* hide all images */
img { display: none !important; }

/* hide all flash as it doesnt print */
object { display: none; }

/* reset forms */
form { margin: 0; padding: 0; }


/* turn off border */
div#wrapper { position: relative; font-size: 12pt !important; width: 800px; height: 100%; min-height: 100%; padding: 10px; 
              margin: 5px auto; border: 0 !important; }

/* remove header and left nav */     
div#header { display: none; }
div#top-navigation { display: none; }
div#left-navigation { display: none; }

/* stretch width for main content areas */
div#main-container { clear: none; float: left; min-height: 350px; height: 100%; width: 100% !important; border: 0; margin: 5px; padding: 0; 
                     font-size: 10pt !important; }
div#breadcrumbs { clear: none; width: 100%; font-size: 9pt !important; border: 0; padding: 3px 0 0 0; margin: 0 0 10px 0; color: #000;}                    
div#main-text  { clear: none; float: none; width: 100%; padding: 5px; margin: 0; }

/* hide logos */
div#sponsors-container { display: none; }

/* stretch updated time */
div#last-updated { clear: both; margin: 0; padding: 0; width: 100% !important; font-size: 8pt !important;  }

/* footer */
div#footer-container { clear: both; border-top: 2px solid #99064a; font-size: 8pt !important; color: #000; 
width: 800px; padding: 3px 0 3px 0; margin: 5px 0 0 0; text-align: center; }


}
