@charset "utf-8";
/* CSS Document */

/*based on stylesheet generated by CSS Sculptor for "3 Column Elastic, Header and Footer - Ems Text" with alternates from other sources, and edits by LGM */

/* Turn off any background colors or images, unfloat the page, set margins, padding to 0 and width to auto */
body {
  background-color: #fff;
  background-image: none;
  border-color: #000;
  color: #000;
  float: none;
  margin: 0; 
  padding: 0;
  width: auto;
}

/*alternate declaration -- uses transparent on body, then white on content (or vice versa - can't remember...)*/

body {
	color: #000;
	background-color: transparent !important;
	background-image: none !important;
}
/*end alternate */



/*Change headers as appropriate to printable colors, no background images, colors, etc.*/

h1, h2, h3, h4, h5, h6 {
  background-color: #fff;
  background-image: none;
  border-color: #000;
  color: #000;
}
/* alternate source - header styles -- change to point sizes, proportionately */

h1, h1.title, h2, h2.title, h3, h3.title, h4 {
	font-weight:bold;
	padding:0;
	margin:0;
}
h1, h1.title {
	font-size:14pt;
}
h2, h2.title {
	font-size:12pt;
}
h3, h3.title {
	font-size:10pt;
}
h4 {
	font-size:10pt;
	font-style:italic;
}

/*end alt source*/

/*Remove any background color on links, perhaps change color ( gray?) and/or make bold, and underline*/
a,  a:link, a:visited, a:hover, a:focus, a:active {
  background-color: #fff;
  background-image: none;
  border-color: #000; 
  color: #000;
  text-decoration: underline
  }
  
/*  OR: here's how another sample does it:*/
/* underline all links and use gray, bold */
  
  a:link, a:visited {
	text-decoration: underline !important;
	font-weight:bold;
	color: #666;
}
/* But don't underline headers that are links!*/
h1 a:link, h2 a:link, h3 a:link, h1 a:visited, h2 a:visited, h3 a:visited {
	text-decoration: none !important;
}
/*end alt handling for links*/



/*REMEMBER: if rules in main sheet are written really specifically, like these, must match in print style sheet  or won't override!*/
#wrapper {
  background-color: #fff;
  background-image: none;
  border-color: #000;
  color: #000;
  float: none;
  margin: 0; 
  padding: 0; 
  width: auto;
}
/*OR, from a different sample:*/

/* Un-float the content */
#content,
#contentInner.withSidebar {
	float: none;
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
}

/*Additional ideas, not from CSS Sculptor file*/

/* Keep Firefox from clipping the content after the first page. */
#wrapper {
	overflow-y: visible;
}
/*resize the text in points -- use all selectors that govern main body text.*/
body, p, li, input, blockquote {
	font-size:10pt;
	line-height:16pt;
}

/*consider re-styling list items if necessary -- especially if using a (hidden) background image for the bullet!*/
ul, li {
list-style-type:disc;
margin:.3in;
}

#logo {  /*to force logo to print smaller and at higher res, divide image width and height in pixels by 72 to get the dimensions, in inches, that it would otherwise print as, then divide that number of inches (in half is usually good, but however you like) to get a smaller, denser printout; repeat with height to keep image proportional. */
width:5in;
height:2in;
}

/* Hide anything you don't want to print, e.g.: #navbar, #menu, #sidebar-left, #sidebar-right, #footer, #breadcrumb, #search, etc. */

#menuDiv,
#sidebar {
	visibility: hidden;
	display: none;
}

/* Use CSS2 selector to add visible href after links */

/*original sample used "#content," but that captured headings, too; I decided to change to just "p" -- could also include <li>.  
At any rate, use whatever you need to get at the links in the main text */
p a:link:after, p a:visited:after {
	content: " (" attr(href) ") ";
	font-weight:bold;
	color:#333;
}

/*adds the missing front part to relative links -- CHANGE TEXT OF FRONT ON LINK FROM SAMPLE!*/
p a[href^="/"]:after {
content: " (http://www.tech-tamer.com" attr(href) ") ";
font-weight:bold;
color:#333;
}