/* print.css are the styles for the DIVs in a website where print version of pages are needed */

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

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 show here
which will prevent them from showing on a printed page ...

#topnav {display: none;}

the "Print (Page}" icon/button should have the following code in it for this to work ...

<a href="#" onClick="window.print()">button graphic here</a>

finally, if required, set up new style sheets for the content area to force it to a specific
size and centre it on the page as shown here ...

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

*/

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

/* common level divs */
html, body {font:12px/15px Arial,Helvetica,Verdana,sans-serif; color: #000;}
p, li, #content p {font:12px/15px Arial,Helvetica,Verdana,sans-serif; color: #000;}
a {color: #333; text-decoration: underline;}
#uber, #sububer {width: 540px; margin: auto auto;}
h1 {font-weight:bold;color:#620000;font-size:16px; padding-bottom:15px; padding-top:15px;}
/* structure level divs */
/* styles for top header and bottom footer area */
#printheader {width: 540px; height: 148px;}
#header {width: 540px; margin-bottom: 36px;}
#headerlogo, #headerlinks, #headersearch {display: none;}
#headertitle {position: relative; font:14px Arial,Helvetica,Verdana,sans-serif; font-weight: bold;}
#footer {width: 540px; font:11px Arial,Helvetica,Verdana,sans-serif; color: #000; border-top: 1px dotted #999; padding-top: 12px;}
#lastupdated {font:11px Arial,Helvetica,Verdana,sans-serif; color: #000;}
#bannermain, #bannersmall, #bannertexttitle, #bannertext, #footerlinks {display: none;}

/* --- styles for the MAIN CONTENT AREA below the banner, requires standard clear div outside close of div --- */
#content {width: 540px;}

/* breadcrumb */
#breadcrumb {margin-bottom: 15px; font:11px/14px Arial,Helvetica,Verdana,sans-serif; color: #333;}
#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover, #breadcrumb a:active {text-decoration:underline; font-weight: normal; color:#000;}

/* columns */
#leftnav, #right, #spacer {display: none;}
#middle, #middle2col, #contentopen {width: 540px;}
#middle p, #middle2col p {padding-bottom: 10px;}

/* extras */
#floatrelated {display: none;}
.printhide {display: none;}

/* inset picture for main level page */
.insetpic {padding-bottom: 3px; border: 0; border-bottom: 6px solid #AE610B; margin: 0px 0px 20px 20px;}

/* news and events items */
#newseventstitle {font:14px Arial,Helvetica,Verdana,sans-serif; padding-bottom: 6px; margin-bottom: 12px; font-weight: bold;}
#viewall, .newsitempic {display: none;}
#newsitemtop {border-bottom: 1px dotted #999;} 
#newsitem {border-bottom: 1px dotted #999;} 
#newsitembottom {border-bottom: 1px dotted #999; margin-bottom: 18px} 
#newsitemtop p, #newsitem p, #newsitembottom p {color: #000; font:12px/15px Arial,Helvetica,Verdana,sans-serif;}

/* ----- end template ----- */