/*  ======================== Global tag selectors ============================================== */	

body { background-image: url("images/backgrounds/page.gif"); color: #333; text-align: center; }
body { font: 70% Verdana, sans-serif; margin: 1% 4%; padding: 0; }
body * { text-align: left; }
form, div, p { margin: 0; padding: 0; } /* Eliminate browser defaults */
h1 { font-size: 18px; margin: 12px 0; padding-bottom: 8px; color: #505050; border-bottom: 1px solid #666;}
h1 #subhead { display: block; margin-top: 4px; margin-bottom: 20px; font-size: 16px; }
h2 { font-size: 16px; margin: 10px 0 3px 0; color: #808080; }
h3 { font-size: 14px; margin: 8px 0; color: #999; padding-top: 6px; } /* Padding is for the top border */
h4 { font-size: 12px; margin: 8px 0; }
input { padding: .2em; font: .9em Verdana,sans-serif; }
a img { border: none; }

/*  ======================== Generic ========================================================== */	

.nac {
margin: -80px 0 0 0;
float: right;

}

.T { border: 1px solid red; background-color: #99FF00; } /* For quick testing */
.last { border-right: none !important; margin-right: 0 !important; padding-right: 0 !important; }

/* Aslett hack to clear floating divs; overflow: hidden does not work for the navigation/content divs */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .clearfix {height: 1%;} .clearfix {display: block;}

#header, #body, #footer { border-left: 1px solid #000; border-right: 1px solid #000; text-align: left; width: 100%; /* max-width: 1100px; width: expression(this.width > 1100 ? 1100 : true);*/  } /* text-align for benefit of Dreamweaver/Contribute */
#body, #footer { background: #fff url("images/backgrounds/navigation_column.gif") repeat-y; }

/*  ======================== Headers ========================================================== */	

#header { border-top: 1px solid #000; height: 83px; position: relative; background:  url("images/backgrounds/header_stripe.gif"); }

/* Header logos */

#header #pi_logo { padding: 83px 0 0 0; overflow: hidden; background-image:  url("images/logo/chp.gif"); background-repeat: no-repeat; height: 0px !important; height /**/:83px; }

#header form, #header ul { position: absolute;}

/* Search form */
#header form { top: 0; right: 0; padding: 17px; margin: 0; background:  url("images/backgrounds/header_search.gif") no-repeat top right; }
#header input { vertical-align: text-bottom; }
#header label { color: #003; }
#header #search_input { background-color: #E0E0EF !important; width: 200px; }

/* Header links */
#header ul { top: 60px; margin: 0; padding: 0; right: 12px; }
#header ul li { display: inline; list-style: none; }
#header ul li a { color: #fff; border-right: 1px solid #fff; padding: 0 12px 0 0; margin: 0 8px 0 0; text-decoration: underline; }

/*======================== Body =============================================================== */

#body { background: #fff url("images/backgrounds/navigation_column.gif") repeat-y;}
#navigation { float: left; margin: 10px; }
#content { border-left: 202px solid #A6A6A6; background: #fff; padding: 20px; margin: 0; }

/*======================== Navigation ========================================================= */

#navigation ul { margin: 0; padding: 0; border-bottom: 0px dotted #006;}
#navigation ul li { margin: 1em 0; padding-left: 10px; }

/* Navigation links */
#navigation a, #navigation a:visited { font-weight: bold; color: #006; text-decoration: none; }
#navigation a:hover { text-decoration: underline; }
#navigation a:active { color: #c00; }

/* Subnavigation */
#navigation ul li ul { padding-bottom: 10px; border-bottom: none; }
#navigation ul li ul/* */ { padding-bottom: 0px; } /* Hide from IE 5.0 only */
#navigation ul li ul li a { font-weight: normal !important; } /* !important needed for IE */
#navigation ul li { list-style-type: none; }

/* Page indicators */
#navigation li.current { background:  url("images/arrow_navigation.gif") no-repeat top left; }

/*======================== Search ============================================================ */
#search h2 { border-bottom: 1px solid #ccc; }
#search span.highlight { font-weight: bold; color: #000; }
#search .search_box label { width: 100%; margin-bottom: 1em; float: none; }
#search .zoom_searchbox { width: 50%; }
#search .zoom_options { margin-top: 3em; }
#search .zoom_options label, #search .zoom_options input { float: none; }
#search .result_pages { padding: 5px; background: #D5D5E7; border: 1px solid #3D3685; }
#search .result_title { font-size: 110%; }
#search .context { font-size: 90%; color: #777; }
#search .search_url { color: green; }

/*======================== Footer ============================================================= */
#footer { border-bottom: 1px solid #000; color: #999; padding: 12px 0; clear: both; margin: 0; }
#footer ul, #footer p { padding: 0 24px 0 220px; }
#footer ul { float: right; clear: both; }
#footer ul li { display: inline; }
#footer ul li a { color: #999; text-transform: uppercase; font-size: .8em; font-weight: bold; border-right: 1px solid #999; padding-right: 8px; margin-right: 6px; }
#footer hr { margin-left: 220px; margin-right: 20px; height: 1px; color: #999 }

/*======================== sIFR =============================================================== */

.sIFR-flash { visibility: visible !important; margin: 0;  }
* html .sIFR-flash { float: left; clear: right !important; width: 100%; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-hasFlash h1 { visibility: hidden; border: 0; background: none; color: #fff;  font-size: 16px; }
.sIFR-hasFlash h1 #subhead { visibility: hidden; border: 0; background: none; color: #fff;  font-size: 14px; }


/*  ======================== Content ========================================================== */
 /* For anything that emulate a parapraph (with appropriate margins  */
#content p, #content table.noBorder, #content table.noBorder th, #content table.noBorder td
#content .backToTop, #content .leftColumn, #content .rightColumn { margin: 1em 0; padding: 0; }

#content .floatRight { float: right; }
#content .floatLeft { float: left; }
#content .alignRight { text-align: right; }
#content .alignLeft { text-align: left; }
#content .alignCenter { text-align: center; }

#content .callout { display: block; float: right; width: 30%; margin: 0 0 2em 2em; padding: 0 0 .7em 0; border: 1px solid #669; }
#content .callout h2 { padding: .7em; font-size: .9em; color: #fff; font-weight: bold; background: #669; }
#content .callout p { padding: 0 .7em; }

#content .backToTop { display: block; width: 95%; text-align: right; font-size: .8em; margin: 1em 0; padding-right: 18px; background:  url("/images/icons/arrow_back_to_top.gif") no-repeat right !important; }
#content a.backToTop:visited { color: blue !important; }
#content a.noLinkUnderline { text-decoration: none; }

#content .inlinePDF {  background-image: url("/images/icons/inline_pdf.gif") }
#content .inlineDocument {  background-image:  url("/images/icons/inline_doc.gif")}
#content .inlineXLS {  background-image:  url("/images/icons/inline_xls.gif")}
#content .inlinePPT {  background-image:  url("/images/icons/inline_ppt.gif")}
#content .inlineTXT {  background-image:  url("/images/icons/inline_txt.gif")}
#content .inlineZIP {  background-image:  url("/images/icons/inline_zip.gif")}
#content .technicalInformation {  background:  url("/images/icons/inline_technical_information.gif")}
#content .inlinePDF, #content .inlineDocument, #content .inlineXLS, #content .inlinePPT, 
#content .inlineTXT, #content .inlineZIP, #content .technicalInformation { 
padding-left: 24px;  background-repeat: no-repeat; background-position: center left;  }

#content img { margin: 0 1em; }
#content img.inlineImg { margin: 0 .3em; }
#content .noMargin { margin: 0 !important; }
#content .noPadding { padding: 0 !important; }
#content .noGutter { margin: 0 !important; padding: 0 !important; }
#content .imageCaption { font-style: italic; font-weight: bold; }

#content .smallMargin { margin: 4px !important; }
#content .mediumMargin { margin: 8px !important; }
#content .largeMargin { margin: 16px !important; }

#content .smallPadding { padding: 4px !important; }
#content .mediumPadding { padding: 8px !important; }
#content .largePadding { padding: 16px !important; }

#content .leftColumn, #content .rightColumn { display: block; float: left; }
#content .leftColumn { width: 49%; }
#content .rightColumn { width: 49%; margin-left: 1%; clear: right; }

#content table { border: 1px solid #ccc; border-collapse: collapse; width: 99%; }
#content table th, td { padding: 6px; }
#content table th { background: #ccc; }
#content table td { border: 1px solid #ccc }
#content .layoutTable h1, #content .layoutTable h2, #content .layoutTable h3, #content .layoutTable h4 {margin: 0 0 -12px 0; padding: 0; } 

#content .setWidth { width: auto; }
#content .layoutTable, #content .layoutTable td { width: auto; border: none !important; background: none; }

#content table.noBorder, #content table.noBorder th, #content table.noBorder td { border: 0; } 
#content table.noBorder th { background: none; }

#content .document_tables table th { background-color: #333; color: #FFF; }
#content .document_tables table td { border: 1px solid #ccc; }
#content .document_tables tr.shade td { background-color: #ccc; }

#content td.nowrap { white-space: nowrap; }

#content .reps_list { float: left; margin-right: 12px; width: 200px; margin-top: 12px; padding-top: 12px; border-top: 1px solid #ccc; min-height: 190px; }
* html #content .reps_list { height: 190px; }

/* ======================== Tabs =============================================================== */
#content #content_container { border: 1px solid #666; background: #efefef; width: 99%; }
#content #contents { padding: 1.5em; background: #fff; }
#content #tab_container { clear: right; position: relative; width: 90%; height: 3em; width: 99%; }
#content #tab_container ul { margin: 0; padding: 0; position: absolute; bottom: -1px; width: 99%; }
#content #tab_container ul li  { display: inline; list-style: none; cursor: pointer; }
#content #tab_container ul a, #content #tab_container ul a.current, #content #tab_container ul a.current { width: auto; display: block; float: left; padding: 4px 1em; margin: 1px 2px 0 0; text-align: center; text-decoration: none; color: #333; }
/* Active tab */
#content #tab_container ul a.current, #content #tab_container ul a.current, #content #tab_container ul a.current:hover { border: 1px solid #666; border-bottom: none; background: #fff; padding-bottom: 6px; margin-top: 0; }
/* Other tabs */
#content #tab_container ul a { background: #ccc; border: 1px solid #333; }
#content #tab_container ul a:hover { margin-top: 0; border-color: #666; background: #FFF7CD; padding-bottom: 5px; }

#expand1 {
position:relative;
overflow:hidden;
margin:0 auto;
 font: 95% Verdana, sans-serif;
 margin: 1% 4%;
   }