body 
{
   margin: 0;
   color: #000;
   font-size: 0.75em;
   background-color: #FFF;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}
#header
{
   height: 49px;
   width: 100%;
   background: #F27F1A url(/image/decorative/imageCallOut.gif) no-repeat 150px 0;
}
#perdiscoLogo
{
   position: absolute;
   top: 0;
   left: 0;
   width: 150px;
}
div#siteLinks
{
   margin-left: 280px;
   position: relative;
   font-size: 1em;
   height: 100%;
}
div#siteLinks div
{
   white-space: nowrap;
   width: 100%;
   position: absolute;
   bottom: -1px; /* set for ie6 */
   b\ottom /**/: 7px; /* set for all except ie 5, 5.5 and 6 */
   left: 0;
   padding-bottom: 7px;
   padding-bottom /**/: 0;
}
div#siteLinks div a.firstLink, div#siteLinks div span.firstLink
{
   border-left: 1px solid #FFC800;
}
div#siteLinks div a, div#siteLinks div span
{
   color: #000;
   padding: 2px 6px 7px;
   text-decoration: none;
   height: 1.2em;
   border-right: 1px solid #FFC800;
}
div#siteLinks div span, div#siteLinks div a#active
{
   text-decoration: none;
   font-weight: bold;
   border-bottom: 5px solid #FFC800;
   padding-bottom: 2px;
}
div#siteLinks div a:hover 
{
   border-bottom: 5px solid #FFC800;
   padding-bottom: 2px;
}
#headerUnderline
{
   border-top: 1px solid #999;
   padding: 0;
   width: 100%;
   clear: both;
   position: relative;
   z-index: 2;
}
head:first-child+body #headerUnderline
{
   padding-top: 1px;
   margin: 0;
}
div.hr
{
   height: 1.5em;
   border-bottom: 1px dotted #999;
}
div.hr hr
{
   display: none;
}
ul
{
   list-style-type: square;
   margin: 10px 0 10px 25px;
   padding: 0;
}
ul ul
{
   list-style-type: circle;
   margin: 10px 0 10px 25px;
   padding: 0;
}
ol
{
   margin: 10px 0 10px 40px;
   padding: 0;
}
li
{
   margin: 0 0 5px 0;
}
form
{
   display: inline;
   margin: 0;
}
/* styles for the browser setup pages on the Perdisco web site */
#browserSetupPage h3
{
   margin: 0.8em 0 0 0;
} 
#browserSetupPage ol
{
   margin-top: 0;
   margin-bottom: 0;
}
/* centerColumn is the content area and must always be on top */
div#centerColumn
{   
   margin: 0 0 0 150px;
   padding: 2em 2em 0 2em;
}
div#centerColumn div
{
   margin: 1em 0 1em 0;
}
div#centerColumn p
{
   margin: 0 0 1em 0;
}
div#centerColumn p.centerColumnLinks
{
   font-size: 0.9em;
}
div#centerColumn h1
{
   font-size: 1.4em;
   margin: 0 0 1em 0;
   padding: 0 0 3px 0;
   border-bottom: 1px dotted #999;
}
div#centerColumn h2
{
   font-size: 1.2em;
   margin: 1.5em 0 0.5em 0;
   padding: 0px;
   color: #800;
}
div#centerColumn h4.firstHeading
{
   font-size: 1em;
   margin: 0.5em 0 0.3em 0;
}
div#centerColumn h4
{
   font-size: 1em;
   margin: 2em 0 0.3em 0;
}
div#centerColumn h5
{
   font-size: 0.9em;
   margin: 2em 0 0 0;
}
div#centerColumn a:link
{
   text-decoration: underline;
   color: #00438C;
   margin: 0;
}
div#centerColumn a:visited
{
   text-decoration: underline;
   color: #606;
   margin: 0;
}
div#centerColumn a:hover, div#centerColumn a:active
{
   text-decoration: underline;
   color: #800;
   margin: 0;
}
div#centerColumn table
{ 
   margin: 0;
   font-size: 1em;
   margin: 1em 0 2em 0;
}
div#centerColumn table th
{
   background-color: #FFBD00;
   vertical-align: top;
   border-bottom: 1px solid #3C3C3C;
   text-align: left; 
   padding: 7px;
}
div#centerColumn td.tdBackground
{ 
   background-color: #F4F3EC;
   vertical-align: top;
   padding: 7px;
}
div#centerColumn table td.noBorder
{
   vertical-align: top;
   border-bottom: 0px solid #000;
   padding: 7px;
}
div#centerColumn table td
{
   vertical-align: top;
   border-bottom: 1px solid #3C3C3C;
   padding: 7px;
}
div#centerColumn div.tableMargin
{
   margin: 1em 0 2em 0;
}
/* style for image margins on the browser setup pages */
div#centerColumn img.browserSetupImageMargin
{
   margin: 10px 0 10px 30px;
}
/* style for footnotes at the bottom of whitepapers pages */
div#centerColumn .footNotes
{
	margin: 2em 0 0 0;
   padding: 5px 0 0 0; 
   font-size: 0.9em;
}
div#centerColumn div#pdfLink
{
   margin: 1em 0 1em 0;
   font-size: 0.9em;
}
/* leftColumn holds navigationLinks */
div#leftColumn
{  
   display: block;
   position: absolute;
   z-index: 2;
   left: 0;
   top: 95px;
   margin-left: 10px;
   font-size: 0.9em;
}
div#leftColumn div.innerContent
{
   text-align: center;
   width: 129px;
   overflow: visible;
   border: 1px solid #B8AE82;
   padding-bottom: 15px;
}
div#leftColumn div.innerContent h2
{
   background-color: #B8AE82;
   color: #FFF;
   width: 129px; /* set for ie 5.0 and 5.5 and then reset for all others below */
   w\idth: 100%;
   margin: 0;
   padding: 0.5em 0 0.5em 0;
   font-size: 1em;
}
div#leftColumn div.innerContent h3
{
   font-size: 0.9em;
   margin: 1em 15px 1em 15px;
   padding: 0.5em 0 0.5em 0;
   color: #000;
   background-color: #FFF;
   border-bottom: 1px dotted #999;
}
div#leftColumn div.innerContent div.hr
{
   margin: 1em 15px 1em 15px;
   height: 0.5em;
}
div#leftColumn div.innerContent h3.separator
{
   width: 100%;
   margin: 1em 0 1em 0;
   color: #FFF;
   background: none;
   background-color: #B8AE82;
}
div#leftColumn div.innerContent p
{
   margin: 0 10px 0.5em 10px;
   padding: 1em 0 1em 0;
}
div#leftColumn div.innerContent p.leftColumnImage
{
   margin: 0;
   padding: 0;
   border-bottom: 2px solid #B8AE82;
   background-color: #B8AE82;
}
div#leftColumn div.innerContent p.leftColumnLinks
{
   margin: 1em 0 1em 0;
   padding: 0;
   line-height: 1.5em;
}
div#leftColumn div.innerContent p.noBottomMargin
{
   margin: 0;
   padding: 0;
}
div#leftColumn div.innerContent ul
{
   margin-left: 10px;
   padding-left: 0;
   text-align: left;
   list-style-type: none;
}
/* owen hack hide this ul/ol rule from internet explorer all versions as list indentation handled differently in ie/ns  */
head:first-child+body div#leftColumn div.innerContent ul
{
   padding-left: 10px;
   margin-left: 0;
}
div#leftColumn div.innerContent p.leftColumnLinks a, div#leftColumn div.innerContent ul li a
{
   color: #00438C;
   margin: 0;
}
div#leftColumn div.innerContent p.leftColumnLinks a:visited, div#leftColumn div.innerContent ul li a:visited
{
   color: #606;
}
div#leftColumn div.innerContent p.leftColumnLinks a:hover, div#leftColumn div.innerContent p.leftColumnLinks a:active, div#leftColumn div.innerContent ul li a:hover, div#leftColumn div.innerContent ul li a:active
{
   color: #800;
   text-decoration: underline;
}
div#centerColumn p.button a:link, div#centerColumn p.button a:visited
{
   text-decoration: none;
   margin-right: 0.5em;
   padding: 0.5em 1em 0.5em 1em;
   font-size: 0.9em;
   height: 1.8em;
   height: 0;
   line-height: 1.5em;
   color: #000;
   background-color: #F4F3EC;
   border-top: 1px solid #B8AE82;
   border-right: 1px solid #B8AE82;
   border-bottom: 1px solid #B8AE82;
   border-left: 1px solid #B8AE82;
}
div#centerColumn p.button a:hover, div#centerColumn p.button a:active
{
   text-decoration: underline;
   padding: 0.5em 1em 0.5em 1em;
   font-size: 0.9em;
   height: 1.8em;
   height: 0;
   line-height: 1.5em;
   color: #000;
   background-color: #FFBD00;
   border-top: 1px solid #FFBD00;
   border-right: 1px solid #FFBD00;
   border-bottom: 1px solid #FFBD00;
   border-left: 1px solid #FFBD00;
}
.center
{
   text-align: center;
}
.leftImage
{
   margin: 10px;
}
.nb
{
   font-weight: bold;
}
.ni
{
   font-style: italic;
}
.quoteAuthor
{
   font-size: 0.9em;
}
.quote
{
   margin: 2em 5px 1em 5px;
   font-style: italic;
}
.right
{
   text-align: right;
   margin: -15px 5px 15px 10px;
}
.rightImage
{
   float: right;
   margin: 0 10px 10px 10px;
   border: 1px solid #B8AE82;
}
@media print
{
   body
   {
      font-size: 9pt;
   }
   div#siteLinks
   {
      display: none;
   }
   div#printLogo
   {
      display: block;
      margin-left: 15px;
   }
   div#centerColumn
   {   
      margin: 0 5px 0 0;
      border-left: 0 solid #B8AE82;
   }
   div#leftColumn 
   {  
      display: none;
   }
}