/* 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! ----- */

/* FIRST CONTAINER STYLES HERE */
p, td {font:13px/17px Myriad,Arial,Helvetica,sans-serif; padding-bottom: 14px; color:#333;}
body {background-color:#FFF; width:525px;}
h1,h2,h3,h4,h5,h6 {font:16px/17px Myriad,Arial,Helvetica,sans-serif; font-weight:bold;color:#000;text-transform:uppercase;padding:5px 0 5px 0;}

/* STANDARDIZE LINK STYLES ACROSS SITE, KILL BORDER ON IMG LINKS */
a {color:#000;text-decoration:underline;}
a:link,a:visited, a:hover,a:active {text-decoration:underline;}

/* REMOVE AUTOMATIC TOP/BOTTOM MARGINS ON NESTED LISTS */
ul ul,ul ol,ul dir,ul menu,ul dl,
ol ul,ol ol,ol dir,ol menu,ol dl,
dir ul,dir ol,dir dir,dir menu,dir dl,
menu ul,menu ol,menu dir,menu menu,menu dl,
dl ul,dl ol,dl dir,dl menu,dl dl {margin-top:0;margin-bottom:0;}

/* STANDARDIZE THE LIST-BULLET TYPE */
ul,dl {list-style-type:square;list-style-position:outside;padding-bottom:14px;margin-left:16px;}
ol {list-style-type:decimal;list-style-position:inside;}
li{font:13px/17px Myriad,Arial,Helvetica,sans-serif;color:#333;}

/* MISCELLANEOUS STYLES TO ENSURE STANDARD TYPOGRAPHY */
em {font-style:italic;font-weight:normal;}
strong {font-weight:bold;}
acronym {background:transparent;cursor:help;font-style:normal;}
a acronym {border:none;cursor:pointer;}

/* STYLES FOR ALL PAGES */
#uber {width:525px; margin:auto auto; margin-top:40px;}

/* -----  STUFF THAT GOES AWAY ON PRINT PAGES ----- */

#top, #logo, #feedback, #feedbackbutton, #topemail, #topphone, #toplinks, #topflags, 
#nav, #printlinks, #left, #pagebanner, #right, #bottom, #footeresol, #clear {display:none;}


/* STYLES HOME PAGE ONLY */
#columnshome {background:url(/images/bkgnd_columnshome.gif) top left repeat-y; margin:0; padding:0;}
#lefthome {float:left; width:760px; height:383px; margin:0; padding:0; position:relative; background:url(/images/bkgnd_lefthome.gif) top left no-repeat;}
#righthome {
	float:left; width:149px; height:383px; margin:0; padding:0px 19px 0px 22px; background-color:#bde39e; position:relative;
	font:13px Myriad,Arial,Helvetica,sans-serif; color:#356a1d }

#rotate {width:411px; height:332px; position:absolute; top:0; left:295px; overflow:hidden;}
#welcomemessage {
	width:240px; height:164px; overflow:hidden; position:absolute; top:28px; left:28px;
	font:13px/17px Myriad,Arial,Helvetica,sans-serif; color:#FFF; }
#quicktip {
	width:240px; height:95px; overflow:hidden; position:absolute; top:228px; left:28px;
	font:13px/17px Myriad,Arial,Helvetica,sans-serif; color:#333; }
#esolutions {width:139px; height:43px; overflow:hidden; position:absolute; top:332px; right:26px;}
#copyright {position:absolute; top:343px; left:28px; font:12px Myriad,Arial,Helvetica,sans-serif; color:#333;}
#bottomlinks {position:absolute; top:360px; left:26px; font:12px Myriad,Arial,Helvetica,sans-serif; color:#333;}

#bottomhome {width:950px; height:35px; margin:0px 0px 35px 0px; padding:0;}

/* STYLES FOR CONTENT PAGES ONLY */
#columns, #centre, #content, #mainholder, #mainfloater {width:525px; color:#000;}
#printandemail {width:525px; font:16px/17px Myriad,Arial,Helvetica,sans-serif; color:#000; text-transform:uppercase;}
#footer {width:525px; font:12px/15px Myriad,Arial,Helvetica,sans-serif; color:#000;}
#footer a, #mainfloater a {padding:0px 2px;color:#000; text-decoration:underline;}