/* **************************************************/
/* CCS stylesheet for print, site: www.thepbgrp.com */
/*                                                  */
/* This is a subset of the 'screen.css' file        */
/* with adjustments for printing:                   */
/* - changing visibility of some layers             */
/* - change some layout                             */
/*                                                  */
/* **************************************************/


/* Overall Layout: this part defines the placement and visibility of layer elements in the page; do not modify unless you know what you do */
/* *************************************************************************************************************************************** */

html {
  margin: 0;
  padding: 0;
	border: 0;
  height: 100%;
}

/* using fixed base font size and line height here */
body {
  background-color: #ffffff !important;
  color: #000000 !important;
  font-size: 12pt;
	line-height: 16pt;
	font-family: Georgia, 'Times New Roman', Times, serif; /* use a 'serif' font family for printing */
	padding: 0;
	margin: 0;
	border: 0;
	overflow: visible;
}

/* containing div */
div#container {
  position: static;
	z-index: 1;
	padding: 0;
	margin: 0;
	border: 0;
	overflow: visible;
  text-align: justify;
  display: block;
}

/* HEADER */

div#header-screen {
  display: none;
}

div#header-print {
  position: static;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: left;
  display: block;
}

ul#nav {
  display: none;
}

div#nav-decoration-line {
  display: none;
}

div#nav-decoration-line-print {
  clear: both;
	position: static;
	width: 200px;
	background: #000000;
  display: block;
	text-align: center;
	margin: 0 auto 20px auto;
	padding: 0;
	border: 0;
}

/* CONTENT */

div#content {
  position: static;
  display: block;
	padding: 0;
	margin: 0;
	border: 0;
	overflow: visible;
}


div#content-offset { /* adjusting the position of the content text */
  padding: 0;
	display: block;
}


/* index.html only */  
div#left-column {
	display: none;
}

div#right-column {
	position: static;
  display: block;
	overflow: visible;
	width: auto;
	padding: 0;
	margin: 0;
	border: 0;
	overflow: visible;
}

/* COPYRIGHT */

div#copyright {
  position: static;
	padding: 0;
	margin: 20px 0 0 0;
	border: 0;
  display: block;
}

/* FOOTER */

div#footer {
  display: none;
}

/* Client Login in Resources section */ 
div#login {
  display: none;
}

/* Element Specific Layout: this part defines the layout of the HTML tags; can be changed */
/* ************************************************************************************** */

/* Tag specific and classes */

span.hide-print { /* prevent specific content from printing */
  display: none;
}

h1 { /* Header 1 Level */
	font-weight: bold;
	font-size: 16pt;
	text-align: left;
	margin: 25px 0 0 0;
	padding: 0;
}

h2 { /* Header 2 Level */
	font-size: 14pt;
	font-weight: bold;
	text-align: left;
	margin: 20px 0 0 0;
	padding: 0;
}

h3 { /* Header 3 Level */
	font-size: 12pt;
	font-weight: normal;
	text-align: left;
	font-style: italic;
	margin: 15px 0 0 0;
	padding: 0;
}

p { /* Standard for paragraphs */
	font-size: 10pt;
	margin: 10px 0 0 0;
	padding: 0;
	line-height: 1.4em;
	text-align: justify;
}

p.paragraph-copyright {
	text-align: center;
	margin: 0;
}

p.header-print-text {
  font-size: 8pt;
	margin: 0 0 10px 0;
	padding: 23px 0 0 0;
}

p.header-print-text span.bold {
  font-size: 10pt;
}

table {
  font-size: 10pt;
	border: 1px solid #000000;
	border-collapse: collapse;
	margin: 20px 0 0 0;
	padding: 0;
	color: #000000;
}

th {
  font-weight: bold;
	vertical-align: middle;
	text-align: center;
	margin: 0;
	padding: 5px;
	border: 1px solid #000000;
}

td {
  font-weight: normal;
	vertical-align: middle;
	text-align: center;
	margin: 0;
	padding: 5px;
	border: 1px solid #000000;
}

td.gray {
  font-weight: bold;
	vertical-align: middle;
	text-align: left;
	margin: 0;
	padding: 5px;
	border: 1px solid #000000;
	background: #d9d9d9;
}

ol { /* Ordered Lists */
  font-size: 10pt;
	line-height: 1.4em;
	margin: 10px 0 0 40px;
	padding: 0;
}

ol * ol {
  font-size: 100%;
  margin: 0 0 0 40px;
}

ul { /* Unordered Lists (depending on what you add here, the UL definitions in the navigation drop down may need to be adjusted) */
  font-size: 10pt;
	line-height: 1.4em;
	margin: 10px 0 0 40px;
	padding: 0;
}

ul * ul {
  font-size: 100%;
  margin: 0 0 0 40px;
}

div#content li {margin-top: 10px;}

div#content ul {margin-left: 25px; margin-top: 25px;}

img { /* Images */
  margin: 0;
	padding: 0;
	border: 0;
}

img.header-print {
	float: left;
	width: 150px;
	margin: 0 30px 15px 0;
	padding: 0;
	border: 0;
	text-align: left;
	display: block;
}

em { /* Emphasized Text; 'emphasis' is logical and visual, unlike 'bold', which is visual only */
  font-style: normal;
	font-weight: bold;
	color: #000000;
	background-color: #f3f3f3;
}

a:link {font-weight: normal; letter-spacing: 0.1em; text-decoration: underline; color: #000000;}
a:visited {font-weight: normal; letter-spacing: 0.1em; text-decoration: underline; color: #000000;}

/* Contact Forms */
form {
  font-size: 75%;
  margin-top: 15px;
}

input, textarea, select {
  font: 100% Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
}

fieldset {
  border: 0;
  margin: 15px 0 0 0;
  padding: 0;
	line-height: 2.5em;
}

fieldset label {
  width: 16em;
  float: left;
  text-align: right;
  margin: -2px 1em 0 0;
  clear: both;
  color: #000000;
}

.input-box {
  margin: 2px 3px -2px 3px;
  color: #000000;
	padding: 0;
}

input.submit-button {
  width: 100px;
  margin: 20px 0 0 20px;
  font-weight: bold;
  color: #000000;
  background: #ffffff;
  border: 2px #efefef outset;
}


/* Some general classes which replace the corresponding HTML tags */
.bold {font-weight: bold;}
.italic {font-style: italic;}
.bolditalic {font-weight: bold; font-style: italic;}
.underline {text-decoration: underline;}
.normal {font-weight: normal; font-style: normal; text-decoration: none;}

.justify {text-align: justify;}
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
